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
Calm & Class: Mobile Interface Design & Orchestration
Designed from the ground up to bring a serene, premium wellness experience directly to the palm of the hand, the mobile interface for CalmandClass.com blends minimalist aesthetics with high-performance e-commerce functionality.
As the digital architect behind this project, I spearheaded and orchestrated the entire mobile transformation—from structural wireframing to final asset execution. The goal wasn't just to make a beautiful website, but to design a frictionless, intuitive ecosystem optimized for the modern mobile shopper.
Key Pillars of the Orchestration
Mobile-First UX/UI: Built entirely for the mobile screen, prioritizing effortless navigation, thumb-friendly touch targets, and a clean layout that eliminates clunky multi-step friction.
Creative Direction & Asset Design: Personally crafted the visual language, including bespoke digital gift card designs and immersive layouts on Shopify, keeping the interface deeply aligned with a premium wellness aesthetic.
Conversion-Engineered Framework: Balanced high-end design with conversion optimization, streamlining the path from discovery to cart to checkout to maximize retention and revenue.
The Outcome: A cohesive, immersive mobile flagship that proves a wellness platform can be breathtakingly calming while operating as a high-velocity conversion engine.
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
Designed a New Crypto / Fintech Brand: Astra Wallet ⭐
A premium crypto wallet brand built around simplicity, security, and trust.
The visual direction combines a minimal geometric logo, dark fintech aesthetics, and atmospheric violet gradients to create a brand that feels secure, digital, and future-facing.
Full product case study coming soon — including mobile UI, user flows, and additional brand applications. 👀
#BrandIdentity #LogoDesign #Fintech #Crypto #Web3 #Branding #VisualIdentity #ProductDesign #UIDesign
This feels like a really polished direction for a wallet product. I like how the concept balances security with a more future-facing, modern experience. It doesn’t feel overly complicated, which is exactly what makes a finance product feel more trustworthy and usable.
This weekend I made elderflower cordial from the tree in my garden, and the first apples are starting to blush!
What are your goals for summer? Mine are:
🌸 Find inspiration outside, away from screens
🌸 Cook as many new recipes as possible
🌸 Launch my own digital library
Animation created in Photoshop, using photos by @han-chenxu, @jl-lacar, @mio-ito and @syadza-salsabyla on Unsplash.
Fantastic work! The overall experience feels smooth, modern, and engaging.
I built Interactive Earth History Explorer for the Config Makeathon.
Interactive Earth History Explorer
The web app allows users to travel through Earth's history by scrolling through a timeline and interacting with a 3D globe. Users can explore:
Geological eras and major Earth events
The evolution of life on Earth
Ancient civilizations and historical milestones
Important locations associated with historical events
Multimedia content such as images, animations, and descriptions
—————————
Target Users
Students and educators
History enthusiasts
Parents looking for interactive learning tools
—————————
Traditional methods of learning history and geology are often:
Text-heavy and difficult to visualize
Presented as static timelines that lack interactivity
Disconnected from geographical context
——————————
Solution
The web application provides an immersive and interactive learning experience by combining:
🌍 Interactive 3D Globe, 📅 Scrollable Timeline, 🖼 Rich Content Cards, ✨ Immersive Storytelling
————————
My process: Pen and paper → Figma make → Using Figma make to generate ideas → Prompting it out as perfectly as I can get it to work → Connected to Figma server → Deployed
live site : https://lnkd.in/g7RFUR5t
This is sooo cool man..... is it possible fr me to like check it out i mean the live preview
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
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?