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
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
Yogava — a Framer template for yoga studios, meditation guides, and wellness brands.
Designed to bring the feeling of mindfulness online, with a peaceful aesthetic that makes every visit feel like a breath of fresh air.
Template link: https://framer.link/vldLAGB
Coming-soon landing page design & development for Peak.
Most coming-soon pages just say "soon". I wanted this one to show the whole product. 🚀 🚀 🚀
gopeak.design is the coming-soon site for Peak, an all-in-one WordPress plugin: a visual builder, a motion engine, a CMS and a design system.
The stage
Instead of screenshots, the middle of the page plays the product: 9 features, 43 scenes, 325 frames. I designed every frame in Figma, then built a Figma-to-code pipeline and a React scene engine to play them. Elements morph from frame to frame while the pointer clicks, drags, types and scrolls. All of it is live HTML and CSS, not video, with its own player and speed control.
The details
• The page opens on the Peak mark filled with a liquid WebGL shader that stirs as you move your cursor.
• A waitlist that catches email typos, checks for bots with Cloudflare Turnstile, and sends branded emails.
• A live demo of the real builder, opened by a magic link: a WordPress sandbox where every change is rolled back.
• Desktop, tablet and phone, each designed in Figma first.
The look carries over from the Peak brand identity I shared a few days ago: Parchment and Carbon, Neue Montreal and its Mono, fine hairlines, and Ember used only as a signal.
Stack: Figma · Next.js · React · Claude Code · Tailwind CSS · WebGL · Supabase · Resend · Vercel · Cloudflare · WordPress
See it live → gopeak.design
FORMA × ARC Lounge Chair: A Landing Page Concept That Lets You Configure the Chair
A designer chair doesn’t sell on photos alone.
People need to see the material, picture it in a room, and trust the maker before they ever sit down.
So I built a landing page that does all three: a concept for the ARC Lounge Chair.
What’s inside:
→ A hero with the product, finish options, price and one clear next step above the fold
→ A configurator where visitors choose fabric and wood and see the total in front of them
→ “Designed to Belong,” a tabbed gallery that places the chair in different rooms
→ A calibrated-proportions section with a full spec table
→ A craft story covering sourcing, construction and tailoring
→ Companion pieces for cross-selling, an FAQ, and a final “Reserve your edition” CTA
The design:
A warm cream and deep espresso palette, brass accents, and elegant serif typography. The goal was a page that feels as considered as the object it sells.
What this means for your business:
A good landing page builds credibility fast, helps visitors understand your options without effort, and makes the next step obvious. I design and develop pages with that structure: clear story, easy exploration, one confident call to action.
Launching a product, collection or startup?
Hire me on Contra or send me a message. Tell me what you sell and who it’s for, and I’ll reply with how I’d approach your landing page.
Concept project. Brand, prices, press and testimonials are illustrative.