Case study · Website redesign

Vectra Auto: precision, redesigned

Vectra Auto is a premium automotive accessories brand inspired by Japanese precision and craftsmanship. This redesign turns the existing website into a modern, conversion-focused experience.

Project
Website redesign
Role
Product designer, UI/UX designer
Scope
UX research, wireframing, information architecture, visual design, responsive design, prototyping
Tools
Figma, FigJam, Photoshop

View on Behance

Vectra Auto Parts case study cover: precision components for reliable performance, with a car in the dark

The objective

A premium brand, a clearer journey

The objective of this redesign was to transform the existing website into a modern, conversion-focused digital experience that improves product discoverability, strengthens brand credibility, and delivers a seamless user journey across desktop and mobile devices.

The redesign focuses on creating a premium automotive aesthetic while simplifying navigation, enhancing product presentation, and improving customer engagement through a more structured user experience.

Vectra Auto research: user quotes about finding the right parts, next to a phone showing the upgrade flow
User voices and the mobile concept

01 · Process

From analysis to handover

The design moved through discovery, strategy and solutions: analysis, research, wireframing, user experience, user interface, website design and development handover.

Vectra Auto design process from analysis and research to wireframing, UX, UI, website design and development handover

02 · Structure

A site structure that shows the way

The user flow maps the home page to products, about, contact, solutions and the user account, with product categories, details and a path to contact sales.

Vectra Auto user flow diagram from the home page to products, about us, contact us, explore solutions and user account

Design system

Orange and red on a precise grid

SF Pro for headings and Inter for paragraphs, with an orange and red accent pair on clean neutrals.

Vectra Auto logo, colour palette and font family board: SF Pro for headings and Inter for paragraphs
Logo, colour palette and fonts

The result

The redesigned website

Vectra Auto redesigned homepage hero: precision accessories for modern vehicles
Homepage hero
Vectra Auto premium automotive technology section and Explore Our Products grid
Technology and product grid
Vectra Auto products, the Why Shokon brand story and a Ready to Upgrade Your Drive call to action
Products, brand story and call to action

Outcome

What the redesign delivers

The redesigned experience introduces a cleaner visual hierarchy, streamlined product discovery flow, stronger conversion paths, and a premium automotive-inspired interface that better represents the brand’s positioning in the market.

View the case study on Behance

Need something similar?

Related service

This project is an example of my website design and development work.

Website Design and Development Start a project

More projects

Explore other curated work

All projects