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
Do Health Landing Page UI Replication
Overview
I recreated the Do Health landing page as a UI design practice to sharpen my skills in crafting modern, conversion-focused web experiences.
Rather than simply copying the interface, I studied the design decisions behind it—understanding how typography, spacing, imagery, color, and layout work together to create a seamless user experience.
This exercise challenged me to pay close attention to every detail while recreating a polished, production-quality interface.
What I Focused On
Pixel-perfect layout recreation
Visual hierarchy
Typography and spacing
Responsive web design principles
Component consistency
Color system
Landing page structure
Healthcare SaaS UI patterns
Tools Used
Figma
Key Takeaways
Replicating exceptional products is one of the most effective ways to improve as a product designer. It helps develop a deeper understanding of design systems, layout composition, and the small details that make great interfaces feel intuitive and premium.
Disclaimer
This is a personal UI replication created solely for learning and portfolio purposes. The original design concept, branding, and intellectual property belong to the Do Health team. No commercial use is intended.
#UI Design #Product Design • Landing Page • Healthcare • SaaS • Figma • Design Practice • Web Design • UI Replication
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
We all want @Contra HQ to have a mobile app, right? This is how I would approach it! 😉
Great work
How do you turn a brand mascot into a visual system people actually remember?
🐆 Our lynx represents sharp thinking, curiosity, and attention to detail.
For this motion experiment, we pushed the mark into a softer, unexpected direction - rebuilding it with different textures.
Same identity, different emotion.
Which texture fits the Lynksen identity best - flowers, grass, or something else? 👇✨
I personally love the soft blue and white version the most. Nice to scale it into the brand campaign or ad video 😃
Challenges
View all
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.
fifaworldcup2026
The World Cup is here and the whole world's watching. How are you designing for the world stage?
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?