Red Plaid Cafe: Vibe Coding a Landing Page.
Quick Prototyping using Claude AI Agent + Framer.
Quick Prototyping using Claude AI Agent + Framer.
Quick Prototyping using Claude AI Agent + Framer.
The Case
The goal was simple: get users to buy a ticket. I structured the page around the decision journey — atmosphere first to create desire, information to build trust, then pricing. On mobile, the three tiers collapse into a tap-to-expand accordion to reduce cognitive load without hiding detail. Built and iterated with Claude AI agent, prototyped/published in Framer.
The goal was simple: get users to buy a ticket. I structured the page around the decision journey — atmosphere first to create desire, information to build trust, then pricing. On mobile, the three tiers collapse into a tap-to-expand accordion to reduce cognitive load without hiding detail. Built and iterated with Claude AI agent, prototyped/published in Framer.
The goal was simple: get users to buy a ticket. I structured the page around the decision journey — atmosphere first to create desire, information to build trust, then pricing. On mobile, the three tiers collapse into a tap-to-expand accordion to reduce cognitive load without hiding detail. Built and iterated with Claude AI agent, prototyped/published in Framer.
Skills
Product Thinking | Conversion Design | Ai-assisted Prototyping | Claude | Framer | Mobile-first Design | Information Architecture | Rapid Iteration
Product Thinking | Conversion Design | Ai-assisted Prototyping | Claude | Framer | Mobile-first Design | Information Architecture | Rapid Iteration
Product Thinking | Conversion Design | Ai-assisted Prototyping | Claude | Framer | Mobile-first Design | Information Architecture | Rapid Iteration