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
When selling a premium service, mentorship, or high-value framework, a generic template fails to convey the true depth of your offer. The challenge I solved here was translating a multi-stage methodology into an intuitive, high-converting digital experience, built natively on Webflow.
By combining an editorial landscape aesthetic with modern, scroll-triggered interactions, I turned an abstract concept into a seamless visual journey.
Methodology Visualized: I designed custom interactive nodes (Relaxation → Attention → Motivation) that walk users step-by-step through the core process.
Webflow Build: I developed the full site on Webflow with clean HTML/CSS architecture, fluid animations, and fast load speeds.
Editorial Identity: I paired a warm color palette and subtle grid architecture with vintage illustration elements to build immediate authority.
Flexibility: I set up a clean Webflow CMS structure so you can easily update content without touching code.
Need a custom site that clearly communicates the value of your framework and converts visitors into clients? Send me a message and let’s discuss your project!
The Relaxation to Attention to Motivation node sequence is a clever way to make an abstract methodology tangible instead of just describing it in paragraphs. Did that flow come from the client's actual framework, or did you have to shape it into that structure yourself?
Amazing work!
this is beautiful, all the little details feel so cohesive! especially the points on the mountain are so lovely.
the mountain shot sells it
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
A closer look at the identity we designed for the Rylo rebrand.
I teamed up with @hunterthompson to shape the logo, typography, icon system, colour palette, and full visual identity.
Rylo came to us with a strong foundation, but the existing identity felt a little to clinical and lacked the personality to match the product.
So we rebuilt the logo and icon system around Rylo's core purpose: a letterform, an audio waveform, and two opposing shapes representing communication, all in one simple, distinctive mark.
That mark became the engine of the system, driving the wave patterns, graphic language, motion, and supporting assets into one cohesive identity.
One of those projects where a single idea grows into an entire visual language. Loved every minute.
Huge congrats to Rylo on raising $100M and making communication more accessible for those who need it most
World class
Being a designer feels like a superpower. Build a prototype? Nope. A fully working app? Yes! Here’s what I made:
Leela is a 2,000-year-old Indian board game with 72 squares, one question, and one die. You roll to enter, move through named inner states, and write a reflection at each square.
Existing versions are either flat, digitised boards or feature-heavy wellness suites. I wanted to make a quieter one.
How I built it:
→ Flowstep MCP wired into Claude Code, Created Flowstep screens directly on canvas and implemented changes from the canvas and using Figma, Design MD file inside of Flowstep is a gem, helps to create cohesive design fast
→ Three complete design iterations before the visual language felt right: a night-sky version, a minimal one, and finally the aura direction that shipped.
→ A playable build deployed on Vercel with the real rules: roll a six to enter, three sixes burn, land exactly on square 68 to complete the game, and landing on square 72 sends you back to 51, music on/off, record or type settings.
→ An optional AI guide running behind a serverless function, so the API key never reaches the browser. The game is fully playable without it.
🎉 Link: Flowstep
🎮 Play: https://leelagame.vercel.app
Linkedin Post: link
Built with Flowstep, Claude Code via MCP, and Vercel.
#FlowstepChallenge
can't wait to try out this game, a 2000 year old game with 72 squares seems like a real challenge, I don't know but my mind is telling me "SUDOKU STRATEGY" 😂. I love also how many screens you have and the consistency that you respected.
I’ve designed two branding concepts, and I’d love your feedback. Which one do you think stands out more?
22 voted
50%
22 voted
50%
44 votes
Closed
Superb execution!