Cecillia W. - Product Designer

Trend Micro Navigation Redesign

I worked on the redesign of the B2B website navigation with a focus on how utility and mission could work together for a smoother browsing experience.

A few years after working on other projects, I came back to this website with fresh eyes. The website was very scattered. Users didn't understand where they needed to go for their problems.

ROLE

User Research

UX Design

UI Design

Interaction Design

TOOLS

Figma

YEAR

2025

TEAMMATES

Peter van Aller

Peter Thompson

PROBLEMS

User took a long time to find out Trend has a platform that can integrate with other companies & technologies

Need direct showcase of Trend Mico's flexibility

No clarity on how the solution can meet customer needs. And how do we get the solutions to fit customer needs?

Highlight exactly what the clients are getting.

How to tell a story (client’s story) in navigation?

Guide clients from their problems to what we can solve

APPROACH

Reordering priorities:

Utility before values

I came into the redesign with 3 convictions:

1. Utility first, mission second

Make core user journeys successful and trustworthy before asking users to care about purchase.

2. Connected ecosystem over scattered features (products)

Every item on the navigation feeds into a single system where actions compound into visible impact.

3. Immediate values

Users need to see clarity on the route they're taking. Overcrowd the interface with ambiguous/jargonized promises is a risk.

Connected system
over scattered features

Original

- Items scattered with no unified thread

- Users couldn't see items at a glance

- Ambiguous titles leaves users guessing

Reimagined

- Good Points feed into impact and redemption

- Categorize items to act as quick guidance

- Advancing the search box experience for goal-driven users

Before

After

RESEARCH FINDINGS

Mega‑menus allows users to see rather than remember

76% of leading sites still have mediocre or poor navigation UX

Images + CTAs let users read brief descriptions before clicking

43–59% of users on complex sites go to the search box when they have a specific goal

DESIGN DECISIONS

Categorization

Different users think about security differently.

Product terminology can be intimidating and not every user knows what products targets their problems. By supporting multiple mental models for finding a product, it lets users enter from a perspective that makes sense to them.

Discovery tags

Improved discoverability

Tags was added to newly launched navigation items to create a clear visual cue within the dense mega menu. This helps returning visitors quickly identify what has changed while allowing new offerings to remain within the established information architecture.

Secondary categorization

Accelerating searches

B2B-facing websites are curated for audiences that typically knows what they're looking for. Having additional categories help them quickly drill to specifics in a website containing 50+ pages.

Search (index) engine

Low latency, highly available, resilient and scalable

Clean layouts featuring instant autocomplete, clear result snippets, facets, and filters ensure low interaction latency. Introduces a seamless user journey through intuitive navigation cues and smart sorting options for easy viewing.