Buzz Kitchen
Conversion-focused mobile landing page designed and prototyped in Figma: clear hierarchy, persuasive flow, clickable end to end.
The problem
Most landing pages are designed on desktop canvases and degrade on mobile. This was an exercise in designing mobile-first from the first frame: a landing page where the layout, hierarchy, and interaction are native to the phone, not stretched to fit it.
What I built
Solo design exercise. Mobile-first canvas, interactive prototype.
A Figma design system with components for each section: hero, value proposition, social proof, and call to action. The prototype wires the primary flow end to end, including form states and error handling.
- Design a conversion-focused landing page on a mobile canvas
- Establish a clear information hierarchy for a small screen
- Prototype the flow so the interactions are testable, not assumed
Key decisions
Mobile canvas from the start
Designing on a phone-sized canvas forces decisions about what matters. Desktop layouts were never the constraint.
Interactive prototype over static mockups
A clickable prototype shows the flow to stakeholders in seconds. Static art invites debate about pixels instead of decisions.
Challenges
Challenge
Keeping the scroll story short
Solution
Each section carries one message and one action. Anything that did not serve the conversion goal was cut.
Outcome
Shipped as a design prototype. Clickable mobile landing, built in Figma.
- 14-screen clickable prototype covering hero → value → social proof → CTA → form → success
- 8-component design system (buttons, inputs, cards, navigation, modals, toast, badge, avatar)
- Form validation states (empty, error, success) prototyped and clickable
- Auto-layout + variants system ready for developer handoff