A new logo is the easiest part of a rebrand to point at. There it is, looking fresh, already available on a tote bag.
The website has a longer conversation ahead. How should it speak? Which images belong? What should a visitor notice first? And why does the password-reset email still look as though it works for the previous company?
Decathlon’s 2024 identity is a useful example of a broader system rather than an isolated mark.1 Wolff Olins’s work includes visual and verbal identity, with typography, imagery and other applications supporting the brand direction.
A smaller business doesn’t need to copy the scale of that exercise. It can borrow the discipline of carrying the idea beyond the header.
Translate the direction into one real page
Choose a representative page with enough content to expose the decisions. A service page or project detail is often more revealing than a nearly empty homepage hero.
The aim is to establish how the identity helps someone understand the business, then carry those choices into reusable components.
Give the type a practical role
Decathlon’s identity includes a bespoke typeface, credited to Grilli Type in the project account. For a smaller site, the question is less whether a font is custom and more whether its roles are clear.
Try the display type with a short heading and a longer one. Test body text, forms and small labels on a phone. Decide which weights and sizes belong where.
A distinctive headline can do a wonderful job introducing the brand. It may be less suited to a sentence someone needs to read while checking a booking. We can admire a typeface without making it work every shift.
Connect the chosen styles to the theme so editors can apply them consistently.
Choose images that support the promise
Decathlon’s own positioning emphasizes the role sport plays for different participants. The relevant lesson is connecting the visual direction to the people and experience the brand wants to represent.
For a fictional local service business, that might mean showing understandable work, people and outcomes instead of filling every available rectangle with generic aspiration.
See the brand and website we built for Tracy Nagle Immigration Law, from a standing start.
Agree on image treatment, crops and pacing. A portrait, a project photograph and a small thumbnail have different jobs. Test each in the actual layout.
The collection should feel related without looking as though every person has been issued the same approved smile. A bit of real life is allowed in.
Let the voice reach the useful sentences
Nielsen Norman Group’s tone-of-voice dimensions provide a way to discuss how formal, humorous, respectful and enthusiastic copy should feel.3
Apply that to more than the headline. Write a service explanation, a contact invitation and an error message. Those examples reveal whether the direction can support everyday communication.
A friendly brand can be clear when something goes wrong. A premium brand can explain a practical detail without sounding as though it has been asked to descend from a balcony.
Use the tone to help the person understand the next step. Don’t let personality hide the information.
Worth reading next: Your brand voice has to handle the error messages too.
Carry the decisions into the website’s working parts
Once the representative page works, identify the reusable pieces. Connect the palette, type and spacing to theme styles, then define the supported section variants.
This is where a supplied creative direction becomes an editable website. Good implementation preserves the intent while accommodating real content.
Check the screens that missed the launch photograph
Forms, search results, empty states, confirmation messages and account emails may not appear in the main design presentation. Visitors still experience them as part of the same business.
Review their wording and appearance alongside the showcase pages. A beautifully branded inquiry form followed by an unrelated confirmation is a slightly odd way to introduce a relationship.
There is also a maintenance question. Can the editor add a new service without inventing another heading style? Can the next developer identify the shared decisions?
Zulu Shack recommends testing those ordinary tasks before declaring a brand implementation complete. It is much easier to agree on a reusable section while the design context is still fresh.
Keep the credits accurate too. Brand strategy, identity, photography and website implementation can involve different people. Explain the contribution actually made rather than absorbing everyone else’s work into a convenient we.
A successful smaller rebrand might involve fewer assets and a modest set of templates. It can still feel coherent because the same thought continues from the first impression to the next useful action.
The logo can have its tote bag. The rest of the experience deserves to recognize it.