Case study
Designer portfolio — from Figma to launch
Placeholder narrative for a real project you will swap in later: a multi-page portfolio with motion, case pages, and a contact funnel tuned for inbound creative work.
~1.8s
Target mobile FCP (staged)
3 roles
Designer, PM, stakeholder
4 weeks
Build window (placeholder)
+42%
Engagement lift (example metric)
Challenge, approach, and outcome
Challenge
Brand-forward motion without tanking LCP
The design relied on large imagery, scroll-linked reveals, and custom cursor states. The old marketing site was slow and did not reflect the quality of the studio work.
Approach
Component architecture first, then polish
Breakpoints and motion variants were mapped to Figma variants. Images use responsive sizes; below-the-fold sections lazy hydrate so first paint stays lean.
Outcome
A credible shop window for high-ticket clients
Replace this paragraph with verified results: inquiries, ranking movement, or stakeholder quotes once the project is public.
Visual snapshot
“Malik's ability to translate complex business requirements into an intuitive, visually stunning user interface is truly remarkable. The new platform has drastically improved our user engagement and workflow efficiency.”
What shipped
- Single responsive codebase aligned to signed-off Figma frames.
- Structured content sections so marketing can iterate without redeploying layout.
- Core Web Vitals addressed where the template was previously failing LCP.
- Handoff doc + short Loom on how to update copy and swap imagery.