Skip to content

Insights ·

Brand Website Redesign: The Steps from Brief to Launch

A brand website redesign can run in four steps. Discovery covers business goals, target visitors and an audit of the old site's content and data, ending with sign-off on the site structure. Design covers visual direction, key pages and an interactive prototype, ending with design sign-off. Build covers the front end and content admin, cross-device testing and deployment, ending with acceptance and launch. Operations follow launch: content updates, data reviews and iteration. One sign-off at the end of each step removes most rework. A redesign need not start from zero; usable content and URLs from the old site can stay.

The usual trouble with a brand website redesign is not whether the design looks good, but discovering halfway that the direction has to change: the structure was settled too late, the content never arrived, and only at acceptance does someone notice the admin is hard to use. Splitting the redesign into steps, with a sign-off at the end of each, avoids most of that rework.

A workable split has four steps: discovery, design, build and operations. The first three each end in a sign-off: structure, design, and acceptance and launch. Operations start on launch day.

1. Discovery: know what to change before you start

The opening question is why you are redesigning and for whom. This step produces three things:

  1. A requirements list. Write down the problems this redesign must solve: a dated brand image, visitors who cannot find products, a poor mobile experience, an English version, or registration and booking. Each item should be checkable after launch.
  2. A content audit. Go through every page on the old site and sort it into keep, rewrite, merge or remove. A redesign need not start from zero; usable content and URLs can stay.
  3. A site structure. Arrange first- and second-level sections around what visitors look for, and name who supplies the content for each.

For the materials the client hands over before work starts (brand assets, account access, old-site data and so on), see Website redesign: what the client should hand to the design team. This step ends with structure sign-off: once sections and the page list are fixed, design and pricing have a basis.

2. Design: settle the direction, then the key pages

Design moves in three layers:

  • Visual direction. Start with one or two directions and settle layout, typefaces, colour and imagery so they match the brand guidelines.
  • Key pages. Fully design the pages visitors reach most, such as home, product or service, case study and contact; extend the rest from components.
  • Interactive prototype. Walk through navigation, forms, filters and language switching in a clickable prototype; problems show up faster than in static images.

This step ends with design sign-off. Before signing off, bring in the content owner: does the layout still hold once real copy is in?

3. Build: front end, admin and testing together

Build is more than turning designs into pages. It covers three things:

  • Front end and content admin. The admin assigns editing and publishing rights by role, so marketing can update news and images without a developer.
  • Cross-device testing. Walk the main flows on common phones, tablets and desktop browsers, and check behaviour on a weak connection.
  • Deployment and launch. Confirm that domain, server, ICP filing and analytics accounts are held by the brand, and plan how old URLs map to new pages before launch.

This step ends with acceptance and launch. Write the acceptance checklist when build starts, not the day before launch.

4. Operations: launch starts the next round

After launch, keep doing three things: update content on a plan, review visitor data regularly, and iterate in small steps based on that data. Pages where visitors leave quickly and forms with few submissions are where the next round starts.

5. Who signs off at each step

Step Output Sign-off Client-side people involved
Discovery Requirements list, content audit, site structure Structure Decision maker, content owner
Design Visual direction, key pages, interactive prototype Design Decision maker, brand owner, content owner
Build Front end and admin, cross-device tests, launch Acceptance and launch Content owner, IT or site administrator
Operations Content updates, data reviews, iteration Each review Marketing or operations lead

Give each sign-off one decision maker, and consolidate feedback inside the client team before passing it to the designers; that saves several rounds. If you are still choosing a partner, see How to choose a design studio: what to check in the quote and delivery.

FAQ

Does a redesign mean rebuilding everything?Not necessarily. Content and URLs that are still accurate and well visited can stay; the content audit decides what to rewrite and what to merge.

Can we design first and fill in content later?You can, but design key pages with real or near-real content. If length and structure differ too much, layouts often need rework.

Does the old site go offline during the redesign?Usually not. The new site is built and accepted in a test environment, then switched over with old URLs mapped.

How does FIM run a website redesign?The digital experience service of Beijing FIM Network Technology Co., Ltd. moves through four stages, discovery, design, build and operations, with the client involved at every key checkpoint. It can take on design only or development only, or redesign an existing site while keeping usable content and old URLs. Each project is quoted separately after the requirements are discussed.

Summary

A brand website redesign runs in four steps: discovery ending in structure sign-off, design ending in design sign-off, build ending in acceptance and launch, then ongoing operations. With one sign-off per step and one decision maker per sign-off, a redesign is far less likely to be torn down halfway.

← All articles