Shani — Product Designer Portfolio in Framer

Shani is a product designer working on complex enterprise products — omnichannel agent workspaces, admin configuration tools and contextual CRM. She needed a portfolio that lets that depth come through: a site that feels calm and confident at first glance, but can hold long, detailed case studies without becoming hard to read.

Enterprise product work is hard to show. The screens are dense, the problems are abstract, and the real story lives in the process — research, flows, workshops and trade-offs. The portfolio had to make that work approachable for hiring managers who skim, while still rewarding the ones who read every word.

A warm, quiet visual language. An off-white canvas with a soft peach glow, generous spacing and a clean grotesque typeface keep the focus on the work. Each case study gets its own soft color — mint for Agent Workspace, lilac for Chat Widget — so projects are easy to tell apart at a glance.

Case study cards that sell the story. On the home page each project shows the product, a short description, two key results and a quote from a real user, so a visitor understands the impact before clicking in.

CMS-driven case study pages. Every case study is a CMS item rendered through one shared template: hero, role and team sidebar, overview, challenge and outcome, then process sections like competitive analysis, flow mapping, user insights and workshops. Adding a new project means filling in fields, not rebuilding a page.

Room for process artifacts. Flow diagrams, research boards and prototype maps sit in clean, full-width containers, so detailed artifacts stay readable inside the page.

Responsive by design. The site has dedicated desktop, small desktop, tablet and phone layouts. On mobile, cards restack so the quote and results come before the product shot, and the design-thinking process becomes a clear vertical sequence.

Reusable components, a CMS collection for case studies, responsive breakpoints and subtle motion — all set up so Shani can edit text, swap images and add new projects on her own.