Wanted to share how I approached case study pages for my portfolio, curious what people think.
Most visitors don't have time for a long-form case study, so I built mine around an interactive bento grid instead. Each grid lets you interact with real elements from the project (nav, accordions, hover states, micro-interactions) directly on the page, plus working prototypes of key screens that play on hover. Alongside that, short sections cover the problem, objectives, approach, and outcome. A link out to the full case study is there for anyone who wants the deeper research and iteration process.
Running the whole thing on Framer CMS so adding new projects is fast.
First project case study live: Cura. Would genuinely love feedback on the layout, let me know in the comments.
Wanted to share how I approached case study pages for my portfolio, curious what people think.
Most visitors don't have time for a long-form case study, so I built mine around an interactive bento grid instead. Each grid lets you interact with real elements from the project (nav, accordions, hover states, micro-interactions) directly on the page, plus working prototypes of key screens that play on hover. Alongside that, short sections cover the problem, objectives, approach, and outcome. A link out to the full case study is there for anyone who wants the deeper research and iteration process.
Running the whole thing on Framer CMS so adding new projects is fast.
First project case study live: Cura. Would genuinely love feedback on the layout, let me know in the comments.