Building a clearer online catalogue for a local automotive store

Auto-Części needed a website that works like a practical online catalogue, not an e-commerce store. The goal was to help local customers find the right category fast, understand how ordering works, and move naturally toward a phone call, reservation, or in-store pickup. The project combined a Webflow website, a clear SEO-led structure, a custom logo system, and a large library of custom pictograms and original photography.

scroll down
site delivery
Webflow built
site delivery
Handoff
industry
Car parts
year
2026

Project Overview

Outcomes


A local SEO-driven website built around phone orders, reservations, and in-store pickup


Five clear entry points: four main categories plus a RETRO catalogue for older cars and FSO-related parts


A brutalist-inspired interface that stands apart from typical automotive retail websites


A scalable visual system based on custom pictograms, original product photography, and zero stock assets


A flexible catalogue structure designed to be updated through Airtable rather than rebuilt page by page

Context

Auto-Części Paczków serves a very broad audience, from younger drivers and everyday buyers to mechanics and owners of older vehicles. That meant the website had to feel simple enough for someone browsing casually, while still being useful for people who already know exactly what part they need.

The challenge was not to recreate a full online store. It was to build a digital layer that supports how the business already works offline: local visibility, fast product lookup, direct contact, and pickup in store.

What the project needed:


A structure built for local search, not checkout


Clear category paths for cars, motorcycles, bicycles, workshop equipment, and older models


A recognisable visual language instead of a generic automotive e-commerce look


A content system that can grow and be updated without turning the site into a maintenance problem

My role

I shaped the information architecture, designed and built the website in Webflow, and developed the wider visual direction around logo, icons, and photography. I also translated the business model into a practical catalogue-first flow, where the site helps users identify the right area quickly and then directs them toward calling, reserving, or visiting the store.

What I did:


Website architecture and UX for a no-checkout catalogue experience


Webflow design and build


Airtable-ready catalogue logic


Logo system and sub-brand direction for RETRO and Auto-pedia


A broad custom pictogram family covering most of the assortment


Product and store photography direction with 100% original assets

Website

The website was designed as an online catalogue, not a shopping cart. On the current live build, the homepage already explains the core model clearly: parts can be ordered on site or by phone, selected items can be reserved for later pickup, the catalogue is updated every Monday, and older stock is routed into a dedicated RETRO section. The same page also builds local trust through reviews, opening hours, address details, and map access.

Hero section of the Auto-Części website shown on desktop and expanded mobile menu

The structure is built around five practical entry points:


Passenger car parts


Motorcycle and moped parts


Bicycle parts


Workshop tools and equipment


RETRO catalogue for older vehicles and FSO-related parts
Offer section of the Auto-Części homepage showing four main categories: passenger cars, motorcycles, bicycles, and workshop tools

Each category page was planned as an SEO landing page with a narrower focus, using grouped product types, selected producers, and a simpler visual system that relies more on pictograms than heavy imagery. The current live build already exposes the homepage category hub and a dedicated car-parts page, although that page’s lead should be tightened before launch because it currently describes the whole store offer rather than the car category alone.

Desktop view of the Auto-Części footer with contact details, opening hours, and store information

Visually, the interface takes cues from brutalist web design: 1px lines, frames, and sharp divisions that echo the feel of older automotive manuals. That language felt especially relevant here, because it gives the project a distinctive logic without turning the whole website into a vintage gimmick. The category section was also inspired by the cross-section of a four-cylinder engine, which shaped the layout rhythm and the idea for motion in that part of the homepage.

Visual Identity

The visual identity was built to support a wide product range and a wide customer base without losing character. Instead of leaning on generic automotive aesthetics, the system uses strong framing, technical typography, and restrained graphic decisions that feel closer to manuals, packaging, and workshop materials than to typical online retail.

A key part of the project is the image library. There are no stock assets here. The website and case study are supported by a full custom photo shoot of real products, plus archive photographs of the store from the early 1990s. That gives the brand a stronger sense of reality and continuity, while keeping the project grounded in the actual business rather than a borrowed visual mood.

The result is a system that can speak to different kinds of users at once: everyday drivers, mechanics, and customers looking for less obvious older parts.

Storefront of Auto-Części with branded window graphics
Business card designed for Auto-Części
Detail of the storefront graphic designed for Auto-Części
Entrance door signage with opening hours for Auto-Części
Gear detail shown with bicycle tires in the Auto-Części visual identity
Product photograph of a carburetor and bearings for Auto-Części
Interior view showing the product range available at Auto-Części
Auto-pedia post concept created for educational automotive content

Pictograms

This project also brought forward my first broader custom pictogram family. The earliest sketches date back to 2017, but the system still holds up because the forms stay simple, readable, and compact. Their character sits close to the logic of LCT-Ciburial, which makes them work naturally with the type-led direction of the brand.

Pictogram featuring a Fiat 126p designed for Auto-Części
Pictogram created for the passenger cars section on the Auto-Części website
Archive photo from the late 1990s showing a VW T4 and Fiat 126p outside the Auto-Części store
Custom pictograms for Auto-Części shown together with the LCT-Ciburial typeface
Filter pictogram designed for Auto-Części

On the website, the icons are not just decorative. They help reduce image dependency, improve scanability, and communicate product groups faster, especially on SEO-oriented landing pages where users need quick orientation more than visual noise.

Comprehensive set of custom pictograms designed for Auto-Części

This also makes the interface lighter. Instead of relying on many product photos inside every informational box, the pictograms do the categorising work more efficiently and keep page loading cleaner.

Showcase of selected custom pictograms designed for Auto-Części
Archive photo from the late 1990s showing the interior of the Auto-Części store with a Polonez Truck in view
Archive photo of the Auto-Części store interior showing the available product range
Archive photo of the Auto-Części assortment shown with the Retro logotype