I built a complete care-service

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