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
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
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.
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
The A mark built on a diagonal grid, with the ramp stepping up on the right, is simple and holds up on the black AdRamp card. My challenge: the palette shows green and salmon swatches next to the black, but every application tile is black, white or grey. If the accent colours...
Landing page design for Lumo — banking for freelance life
Banks sell control — dashboards, charts, a card floating at fifteen degrees. Freelancers don't want control over their money. They want to stop thinking about it in the gap between sending an invoice and the money landing.
That gap is what the page is built on. The product sits in a meadow instead of on a dark grid, because the promise isn't "manage your finances better" — it's "we handle the part that keeps you up." And the strongest line on the page isn't a feature: no waiting for Monday. Freelancers don't lose weekends to fees. They lose them to timing.
The proof follows the same rule. One freelancer, one number — 4% lost on every international payment. A percentage someone can check against their own account beats any adjective.
great visuals 🙌
IPO Gateway landing page web design 3D animation website
