Building a website: what your branding needs before design begins
By Alexandros Dikastopoulos · Brand Designer & Consultant, Hello Design
About 5 min read
Branding before website design clarifies your audience, your business promise and how that promise should be communicated. Your logo, visual identity and key messages are part of this preparation. A new website can organise your presence, but it needs appropriate material and a clear direction.
“We need a more modern website” can describe several problems: difficult navigation, an unclear service, inconsistent design or a lack of trust. The right solution depends on which problem you actually face.
What happens when the foundations are unclear
If your logo exists only as a small, blurry image, using it properly becomes difficult. If colours and typography change across materials, the web designer must invent a system during the project. If the team cannot explain why the business suits its audience, headlines tend to become generic.
These unresolved issues can turn into repeated changes to layouts, copy and photography. A few early decisions can reduce avoidable rework.
Consider a hypothetical consultancy describing itself as “complete solutions for every need”. That tells a visitor very little. A specific explanation of its clients, their problems and the consultancy’s method immediately provides a better basis for the page structure.
Do you need a new logo or better organisation?
Every website project does not require a full rebrand. Start with a focused review.
The brand is clear and the logo works. Preserve the core identity and organise missing versions, colour rules, typography and digital applications.
The logo works, but the wider presentation is inconsistent. Develop the visual and verbal direction the website needs. A focused system may be enough.
The identity and message no longer represent the business. Review positioning, audience and the scope of change before finalising the website. Our guide to when a business should rebrand helps distinguish a refresh from a deeper need.
Branding before website design: a useful order of work
Define the goal. Decide what a visitor should do: request a proposal, book an appointment, buy or understand a complex service. Each goal affects the structure.
Clarify the offer and identity. Agree on what you provide, for whom, with what evidence and character. Establish the main visual and messaging decisions.
Organise content and journeys. Identify the pages, the questions they answer and the next useful action. Real copy, photography and case studies should inform the design early.
Design and develop. Translate the identity into a usable experience, considering mobile layouts, readability, speed and ongoing content management.
Review before and after launch. Test forms, links and key journeys. Decide what to measure, then assess enquiry quality alongside how people use the website.
Some activities can run in parallel. The point is to avoid finalising important applications while the branding decisions behind them remain unresolved.
What an integrated approach can achieve
In our Labarch project, the architectural sketch informs the identity, while the website gives the practice’s projects room to be explored. The logo, print and digital applications share a visual direction. This is an example of the design relationship between identity and website, without implying a measured business result.
Before agreeing a new website, discuss what it should help people do and which existing identity decisions can support that task. The conversation should establish the work required, rather than assume that every element needs replacing.
Choose a partner who can connect the work
Ask who will lead strategy, content, identity, UX and development. One person does not have to cover everything, but the team needs a shared direction and clear responsibility for coherence.
A suitable professional will explain what is worth preserving and which gaps affect the website. Their proposed scope should reflect your needs, available time and budget.
What to agree before approving the website layout
Choose one main visitor task. Write down the person you need to help, the question they arrive with and the action they should be able to complete. Ask whether the proposed page makes that path clear on a phone.
Test one page with real material. Use an actual service description, approved identity files and representative project images. Mark missing copy, photographs, permissions or translations, and assign an owner to each item before the full layouts are approved.
Record what stays and what changes. A short decision list should identify the existing assets worth keeping, the gaps that affect the website and the person responsible for approval. It gives design and development the same starting point.
Frequently asked questions
Can a good website be built around an average logo?
The functionality and communication can improve substantially. First assess whether the logo creates a real problem with legibility, suitability or consistency, then address that problem proportionately.
Can branding and website development happen together?
Yes, with coordination and clear approval stages. Research, content architecture and asset collection can progress together while final visual applications follow the core identity decisions.
What should I prepare before requesting a website proposal?
Describe the objective, audience, main services, required functionality and available content. Gather identity files, existing copy and examples that explain the problems with your current presence.
Planning a new website? At Hello Design, we consider your brand, content and digital experience together. Let’s establish what your project needs first. For the identity work that can guide a website, explore our branding and rebranding service.