Skip the intro

COSMOS.so redesign · Collect, compose, present · 2026

From inspiration to intention.

Sphere after our poster by Aiyanna Canty · images saved from cosmos.so

Scroll · drag to turn

01 · Collect

See how your references connect.

Cosmos surfaces hidden designers, eras, and influences within your collections.

02 · Compose

Group what belongs together.

Drag, shift-click, or highlight. The images never leave the board.

03 · Compose

Leave a note on what matters.

Capture thoughts in the moment. Context stays attached to inspiration.

04 · Present

Share your vision.

Every image, note, and connection leaves together, in one export.

Inside the research, then the redesign

  1. A closer look · the research wall

    Everything we heard, on one wall.

    342 notes from interviews across nine design disciplines and three rounds of shadowing and testing.

  2. Affinity map

    Sorted by what each note was about.

    How people work, where it broke down, what they said about Cosmos, and who they are.

  3. The cut

    Three moments where the workflow leaked.

    Designers lost their place while exploring, left Cosmos to organize, and lost their thinking the moment they exported.

  4. Collect · Noticed Themes

    You knew where each image came from.

    Not what tied them together. Now Cosmos names the eras, designers and influences a collection shares.

  5. Compose · Groups

    Organizing used to break your board apart.

    Organize mode is gone. Shift-click or drag images into a group, and they stay on the board, tagged.

  6. Compose · Notes

    You could save the image.

    You just couldn’t say why. Notes were separate tiles. Now you select an image, start typing, and the note stays with it.

  7. Present · Export

    The moment you exported, the context disappeared.

    A zip of images left every note behind. Now export builds a PDF that keeps the groups, notes and themes, and archives each version.

  8. Results · System Usability Scale

    From 56 to 91.

    The usability score on live Cosmos, then on our vibe-coded redesign.

COSMOS.so redesign · Case study · 2026

Designers collected on Cosmos, then left to do the real work.

Creative pros saved images on Cosmos, then moved to Figma to group, annotate and present them. Our redesign put groups, notes and a PDF export right where they were leaving, in a prototype we vibe-coded instead of drawing in Figma.

Role
Research lead. I also led the coded prototype and its interactions.
Timeline
10 weeks, Spring 2026 · SCAD UXDG 390
Team
Jack Morris (project manager, site visuals), Aiyanna Canty (UX designer) and me. Jack and Aiyanna led the visual and slide design.
Methods
Heuristic evaluation, site audits, interviews, moderated and unmoderated usability tests, affinity mapping, SUS, vibe-coded prototype
Our vision video, by Jack Morris. In 60 seconds, saved images drift in, connect into themes, group into “Furniture”, take notes, and leave as one export.

01

What it is

Cosmos is a curated, image-first inspiration platform for creative professionals. The people who use it like it for real reasons: the image quality, See Similar, and the Chrome extension.

But the workflow leaked. Designers lost their place while exploring, left Cosmos to organize, and lost the thinking they’d built the moment they exported. Organizing meant entering a separate mode, and an image moved into a sub-collection disappeared from the main board. A note was its own tile, never attached to an image, and export was a zip of images.

02

My part

We mapped the current state before talking to anyone: a heuristic evaluation against Nielsen’s 10 and a UX audit of 8 page types, plus a site audit I ran with one of my own agent frameworks. They logged 41 audit findings and 31 heuristic findings, including 65 of the homepage’s 68 buttons with no label.

Then we went to people: interviews across nine design disciplines, from students to a creative director and a photographer with 25 years in the field, and three rounds of shadowing and testing, moderated and unmoderated, on a Nike NYC pop-up mood board. One rule: if they get stuck, let them stay stuck. Everything went into one affinity dataset: 342 notes, 48 codes, 5 friction themes. That pipeline is the ancestor of TreeTestAi, which now automates it.

The biggest research call came first. We started on Yelp and dropped it two days in, because Yelp’s problems were structural, not UX: Google owns its distribution, users have no lock-in, and its ads are expensive for small businesses. We moved to cosmos.so, a product a redesign could actually reach, and rebuilt the audits, screener, survey and interview script in about 48 hours.

I led the prototype. Most teams hand in a Figma mockup; we were one of the more leading-edge teams to vibe-code a working site instead: Claude Design for the flow, Cursor for the visual style, and Claude Code for every change after that, from v3 to v26. Testers got the real micro-interactions, and testing started early, so the back half of the project went to refining the redesign, not building it.

03

What we found

  • Usability test · Round 2 · after the grouping task

    It would kind of make more sense to have the board and like show them in groups instead of like their own separate thing.

    The fix wasn’t better folders. People wanted groups on one board, so sub-collections became inline groups.

  • Interview · P4 · senior UX, agency

    Not just pulling in the raw images. You also have to synthesize the information and show your work. Sticky notes are a big one and then grouping and theming is really important too.

    A mood board is an argument, not a pile, so notes and themes had to sit on the images themselves.

  • Interview notes · P8 · fashion design student

    There’s a disconnect between collecting inspiration and actually using it in my work. I have to manually transfer everything, which slows down the process.

    Export had to carry groups and notes out with the images. A zip of images leaves the thinking behind.

04

What changed

The wall narrowed to three moments, Collect, Compose and Present, and changed five things:

  • Groups, not sub-collections. Organize mode is gone. Drag or shift-click an image into a group and it stays on the main board with a tag.
  • Notes on the image. Every image gets a note and every group a caption, so the board carries the reasoning.
  • Export that keeps the thinking. A branded PDF with groups, notes and themes replaced the zip, and every export is archived.
  • Noticed Themes. It names the designers, eras and influences a collection already shares: AI for understanding, not for push.
  • Breadcrumbs. A thumbnail trail back to where you were, adapted from public.work (a Cosmos product), instead of hammering the back button.

It’s a class prototype, not a shipped Cosmos feature.

342 → 3
Notes on the wall, narrowed to three moments: Collect, Compose, Present.
5
Features built from the findings into a working, vibe-coded prototype.
56 → 91
System Usability Scale: live Cosmos, then our redesign.

05

Visuals

“Group what belongs together.” A curved wall of chair photos beside a Furniture group pill with 8 images, and the line “Drag, shift-click, or highlight—group images however feels natural.”
“Leave a note on what matters.” A dancer photo with a floating bar: a thumbnail, a Write a note field and an Add to group button.
“See how your references connect.” Pottery photos with a Noticed Themes card: 1950s–1960s Mid-century studio pottery, Lucie Rie, Hans Coper.
“Share your vision.” An exported PDF open as a magazine spread: a title page and a page of nature photos called Komorebi.

Hero shots: Jack Morris, Aiyanna Canty and me. Images in the prototype were saved from cosmos.so.