not the same
● E-commerce · Auto parts · Ukraine

Panda Auto Parts: built from scratch, then around five redesigns

Panda Auto Parts sells parts for Chery, Geely, Great Wall, BYD, Zeekr, Tesla, Volkswagen EVs and other makes, plus car accessories. We built the store from scratch and took it through around five redesigns, from a first version focused on three popular models to today's catalog of 13 makes.

Client
Online auto parts retailer, Ukraine
What we did
Build from scratch, around five redesigns
Stack
Laravel, Vue.js, PHP
Website
panda-auto.com.ua
Project Panda Auto Parts
01 About the project

The store started with parts for Chinese cars and grew with the market: the catalog now covers makes from Chery and Lifan to Zeekr, BYD and Tesla. Buyers usually look for a part for one specific car, so the whole catalog starts from make and model. We built the first version and then ran around five redesigns, each time making part lookup and checkout simpler.

What we did
UX/UI designBuild from scratchRedesignsMake and model catalogCheckoutSupport
Technologies
LaravelVue.jsPHPUI/UX
02 Design

Visual style

Brand green and a panda mascot in the logo. The current version is light: grey background, white cards, green buy buttons and colour badges for 'Panda recommends', warranty and best sellers.

Brand green
#26A600
Buttons
#208E00
Background
#F2F2F2
Cards
#FFFFFF
Text
#000000
Warranty badge
#FFA309
FontsGotham Pro
03 Screens

Before: the first version

The first design in Figma: a 'Cars / Parts' side panel, shortcuts to the Chery Amulet, Geely CK and Geely MK catalogs, a slide-out cart with recommendations, and checkout with Nova Poshta, pickup and courier delivery in Kharkiv.

Home
Product page
Product page
Cart
Cart
Checkout
Checkout
04 Screens

Now: the current site

Today the home page has a menu with Cars, Parts and Accessories tabs, logos of 13 makes, promo banners, recommended products, service parts and videos from the store's YouTube channel.

Home
05 Mobile version

Mobile version

On phones search is always in the header, makes are shown as tiles, model sections open as an accordion, and the Buy and one-click buttons sit right under the price.

Home
Home
Model catalog
Model catalog
Product page
Product page
06 Task

Goals

  • 01Find parts for your carMake, then model, then part group, so buyers only see parts that fit their car.
  • 02Trust in the partQuality grade (OEM, licensed, aftermarket), country, manufacturer, warranty and fitment on the product card.
  • 03Fast orderingA one-page checkout and one-click purchase.
  • 04Design that keeps upAround five redesigns without pausing sales, as new makes and ranges were added.
07 Key solutions

Key solutions

Lookup by make and model
Solution 01

Lookup by make and model

The catalog starts from make and model: Chery Tiggo 7, Geely Emgrand, BYD Song Plus, Zeekr 001 and dozens more. A model page shows illustrated part groups: brakes, engine, electrics, service parts, gearbox, body, cooling, suspension. There is no VIN search on the site; search works by name, part number or code with a scope selector.

Filters and listing
Solution 02

Filters and listing

Filters on the left cover manufacturer (with search), stock status (including 'ships today' and 'awaiting delivery'), quality grade, warranty from 1 to 12 months and price. Listing cards show badges, country flag, brand logo, rating and fitment with engine size; sorting by popularity, name, price and rating.

Product page
Solution 03

Product page

Code and part number, cross-reference numbers, fitment by model and engine, country of origin and warranty. Next to them: Buy and one-click buttons, wishlist, compare, delivery and payment options and dispatch time. Tabs for specs, description and reviews, with similar products below.

Checkout
Solution 04

Checkout

One page with no extra navigation: customer details, city with popular-city shortcuts, payment method (on delivery, IBAN prepayment, card online, Google Pay, Apple Pay, Privat24), promo code and order summary on the right.

08 Stack

Integrations and stack

LaravelVue.jsPHPNova PoshtamonobankGoogle PayApple PayPrivat24IBAN bank transferBinotelGoogle Tag ManagerMeta PixelTikTok PixelYouTube

Want a project like this?

Describe your task – within one business day we'll reply with questions and a rough timeline estimate.

We’ll reply within one business day
Message us