Jo Williamsonis a UX and Productdesigner in Newcastle

  • Swipeable card interface with a yellow card showing a wedge of Camembert, a cross and a heart button, and the prompt "How do you rate Camembert?" Another card sits behind it.
  • Web search banner on a teal-to-peach gradient with the headline "Find the right digital health service for you", a search field labelled "Search programmes" with a filter dropdown, and an illustration of a woman reading beside a plant.
  • Dark-themed academy page with a navigation bar, a hero banner reading "Get to grips with drag and drop", a search field, and a row of featured course cards with photos of instructors.
  • Page builder showing a mobile preview of a "Day 1 - Carbs" article, with a video block being dragged into the content and a toolbar with a Save button above.
  • Red rounded app icon with a cream X-shaped logo, centred in a grid of pale, empty app icon placeholders.
  • Morning dashboard card over a photo of a rocky coastline and sea, reading "Good morning, Jonathan" with the time 07:30, a vessel name with a Greek flag, and a weekly date picker with two days ticked.
  • Simplified purple map of a coastline with a lilac circle highlighting a small vessel marker offshore.
  • Four email input field states stacked vertically: empty, being typed in, completed, and an error state with a red outline and the message "Your email is missing an @ sign".
  • Status selector card on a soft teal background, with "Tendering" selected in green and a dropdown below listing other statuses such as "Pre Contract".
  • Reading List card on a red background, showing 10 newsletters that are deleted after 7 days. Three entries are visible, from Dense Discovery, Toby Rogers and Hacker Newsletter, with a "See the full list" link.
  • Mobile screen over a photo of doughnuts, asking "Do you have any allergies or dietary restrictions?" with a "+2 stamps" badge. Yes and No buttons sit above a search field containing "Gluten", with "Vegan" and "Celery" selected as tags and a Continue button below.
  • Page builder in Wireframe View showing a "Week #1 / Day 1 - Carbs" page broken into labelled sections such as Top Section, Top Nav and Breadcrumb. A Developer View panel overlaps it, showing lines of React code.
  • Dark red graphic of faint binary digits with three words in cream, each framed by angle brackets: "infrastructure", "people" and "data".
  • Frosted glass "Swipe to sign" slider with a signature icon on its left, set over a close-up photo of choppy teal sea.
  • Four states of a lilac "Start tracking" button stacked vertically and labelled Default, Hover, Active and Disabled. The active state is bright pink and the disabled state is greyed out.
  • Blurred table of traders on a teal background, with page controls (page 2 selected of 13), a "Show on page" option and a "Filter and Sort" link. A Traders dropdown and "Search Traders" field sit above columns for trader, product or service type, status and latest assessment result.
  • Orange gradient card with the heading "3 items need your attention" and three email previews listing the sender, subject and time received: a job alert, a family reply about wedding pictures and a garage appointment reminder.

Blog

An occasionally updated blog sharing experiments, thoughts and updates.

  1. Week 40- Jo discovers week notesWeek 40: I started a new job, relaunched my site and began week-notes, plus why I'm open about using AI to proofread and where I draw the line.
  2. My last three Linkedin posts were generated by Chat GPT and only one was rumbledI let ChatGPT write my next three LinkedIn posts to see if anyone would notice. Only one got called out. Here's what happened, and what the numbers said.