Redefining Navigation For Discoverability

TL;DR

Designed and restructure the global website navigation to enhance clarity and accessibility of our solutions, with a particular emphasis on improving the mobile user experience.

ROLE

Lead Product Designer

Project Manager

Usability Testing

TEAM

1 Product Designer

3 Developer

3+ Stakeholders

TOOLS

Figma, FigJam

Jira, Craft CMS, BrowserStack

To The Top

PROJECT GOALS

Create a clear, intuitive navigation of 30+ solutions offerings to help clients easily understand and identify the services relevant to their sustainability goals.

PROBLEM

ENGIE Impact provides a range of solutions to help clients achieve their sustainability goals, which often require complex strategies that potential clients may not fully understand. To address this, we needed to simplify the navigation, replacing internal jargon and outdated visuals with a clear, intuitive structure. This ensures C-suite executives can easily scan and explore our solutions in greater depth.

SOLUTION

The redesign was crafted to align with the company’s established brand systems, creating a modern, cohesive look. We also ensured mobile responsiveness and compliance with accessibility standards. This approach allowed us to deliver a user-friendly, functional, and visually consistent solution.

CONTSTRAINTS

This project faced several constraints, starting with the challenge of communicating complex sustainability solutions in a way that resonates with diverse audiences, particularly C-suite executives.

Achieving internal alignment with subject matter experts on the navigation architecture added another layer of complexity, as their input was vital to accurately represent the solutions.

INFORMATION ARCHITECTURE

We collaborated with multiple business lines and subject matter experts to develop a clear and intuitive organization of our service offerings. This process included re-evaluating how we communicate internally versus externally, ensuring the language and structure remained user-focused and easy to understand.

Information architecture of featured solutions within ENGIE Impact

USER RESEARCH

We did a competitive anaylsis of bain, BCG and Mckinsey to see how they organized their services and also looked at companies that offer a lot of services with big navigations but are not in our space such as stripe and studied their navigation patterns.

We also leveraged analytics platforms to identify our top-performing solution pages, ensuring they were strategically positioned in the navigation. This data not only guided our decisions but also provided a baseline to measure the performance of these pages after implementing the new navigation.

Competitive analysis of navigation's and features
Solution page analytics.

DELIVERABLES

Our final deliverables included high-fidelity mockups and an interactive click-through prototype to demonstrate all user interactions. This comprehensive prototype covered various screen sizes and user journeys, ensuring a seamless experience across devices.

SUCCESS METRICS

Our success metrics for this project focused on driving increased views of our solution pages, improving Core Web Vitals performance, and enhancing the mobile navigation experience.

Results & Challenges

PROJECT RESULTS
Traffic to our key solution pages increased by 17%, with a slight improvement in the average time spent on each page.
CHALLENGES
The most challenging aspect of this project was collaborating with various departments to achieve stakeholder alignment on the naming of our solutions and their categorization.