Designed and shipped a single-page interactive quiz that matches users to their travel archetype based on psychology-inspired questions. I had zero technical background — I wrote a detailed prompt describing the aesthetic, the logic, and the experience I wanted, and iterated from there. The result: smooth question transitions, a scoring engine, four distinct personality results, and a premium earthy UI. Proof that clear thinking translates directly into real product output.
21 May 2026
Wander Type — Travel Psychology Quiz I had a clear vision in my head: a beautiful, interactive quiz that feels like a premium product — not something that looks AI-generated or template-based. No coding background. No agency. Just me, a detailed prompt, and Claude. Here's exactly how I built it: The Prompt Was the Design Brief Instead of opening Figma or hiring a developer, I wrote my idea like a creative director giving a brief. I described the vibe I wanted — earthy tones, editorial typography, smooth transitions, premium feel. I specified the logic — 5 psychology-based questions, a scoring system, 4 travel archetypes as outcomes. I even described what the results page should feel like emotionally. The more specific I was, the closer the output matched my vision. What Claude Generated A fully functional single-page website — HTML, CSS, and JavaScript — all in one file. It included animated background blobs, a spinning SVG compass, slide transitions between questions, a real scoring engine that calculates your archetype, and a results page with real destination recommendations. Things a developer would typically charge weeks of work for. What I Actually Did This is where most people misunderstand AI-assisted building. I didn't just type "make me a quiz." I made product decisions — what questions to ask, what archetypes to create, what the emotional journey of the user should feel like. I reviewed the output, identified what felt off, and iterated. I knew what "good" looked like when I saw it. That taste and direction — that's the skill no tool replaces. The Takeaway The gap between having an idea and shipping a product used to require a technical co-founder or a budget. That gap is gone. What matters now is clarity of vision, taste, and the ability to communicate precisely. This project is proof that those skills — not code — are what turn ideas into real things.