/

tanda

Tanda Auto

Tanda Auto

Revolutionizing automotive retail. An all-in-one DMS and VR application to validate the new online buyer experience.

Overview

House of Cars came to Launchcode with an idea of a web application that provided a complete and unified DMS experience. As the UX/Ul Designer on this Proof of Concept (POC), I created multiple dark-mode screens for a client and customer web portal. We wanted everything to come together in a unique application, including dashboards and reporting, leads, deals, inventory, services, clients, accounting, marketing, and client authentication via ID scanning!

Mission

The organization operates with multiple different applications, which do not speak to one another. Our task was to build an all in one solution which was geared towards a young and intuitive user group. Additionally, we built a VR application to validate the new online buyer experience.

Design Drivers

  • Experience: Outstanding user experience for all personas (dealership owners, store managers, sales rep, accounting and clients)

  • Simple: Simple Ul elements and language

  • Clean: No visual clutter to help users focus on what's important

  • Equity-focused: One of the goals of the app is to provide different levels of opportunities and support for each person in order to achieve fair outcomes

  • Secure: Private information is secure

  • Enjoyable: The web application should be fun to use, increasing user adoption

Customers

VR Storefront

Buyers are changing the marketplace and organizations must adapt to these evolving demands - hello VR. Typical brick and mortar locations are no longer necessary with an immersive buyer experience through VR type applications.

Find the perfect ride online

An all-in-one virtual buying experience that allows customers to discover, explore and purchase premium vehicles from the safety and comfort of their home. Shifting from a product-driven to a customer-centric sales approach, Tanda will enable prospective buyers to see their car in a near real world environment through a simple and stress-free process. 

Virtual showroom

Users can shop and buy online with confidence and minimize visits to the dealership. Some key features in the vehicle details would include:

• View high-fidelity static images (interior, exterior)

• Experience interactive 3D, 360°, VR, AR images

• Watch informative product videos

• Schedule virtual appointments and walk-arounds

• Talk with a salesperson remotely

• Listen to the engines with an 8D sound experience 


Admin

Dashboard

The dashboard will provide users with the most important information at a glance. Dealership owners, store managers and sales reps will have their own dashboard with specific information to help them perform their task with efficiency and have a holistic view of the business progress. Dealership owners will also have the ability to dive into each location to manage the store performance as well as view a sales rep dashboard.

Leads & Details

An area to manage each aspect of the client engagement. It all starts with the lead coming into the organization. A central area highlighting all new leads with assignment allocation, vehicle interest, store location, and line of sight to the source of the lead. All data is easily filtered for each user. Store managers would be able to easily manage their team allocation, assign leads to a specific agent and view tasks planned for each lead.

A detailed view gives the sales rep everything they need to successfully move the client along the sales cycle. Reps can easily convert a lead to a deal, and all activities related to the lead are managed though a simplified and intuitive sales focused CRM with an auditable history for the lead. A QR code is also available to have the client scan or sent to them via SMS where they can enter their own information into the CRM, enabling the sales cycle to proceed more smoothly.

Client QR Experience

A client can quickly enter their information via SMS or QR, rather than fill out manual forms, avoiding duplicate entry, manual errors, and wasting time. Uploading credit documents enables a quick and secure way to send employment information to sales staff. The payment calculator is a tool which provides clients the ability to assess their options for a realistic payment.

Vehicle Inventory, Pricing & Media

An area to manage inventory at a macro level. Broken down by VIN, stock, location, status, year/model/make/body, retail price and KMs, including full filter capability. It gives the user the ability to easily add a vehicle to the system with all required information. Quick glance features for open RO's and a link to the details on the repair order. Within the individual vehicle details, there are multiple sections that users can navigate between (general, pricing, service, damages, media, leads and deals).

Clients & Details

A client will be created in the system based of the initial lead and tracked in this area. A lead profile will be created with basic information provided and will need to be updated once the sales rep interacts with the client. A summary of deals per client with open and closed statuses is displayed, along with the most recent activity and based contact information. Users can easily add a client to the system and use filters to ensure a fluid process. In addition, the system will be integrated with Patronscan ID scanning system to automatically pull information about the client and validate the authenticity of the document.

Within the client details, users can navigate between multiple sections (general, documents, trade-in and deals). The top menu bar allows sales to have relevant conversations with the client based on hobbies and interests. The check mark (icon) beside the client name indicates that their ID/credit has been approved.

Deals & Financial Details

A kanban board (with the option to switch back to a list view) for deal management provides transparency to all active deals at any stage of the sales cycle. The goal is to provide users with a quick view of their pipe. A customizable column header will provide scalability for any organization looking to onboard the service. A drag and drop function enables reps to easily move clients through the cycle and provides clarity to management on deal flow and forecasting. Users can navigate between different tabs/sections within the deal details (client, vehicle, documents, trade-in, financial, quote).

Outcome

The feedback we received from the clients was extremely positive. Now we have a good foundation for the further development of the platform, our next steps are to validate the workflows, gather user feedback and test the usability of the software.

• User flows and UX interaction logic delivered in 4 weeks

• Brand agnostic design system delivered in 2 weeks

• Feature roadmap with testing protocols

• All design thinking documented in Confluence

Learnings

• Since this application has multiple layers of complexity, I tried to break information into chunks to avoid information-overload and keep the screens as simple/clean as possible

• First time designing for a dark theme was a bit of a challenge at first (don't use pure black, make sure you meet accessibility colour standards, avoid saturated colours and use depth), but I soon got the hang of it

• Make things happen by seeking information yourself. It's important to build the confidence to reach out to people who don't know you and ask questions that are essential to answering the right question.