Last Updated on November 2, 2026 by Team TBH
Most brands put enormous care into their identity: the name, the logo, the voice, the color system, the guidelines. Then the website gets built as a collection of pages, and the story the brand worked so hard to define gets lost somewhere between the homepage slider and the contact form.
A website is usually the first place people meet your brand, and the place they go to decide whether to believe it. It should tell your story deliberately, in the order people need to hear it.
Here is how we approach that at Crafted, before anyone opens a design file.
Start with your heroes
Every site has a handful of people it has to win over. We call them the heroes. For a university, the heroes might be prospective students, parents and alumni donors. For a consumer brand, they might be first time buyers, loyal customers and retail partners.
For each hero, we define four things:
- A primary marketing objective, and the secondary objectives behind it. What do we need this person to think, feel or do?
- The marketing language that speaks to them. A parent and a student are reading about the same university with very different questions.
- A primary call to action. The one thing we most want them to do next.
- Secondary calls to action for the people who are not ready yet.
This sounds like strategy work, and it is. It is also the most practical thing you can do for a website, because every page decision after this point has an answer. When someone asks what goes at the top of the page, you check the heroes.
Then build the story
Once the heroes are clear, we pick the 5 to 10 page templates that matter most and define a hierarchy of information for each one. That hierarchy moves a visitor down the page by answering, in order:
1. Who is this brand?
2. What do they stand for?
3. What services do they provide?
4. What makes them different?
5. What do they solve for me?
6. What benefits do they provide?
7. Why should I believe them?
8. What are others saying?
9. How do I get started?
The order matters. People won’t care what makes you different until they know who you are. They won’t believe your benefits until they understand the problem you solve for them. And they won’t take the next step until someone other than you has vouched for you.
Most underperforming websites answer these questions out of order, or skip a few. The homepage jumps straight to services. The proof is buried on an About page nobody visits. The call to action shows up once, at the very bottom, after most visitors have already left.
When each answer has its own section, the page reads like a story instead of a brochure. And it gives the brand a structure it can reuse on every page that matters.
Then design
With the story defined, design has a job to do. Every section in that hierarchy becomes a building block, and the UI phase is about giving each block flexibility within the brand: layout variations, color options and typography choices, all drawn from the identity system.
That is the difference between designing from the brand and decorating a template. A brand led website design starts from the story and the people it is for, then uses the identity to make that story feel unmistakably yours. A template starts from someone else’s layout and asks your brand to fit inside it.
Flexibility matters here, but it has limits. Every option is a deliberate choice from the brand system, not a free for all. The marketing team can make a page feel fresh without making it feel off brand.
Then hand it over
The last step is giving the people who run the site real control. We build every block as a flexible component the site admin can add, rearrange and adjust, within the art direction we set together.
That means the marketing team can launch a new campaign page next month, or a new product line next year, without waiting on a developer and without breaking the design. The story structure, the voice and the visual system all come along with every new page they build.
A brand guide tells your team how the brand should look and sound. A website built this way is how it actually shows up, every day, for every hero you need to reach.
A quick check for your own site
Open your homepage and scroll slowly. As you go, ask:
- Could a first time visitor say who you are within five seconds?
- Is there a clear answer to “what do you solve for me” before the services list?
- Is your proof (clients, results, reviews, awards) on the page, or hidden elsewhere?
- Is there a call to action for someone who is ready now, and one for someone who is not?
If any of those answers is no, the problem probably isn’t your brand. It’s the order you are telling the story in.
Author bio
Peter Mendez is the founder of Crafted, a brand led design and development agency that builds websites and platforms for universities, nonprofits and consumer brands.
To read more content like this, explore The Brand Hopper
Subscribe to our newsletter
