UX Case Study

UX Case Study is a free Framer template for a UX and product designer portfolio. Every case study is a sticky note: the hero is a stack of notes that peel off one by one, and the whole site reads like a research wall. Every page, word and photo is editable in Framer.

Built for the Framer AI agent

This is an Agent Template. It comes with a Design System page and a /design-system skill, so you can ask the agent for a new page or section and it uses the same notes, colours, type and spacing.

Case studies on the wall

A crit wall pins each project and slaps four notes on it: the problem, what you learned, the fix and the result. Each case has its own page from the CMS, with the story, the numbers and more cases.

Research you can show

A dot vote where visitors drop their own dot, an affinity board where 16 research notes sort themselves into groups as you scroll, a kanban of your process, a paper prototype people can actually tap through, and comments left on a design file.

Pages

Home, Work, Case study (CMS), Process, About, Notes, Note (CMS), Contact, Privacy & terms and a custom 404.

Features

CMS collections for cases, services, research notes and writing

16 colour styles and 16 text styles: change a note colour once and it updates everywhere

Note button, form submit and header with hover, sending and success states

Brief form and full contact form with styled fields

Sticky note loader and page turn transition

Field notebook with pull-out tabs for your articles

Responsive from 320 px phones to wide screens, with a phone menu

Page titles and descriptions, social image and favicon

Keyboard and screen reader friendly

Curtain footer with a handwritten signature

Best for

UX designers

Product designers

UI/UX designers looking for work

UX researchers

Design students building a first case study portfolio

Support: solofoundryhq@gmail.com