The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
The Nation hero went from my Figma frame to a live site in about 4.5 hours. Timothy asked in the comments how, so here is the process
The usual way a site gets built is a designer hands mockups to a developer, the developer rebuilds them, and the founder pays for every detail that gets lost in between. On Nation I was both sides of that handoff, with Claude writing the code
I designed the hero in Figma and kept one frame called "Ready for Dev". Every size, color and spacing in the code came from it. One CSS unit equals 1px of that 1920 frame, so the live site scales exactly like the layout
Claude made 17 commits in 2 hours s and deployed each one to Vercel. My job was to look at every version and send fixes as screenshots with red marks or short screen recordings
What a founder gets from this. You click a working link on day one. A fix you ask for at lunch is on that link the same afternoon. And the person who had the idea is the one approving every pixel, so it survives all the way to launch
Live site: nation-site-xi.vercel.app
contra.com
Hero Concept for Nation’s AI Store Builder: Job to Own
I designed and built this hero as a concept for Nation, an AI store builder for first-time sellers. You write one sentence, and Nation builds the store, runs the ads and ships the orders while you ap…
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Branding work for WithNation
Love the motion, visual style and aesthetics on this one
The concept is to mix the power of creative prompting and allowing everyone to orchestrate their business from start to finish.
Build • Run • Market
The logo represents a shopping bag with the prompting input inside
Just built Scoutr 🚀
Your personal AI scout that keeps you up to date with AI news, tools, and trends that actually matter to your role and industry.
Simply connect your LinkedIn profile, and Scoutr figures out what's relevant to you.
Here's a quick demo of how it works 👇
Check it out: https://heyscoutr.ai/
Wow, Thanks for sharing it. I would definitely consider to try it out
A first look at Society®. An independent creative studio specialising in strategy, creative direction, campaigns and digital experiences. Heres a look at the preloader and project showcase interaction on the homepage: an editorial approach to the traditional agency portfolio, with a simple preloader transitioning into a full-screen project showcase.
beautiful work, congrats