Suzuki cars, bikes and marine together
DESIGN & BUILD

Multi-channel design for Suzuki UK

We designed and built the end-to-end customer experience across Suzuki’s UK product lines. The result was an impressive increase in sales metrics across each of the four sites we designed.

The challenge
  • Understanding different user needs and objectives in purchasing journeys across Cars, Motorcycles, All Terrain and Marine.
  • Designing and developing for flexibility by creating a pattern library and components for efficiency, consistency and speed to market.
Approach 
  • Immersion into the customer’s world in all four product environments, online and in physical retail contexts.
  • Creating a Proof of Concept (PoC) for all four product divisions to gain stakeholder alignment and buy-in.
  • Owning the digital delivery of the experience and the technical solution we defined.
Client

Suzuki are a famous engineering and automotive brand

Project type

Design & build

impact
0
%

Increase in automotive test-drive requests

0
%

Year-on-year increase in motorcycle website leads

Our team collaborating with Suzuki of user findings

Establishing a strategic proposition

Suzuki’s digital offering had grown organically over many years, resulting in a collection of digital experiences which didn’t adequately meet customer buying and decision-making behaviours. Simply refreshing the visual design layer wasn’t going to solve some of the problems this raised.

We worked with Suzuki to define their strategic proposition for digital sales journeys. This anchored all our design work. We focused on the need to connect customer experience across all digital touchpoints and make an elegant transition to real-world dealership experiences.

Our complete design and build of the Suzuki cars website drew on research insight to create a fully responsive user experience. It helps customers to confidently purchase from a Suzuki dealer.

The research

Using a variety of user research methods with Suzuki customers, dealers, and staff we identified features that would help customers understand their choices and make more informed, confident purchase decisions.

Our research highlighted which elements were unique to different groups of Suzuki customers. For example, the distinction between the need for rich visuals and 360º viewability when making a decision to purchase a bike opposed to the specific discoverable information and the comparative size of vehicles required by car buyers.

User insight helped set the design direction quickly and show this in a Proof of Concept. This meant that before significant investment in development we could check and improve our thinking with feedback from business stakeholders and target customers. 

Statistics
0

interviews in dealerships

0

interviews with customers

0

interviews with Suzuki employees

"Never have I had so many positive comments about how fantastic our new website looks and works. The end product is beyond our expectations."
Kate PalmerHead of Digital, Suzuki

High-performance design

Building on the insight gathered during our customer research, we were able to move quickly from a PoC into product design which included: 

  • Using customer insight to create a validated feature set and requirements.
  • Creating wireframes and low-fidelity prototypes for user testing.
  • Visual and Interaction design in-line with Suzuki’s distinctive brand.
  • The development of a scalable design system with flexible patterns in code.
  • Build and deployment.
A designer and developer collaborating on the Suzuki front-end

Sketching wireframes allowed us to quickly test design solutions to customer problems. We noticed that distinguishing how big a vehicle is in relation to another vehicle was an important early factor in understanding the Suzuki range. These kinds of differentiating insights across user groups occurred throughout our design research process and fed into our visual design direction for each product line.

 

Suzuki bikes deliverables

We took a component-based approach to designing and developing these digital experiences. We created 6 basic styles of page consolidating Suzuki’s current offering by 75%.

The benefit to this approach became clear when assessing the technical feasibility of the project. Our designs were to be deployed to a shared CMS, which accentuated the need for shared templates and modules, as well as defining consistent patterns to be used and reapplied across the brands.

Example screen of our Suzuki work featuring cars and motorcycles

Throughout the rest of the design and development work we took a 70/30 approach to reusing components for Motorcycles from Cars, and a 90/10 approach for reusing existing components for ATV and Marine. This flexibility allows Suzuki to respond to sector specific user needs whilst maintaining brand consistency and the efficiency of the design system we defined. During the project, each decision to flex the core patterns was based upon user requirements which we uncovered during research.

Suzuki colour, front and iconography styles

From digital to dealer

Designing and developing elements which made the transition from digital to physical easy for users was also important. For example, the ‘Send to Dealer’ button helps users to transition from digital to physical whilst keeping them invested in the purchasing journey as well as strengthening identification with the brand.

We designed tools for dealers such as special in-dealership configurators which connect the digital and physical experience. Most customers need time with the vehicle in a dealership to arrive at a purchase decision; the digital tools we created maximise the value of this time for dealer and customer alike.

Examples of Suzuki mobile design deliverables including an internal view of a car

Defining and governing a content strategy and practice

We developed the content strategy and oversaw asset creation. User research guided the development of every content asset from UX writing to the creation of imagery, iconography and other graphical assets.

We knew which content was particularly important for different customer groups and this helped us direct interaction and UI design to create maximum value for the user. For example, 360º images are really important for bike buyers, so we checked and tested the imagery and users controls for this in research.

Our user first approach, means we have a particular viewpoint on content creation, with relevancy to the user at its centre. Ultimately, by applying our design principles to content creation users can make better decisions and have the best possible experience when engaging with Suzuki.

Extending the design system

Since the launch of our work we have moved to apply the system we defined to other Suzuki portals starting with Suzuki fleet. The same 70/30 rule applied to reusing, designing, and developing new components for this platform. 

The unique elements of the design we defined for Fleet Managers homed in on a tax calculator that allowed Fleet Managers to calculate the cost associated with the tax that they would pay on purchasing or hiring a fleet of vehicles from Suzuki. 

Suzuki contract calculator design

What's next?

The distillation of the experience design principles, pattern library, and development practices we used on Suzuki’s suite of sites and portals gives Suzuki the ability to deploy consumer-tested components to new pages across all sub-brands with ease.

Increasing the scope of our work allows Suzuki to present a more unified online presence which we continue to refine with them.

  • Activities

    Qualitative research, sketching, prototyping, information architecture, product design, visual design, interaction design.

  • Delivery

    Two-weekly research and iterative design sprints.

Related case studies

View All
Post Office
Post Office Mortgages interface
DESIGN & BUILD

Post Office

Our digital design of two new products for Post Office brings to life their innovative new mortgage propositions. As part of the deliverable we produced a pattern library that can be re-used across their digital estate.

Avis
Search results displayed from using the Avis mobile interface
DESIGN

Avis

We worked with Avis to improve the customer experience of the multi-platform booking journey for millions of Avis customers.

TSB
TSB banking landing page
DESIGN & BUILD

TSB

We translated TSB’s distinctive branding into a set of digital patterns for use across their digital estate. Then we helped tune the Bank’s main sales journeys for better customer experience and better commercial performance.