Client

Nissan

Project

Product website redesign

My role

Lead Experience Designer

Objective
Redesign Nissan’s Vehicle Landing Pages into an engaging, informative & personal one-page experience, allowing customers to deep-dive into content relevant to them that hands off seamlessly to other parts of the purchase journey.

About

To coincide with the launch of the brand’s newest flagship vehicle, Ariya, Nissan wanted to re-imagine their vehicle landing pages on their global platform, including implementing a global brand refresh.

Problem areas

Through user research and data analytics, the following problem areas of the existing vehicle landing pages were identified as key considerations for improvement.

Page overload

Existing vehicle landing pages have up to 15 pages, creating a minefield of content for the customer to hunt through. Additionally, this creates a lot of authoring effort.

Research

"When searching for the item I want I like to see all the information in one glance."

Data

The secondary editorial pages have very little organic traffic. The majority of leads are also on the Overview, Config and spec pages.

Tech isn't relevant

Whilst there is an abundance of content that talks about the technology the cars come with, the brand struggles to articulate why users should care.

Research

"48% of LEAF owners did not have a connected services discussion at a dealership."

Research

"What frustrated me is that there are many technical terms without any real explanation of what it means on the website."

EXISTING VEHICLE LANDING PAGE

My role

As Lead Experience Designer I was responsible for UX/UI design, as well as managing multiple global and local external design/brand agencies throughout the production phase in a client-facing role.

- Conceptual design thinking/exploration
- Leading the end-to-end design process from conception through to delivery
- UX/UI Web design
- Prototyping
- Presentations to C-suite executives
- Art direction
- Stakeholder/project/client management

Objectives

1.

Reduce the overall amount of sub-pages

2.

Update and modernise the UI

3.

Improve storytelling throughout

4.

Showcase the new design direction for the brand

5.

Create a mechanic for customers to register their interest

6.

Ensure the solution considered all regions/languages

7.

Create a mechanic for customers to pre-order the vehicle

8.

Make the technology of the vehicle more accessible to customers

9.

Mobile-first approach to design decisions

10.

Add moments of delight throughout the experience

User experience

- High-level UX Concepts
- Wireframes
- Content IA & SEO
- UX Framework
- Experience map

UX / INITIAL WIREFRAMES
UX / CONTENT IA & SEO
UX / CONTENT WORKSHOP
UX / FRAMEWORK
UX / EXPERIENCE MAP

Visual design direction

- Initial concepts
- Press shot study
- Colour studies
- Prototypes
- Motion & Interaction design
- UI / Visual design

UI / INITIAL CONCEPTS
Final Designs

Outcomes & impact

  • Successfully launched Nissan's global vehicle landing website
  • Implemented the new brand refresh
  • 2m day-one site visits
  • Nearly 10m unique visits since launching
  • Thousands of customers registered their interest in pre-ordering Ariya
  • Customers were able to pre-order the Ariya directly through the website

View the live site

Launch website