I built a complete care-service website for a fictional brand, HAVEN, to demonstrate a design pri...I built a complete care-service website for a fictional brand, HAVEN, to demonstrate a design pri...
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
Sayo's avatar
Sayo Damilare
• 1d
I built a complete care-service website for a fictional brand, HAVEN, to demonstrate a design principle I use in my real website-design workflow: the 5-second test.
When I review a website, I don't begin by asking whether it looks beautiful. I first ask whether a visitor can understand its purpose quickly. My test is built around three questions:
Who is this for? What do they get? What should they do next?
I started with a deliberately generic version of the HAVEN homepage. Although the structure was functional, the messaging was broad, the value wasn't immediately clear, and the page presented competing calls to action.
I then worked through the three questions before touching the visual polish.
First, I clarified who the website is for. Instead of a generic care statement, I positioned HAVEN around families looking for thoughtful support for someone they love.
Second, I clarified what the visitor gets. I replaced vague messaging with a more specific explanation of the in-home support HAVEN provides and the outcome it is designed to create.
Third, I clarified what the visitor should do next. I established a stronger primary call to action, “Explore care options,” and structured the rest of the page to support that decision.
Once the message and hierarchy were working, I moved into the visual design: typography, spacing, color, layout, responsive behavior, and subtle motion. These elements were used to reinforce the message rather than distract from it.
The final website is therefore not just a visual redesign. It demonstrates how I move from problem → decision → design, and how I use a simple test to decide what deserves attention before I spend time polishing a website.
The lesson I want another designer to take away is simple: before making a website more beautiful, make sure its purpose is obvious.
My 5-second test is:
Who is it for? What do they get? What should they do next?
If those three things aren't clear within a few seconds, I'm not finished designing
descriptchallenge
Tabish's avatar
Tabish Malik
pro
• 18h
Starting with clarity before visual polish is the right order. Most redesigns go straight to fonts and colors and then wonder why the site still doesn't convert. The three questions ('who is this for, what do they get, what should they do next') are simple to say but rare to see actually enforced before the design phase starts.
Back to feed
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