AlexPaul

E-commerce UI Design

Automotive Industry | Team: 1 Designer, 1 Developer & 1 Project Manager

An E-commerce website for a German automotive parts seller looking to expand outside the country by making their first steps into the online commerce world.

My Role

I was the UI/UX designer on the project. I took part in the initial discovery phase where we researched the market and established the project. After that, I created some initial sketches and wireframes and finally a high-fidelity UI prototype.

My Role

Visual Design System

Based on the wireframes, and after experimenting with a few color pallets I created a visual design system detailing the colors, typography, and UI components.

Visual Design System

Key Design Points

The main goal was to present the wide range of products for cars, trucks, and motorcycles in a clean and clear way and to make sure every customer finds and buys the right part for their vehicle. Below are what I consider to be some of the most important points of the design.

Key Design Points

Finding the Right Parts

In order to make finding the right part as easy as possible, we provided multiple ways of searching. Users have can perform a standard search by car make, model, and engine, but they can also search directly by a part’s number or by the vehicle’s VIN. We also made sure to inform them when they view a part that is or isn’t right for their vehicle.

Finding the Right Parts

Ease of Use

We wanted shoppers to accomplish their goals as easily as possible. For this, we also included a convenient search history as well as a “save a vehicle” feature so everyone can quickly jump into looking for parts that are specific for them. We also made use of contextual filters based on different product categories and subcategories to make searching even easier.

Ease of Use

The Outcome

The final deliverables for this project are a set o high fidelity screen designs and prototypes for the desktop and mobile versions of the website.

The Outcome