Interactive Portfolio Website | Framer + Claude AI

🍋 my designer portfolio website and personal brand website. I'm a UI/UX designer and Framer developer, and this is the one project where I was both the client and the team. I designed and built it together with Claude AI, from the first HTML prototype to the live Framer website. White, lemon yellow and black, Archivo for headlines, and the lemon in three places only: the juice preloader, the footer and the Wish of the day game.

The task: Most designer portfolio websites are galleries: a grid of shots and a contact form at the end. I wanted a creative portfolio website that works like the client sites I build, around one goal, a project enquiry. It had to show six cases without walls of text, name the problems I'm hired to fix and let visitors check me through their own AI. It also had to leave a feeling people remember and look like mine, not like a Framer template.

My approach: Design is a decision about a business problem. That line from my manifesto set the rules: – the headline names the client's problem: "Your site can look excellent and still lose the sale." – services are written as the problems people bring me, not as a list of skills – the hero is a collage of my own posters with the lines I work by: "Contents may settle. Standards won't." "Too fresh to be quiet." – one brand idea, fresh and sharp, carried by a lemon and pure flat colors – no "What you get" or "How it works" sections just because every template has them – AI is part of how I work, so visitors can ask their AI about me

What I did: Creative direction, copy, imagery and every visual decision were mine. Claude was my partner in design and code. – ten rounds of HTML prototypes before Framer. Grid and type scale first, then the mood – a juice preloader and juice drops between pages. My idea: drops fall from the top and fill the screen – hero cards you can drag, case cards with hover video, 9:16 video on mobile – case pages on one CMS template with flexible image and video blocks – Ask: one click sends a ready prompt about me to Claude, Perplexity, Grok or Google AI Mode – Wish of the day: drag stickers onto a 3D lemon, then a newspaper, The Daily Squeeze, flies in with one of daily wishes

🧩 This is a Framer developer portfolio and a real test of an AI workflow. Framer code components cover what native tools can't: the preloader animation, the page transition animation and the 3D game. The lemon was modelled in Blender and runs on three.js on its own page, so the home page stays light.

✨ If you need an interactive website design, a creative portfolio website or a personal brand website built in Framer, this is how I work.