and drove clear seamless navigation across all our services for all our customers
Background
Redesign and build a global navigation header to all Asuroin’s products and services. Today the experience is broke, there is no consistency, and it’s hard for the user to navigate.
The goal
Seamless and easy to use global navigation experience of all the services in Asurion, Feel like one service product, and help customers in orienting themselves to different areas.
The design team
Eliya Eshet, Yuval Ezov, Michelle Haft, Kerry Korrer, Aviran Revach, Chris Pace, and many talented developers.
The Collaboration Teams
STRATEGY
The Strategy
Asurion.com is the flagship site where their customers can discover, initiate and manage any and all Asurion Tech Care service. Much like any best-in-class service, presenting a unified global navigation that persists throughout the online experience helps customers clearly understand where they are and orient themselves to and from different areas of navigation. It reduces cognitive load for our customer, increases confidence in our services, builds brand recognition, and ultimately drives more organic service discovery.
THE PROBLEM
Isolated islands just didn't work
Historically, we treated Asurion.com as simply an informational marketing site. We isolated many of our digital experiences on different urls away from Asurion.com e.g Phoneclaim.com, partner dashboard/hub/account experiences, Horizon and RTM claims experiences — creating islands that don’t connect clearly to each other for ease of navigation and discoverability. We siloed our customers based on their partner affiliation or a singular user need of the moment.
1.
Getting lost in the navigation
Customers easily got lost in the navgiation of the single-use websites
2. Inconsistency between experiences
Inconcisstency and broken experiences between the different services
3. UI Is not aligned to the foundations
The UI was not aligned to Asurion’s foundations and design system guidelines.
4. Overwhelming information
Overwhelming amount of information on the current site.
A global header component means that we are committed to every digital experience having the ability to adopt this unified Global Header, making any context-specific configurations as needed to the sub-components and content presented within them. Therefore we collaborated with a lot of stakeholders and strategic teams in this effort.
THE SOLUTION
Bring into a seamless experience
Bring all of our customers together into a seamless, global experience all on Asurion.com, with global access to all of our services regardless of partners, subscriptions or where they are in their tech lifecycle.
1.
Seamless experience
Bring all of our customers together into a seamless, global experience with access to all of our services
2. consistency between services
Ensured consistency between services and throughout the flow
3. Simplify the navigation
Reduce the amount of information, simplify the navigation.
4. Align to the design system
Overwhelming amount of information on the current site.
THE PROCESS
Ideation, research to craft
At first, we gathered all relevant stakeholders and leadership from different strategic areas and teams that are responsible for the user’s entrance to the product, to collaborate and work together on this effort.
We met every week, and also worked async on Slack, mapped the needs of the consumers, collected the current states of different navigations we had on the different services, and brainstormed together.
After exploring global navigations of other products across the net as a reference to see how they handled a complex navigation header, we sketched many ideas and options followed by the mapping, and weekly design reviews, while aligning the design to the foundations and design system.
We worked closely with developers and UX engineers so we could prototype and improve the work alongside the in-progress design process. That way we could catch edge cases in advance.
EXTRA HIGHLIGHT
Responsive, Documentation, And Component Structure