Acura.ca – a digitalized luxury selling experience
A new responsive automotive website created to deliver inspiring content and premium product positioning. Compelling visuals are used throughout the site to reinforce the brand spirit and elevate its emotional engagement and appeal.
Quick Glance of the New Design
Demonstrating the new homepage and model pages in 120 sec.
The Radically Simplified Homepage
The new homepage leverages elegant design and large images to emphasize the thrill of driving and the spirited harmony between man and machine. All touts can display distinct and useful content to different users based on their site activities.
Planning and optimizing the page flow is an important part of the process before jumping into the visual design stage. To ensure the same visual impact of the desktop experience is brought to the mobile environment, the team and I created the wireframes to explore possible ways of user interaction.
Site assessment enabled us to prioritize Acura services and products and organize the navigation items. We created a large side drawer menu to allow for generous size and spacing.
The Modular Model Pages
The model pages consist of 6 sections. The 2 key sections are the Overview and the Features pages, which are designed in a highly versatile and flexible modular structure. To distinguish each model’s personality, the pages are comprised of interchangeable module components that can vary in order for each model.
Various modules are created to encompass different model highlights and to encourage users to discover performance and luxury features. The interactive modules showcase various modes or types of features.
Certain modules allow users to view details in the overlay or in the drawer which provides richer content to the model and supports the brand’s position in the market.
Gallery, Packages, Accessories and Specifications pages are non-modular, yet can be easily updated and maintained.
Build and Price
Lead generation and conversion is the main objective of this tool. Our goal is to provide a compelling and intuitive user experience with a clear path for the target audience to understand, to test drive, and to purchase.
We wanted this tool to help reduce research time for customers, empower them to self discovery, and less hand holding required by the dealers. In order to incorporate the data properly – we worked closely with the back-end developers, the product owners, and the UX researchers to facilitate both functional and business requirements.
Find a Showroom
Find a Showroom a.k.a. Dealer Locator is a key section that connects the digital experience with the physical transaction and conversion. With the idea that the majority of the users are using this tool on the go – we tackled this tool with a mobile-first approach.
To ensure the dealer locator supports the conversion and help to lead the potential customers to the physical dealerships, we created the user flows and see how this tool connects with all the necessary dots and pages.
Knowing that Google Map is one of the most popular mapping apps, we decided to incorporate the Google Map functionality to create a frictionless and familiar searching experience for the users. We established a List vs. Map View filtering option for easy navigation of the search results.
For the desktop dealerships search results, we leveraged a similar experience from Google Maps. We kept the interactive map easy to navigate and had the listing portion easy to browse by distance.
On the showroom details pages, we included information that adds value – such as a showroom photo that helps users visualize the surroundings, the contact information, the associated collision centre partners, and the key CTAs that drive users to connect with the point-of-sale.
Acura’s UI simplifies the design to let the vehicle images become the hero of the site. Every element across the site was made to follow these guidelines.
Role: Art Direction, UX/UI
Creative Director: Colin Craig
Designers: Nancy Ng, Yuko Brown, Iris Wu
Studio Designers: Jason Pearl, Teegan Skals
Agency: Grip Limited
Client: Acura Canada