Made this tiny nav interaction with Claude Code.
Probably spent way too much time playing with it lol

I design and build high-converting websites for startups & SaaS companies. Book a call here ↓
Made this tiny nav interaction with Claude Code.
Probably spent way too much time playing with it lol
Premier League is back. So I had a thought. What if Chrome’s offline dinosaur game was a football game instead? Gave Claude Code one prompt and built this. AI makes these random ideas ridiculously easy to turn into something real.
Chatgpt Images + Figma + Claude Code is becoming my favorite way to design apps. Working on a finance app that handles both personal + business finances in one place. Next up: making it actually work with AI.
A footer isn't an afterthought, it's the last thing a visitor sees before they decide to reach out or leave. For 21 Ventures we kept it to one bold color, one clear CTA, and just enough structure to guide the eye without adding noise. Small section, real impact on conversion.
a couple of directions we explored for Cleo before landing on the final one.
different heroes, different hierarchy, different illustration concepts, the assembly line, the vendor payment hub, all part of the process to find what actually worked.
not every version makes it, but exploring a few is usually how the right one gets found.
progress bars are functional. a piggy bank that visibly fills with coins as you save is memorable.
home screen + goal tracker for a savings app, built to make checking your progress feel like a small reward.
'premium and abstract' with no other direction is a tough brief, it's easy to make something abstract that just looks empty.
so for this VC site we tied the shapes to what they actually mean: rings for pre-seed (the earliest, first check in), diamonds for seed (further along, more conviction). subtle rotation to keep it from feeling static.
abstract, but every shape means something.
anyone can show you a finished site. what's harder to fake is a client saying they'd hire you again.
this came in after wrapping up the Bark Buildings project on Framer.
most projects give you weeks to second-guess yourself. this one gave us 48 hours.
LP Grid needed a site live fast, clean, data-forward, built to earn trust with fund managers on day one. no time to overthink it, just execute.
sometimes the tightest deadline makes for the clearest work.
if a marquee just scrolls flat text, an ai builder can do that in one prompt. this one's wrapped around a 3d form with actual perspective and depth, the kind of detail that takes real thinking, not a template.

I design and build high-converting websites for startups & SaaS companies. Book a call here ↓
Made this tiny nav interaction with Claude Code.
Probably spent way too much time playing with it lol
Premier League is back. So I had a thought. What if Chrome’s offline dinosaur game was a football game instead? Gave Claude Code one prompt and built this. AI makes these random ideas ridiculously easy to turn into something real.
Chatgpt Images + Figma + Claude Code is becoming my favorite way to design apps. Working on a finance app that handles both personal + business finances in one place. Next up: making it actually work with AI.
A footer isn't an afterthought, it's the last thing a visitor sees before they decide to reach out or leave. For 21 Ventures we kept it to one bold color, one clear CTA, and just enough structure to guide the eye without adding noise. Small section, real impact on conversion.
a couple of directions we explored for Cleo before landing on the final one.
different heroes, different hierarchy, different illustration concepts, the assembly line, the vendor payment hub, all part of the process to find what actually worked.
not every version makes it, but exploring a few is usually how the right one gets found.
progress bars are functional. a piggy bank that visibly fills with coins as you save is memorable.
home screen + goal tracker for a savings app, built to make checking your progress feel like a small reward.
'premium and abstract' with no other direction is a tough brief, it's easy to make something abstract that just looks empty.
so for this VC site we tied the shapes to what they actually mean: rings for pre-seed (the earliest, first check in), diamonds for seed (further along, more conviction). subtle rotation to keep it from feeling static.
abstract, but every shape means something.
anyone can show you a finished site. what's harder to fake is a client saying they'd hire you again.
this came in after wrapping up the Bark Buildings project on Framer.
most projects give you weeks to second-guess yourself. this one gave us 48 hours.
LP Grid needed a site live fast, clean, data-forward, built to earn trust with fund managers on day one. no time to overthink it, just execute.
sometimes the tightest deadline makes for the clearest work.
if a marquee just scrolls flat text, an ai builder can do that in one prompt. this one's wrapped around a 3d form with actual perspective and depth, the kind of detail that takes real thinking, not a template.
Made this tiny nav interaction with Claude Code.
Probably spent way too much time playing with it lol
Premier League is back. So I had a thought. What if Chrome’s offline dinosaur game was a football game instead? Gave Claude Code one prompt and built this. AI makes these random ideas ridiculously easy to turn into something real.
Chatgpt Images + Figma + Claude Code is becoming my favorite way to design apps. Working on a finance app that handles both personal + business finances in one place. Next up: making it actually work with AI.
A footer isn't an afterthought, it's the last thing a visitor sees before they decide to reach out or leave. For 21 Ventures we kept it to one bold color, one clear CTA, and just enough structure to guide the eye without adding noise. Small section, real impact on conversion.
a couple of directions we explored for Cleo before landing on the final one.
different heroes, different hierarchy, different illustration concepts, the assembly line, the vendor payment hub, all part of the process to find what actually worked.
not every version makes it, but exploring a few is usually how the right one gets found.
progress bars are functional. a piggy bank that visibly fills with coins as you save is memorable.
home screen + goal tracker for a savings app, built to make checking your progress feel like a small reward.
'premium and abstract' with no other direction is a tough brief, it's easy to make something abstract that just looks empty.
so for this VC site we tied the shapes to what they actually mean: rings for pre-seed (the earliest, first check in), diamonds for seed (further along, more conviction). subtle rotation to keep it from feeling static.
abstract, but every shape means something.
anyone can show you a finished site. what's harder to fake is a client saying they'd hire you again.
this came in after wrapping up the Bark Buildings project on Framer.
most projects give you weeks to second-guess yourself. this one gave us 48 hours.
LP Grid needed a site live fast, clean, data-forward, built to earn trust with fund managers on day one. no time to overthink it, just execute.
sometimes the tightest deadline makes for the clearest work.
if a marquee just scrolls flat text, an ai builder can do that in one prompt. this one's wrapped around a 3d form with actual perspective and depth, the kind of detail that takes real thinking, not a template.