HOME
BACK TO TOP

information architecture, navigation & layout revision

WATTX WEBSITE REVISION

client
wattx
role
Web Designer
completion
2024 / 2025
Usability testing
Webflow
Information architecture
👁 TL;DR

Setup

team
Business developers, 🙋 Designer
tools
Miro, Relume, Figma, Webflow

The challenge

After 7+ years in operation the wattx website needed a revision in terms of content, information architecture, layout and small cosmetic improvements. The task was to focus on navigation, homepage and service offering as primary goals, and as secondary - improve content pages cosmetically.

My responsibilities

📌 Initial analysis & research to identify pain points
📌 Redesign from low-fidelity wireframes to high-fidelity
📌 Implementation in Webflow
📌 Technical SEO
01
SITEMAP ANALYSIS

Capturing the as is state and identifying issues

To identify IA and navigation issues I wanted to solve in this redesign project I have created a sitemap of the as is state of the site. This way I can clearly see where the issues are and already start working out possible solutions.

🚩 Services overview
The original page listed a range of services in a grid layout with a short description as accordion cards.

The list of services is way too extensive and may come off as overwhelming give the number presented as a list

The services are not categorized in any way, which makes navigation and looking for a specific one cumbersome

Some of the services may not even be offered anymore, giving the visitor the wrong impression about the company

🚩 Resources menu & main nav items
Some menu items can be consolidated.

Our approach" does not quite fit the category "Resources" and also does not convey any new information

Blog and press content can also be considered "Resources" to make the main navigation more concise

Think about the order of items in the dropdown based on their importance

Finding solutions

After I gained a clear understanding of what issues I want to address, I have scheduled a meeting with the business team to brainstorm which services we want to keep offering, how we can merge some of them and what categories we can place them into. After having a discussion and a card sorting session we have defined 3 major categories: "business development", "product builder" and "tech & data" as subpages.

💡 Solution: Service categories & subpages for each category listing services

Group services by 3 categories: "business development", "product builder" and "tech & data"

Create a subpage for each category to streamline navigation and only show relevant content

Add categories to the main navigation to speed up finding the services the user may be looking for

💡 Solution: Merge some menu items and add a new "About us" page

Place "Blog" and "Press" under "Resources"

Remove "Our approach" due to its redundancy and add an "About us" page

Change the order of the items in the drop-down: Whitepapers > Press & News > Blog

General drop-down redesign

02
LAYOUT & COSMETIC updates

Related projects