Cinch Launch Site
Škoda logo

From 0 To Cinch In Just Six Months

Creating a simpler way to buy cars online.

White compact two-door Fiat 500 car viewed from the front-left side, with a light blue circular graphic in the background.

Role:

UI Design

Team:

UI | UX | Product/Delivery | Engineering

Agency

Somo

Cinch Launch Site
Man with dark hair and beard wearing a blue turtleneck sweater, smiling with arms crossed, set against a purple background with car-related icons and the partial word "cinch" vertically on the right side.

Six Months. A New Brand. But No Product.

Plus A National Launch Already On The Calendar.

British Car Auctions (BCA) wanted to launch an entirely new consumer-facing-car-buying platform, and they wanted it live in just six months.

The goal was to create a platform that took the pain out of the car purchase process for customers who were unsure of what vehicle they needed or wanted.

I joined the team as one of two UI Designers. Our job was to translate Cinch's newly created visual identity into a robust, easy-to-use consumer product.

Front view of three modern BYD electric cars side by side on a light green surface: white BYD Seal on the left, blue BYD Dolphin in the center, and white BYD Atto 3 on the right.
Cinch Launch Site

"

We wanted to create an online service that makes car buying as easy as possible for the consumer.

With the help of Somo, we were able to scope, design, develop and launch cinch.co.uk in just six months. We recognised that both speed to market and quality were key, and through agile delivery we’ve been able to achieve this.

Geoff Heddle — Product Director, Cinch

"

Cinch Launch Site

A brand is a starting point, not a product.

The Cinch brand arrived almost fully formed. Core elements such as colour, typography, iconography and tone of voice were largely established, along with a handful of examples showing how the brand might behave online.

However, these examples only scratched the surface of the web experience. The core product was yet to exist.

The design team needed to approach the project pragmatically to ensure quick progress. Our UX specialists worked through the experience in deliberately neutral wireframes, allowing the UI effort creative freedom to translate these blank canvases into something that felt unmistakably Cinch.

Logo of cinch with the tagline ‘Buy or sell your car in minutes’ beneath it.
Hand holding a black car key with a round purple keychain labeled 'cinch'.
White pixel art style icon on a black background showing the letter A next to a flag with a plus sign in the middle.
Pixel art style design of the letters 'A' and 'Q' in white on black background, with blocky, stepped shapes.
Grid of sixteen icons on black background; top-left icon is a turquoise user profile symbol consisting of a circle with a head and shoulders inside, other icons are white and represent various common user interface symbols such as a clock, chat bubble, settings gear, lock, and magnifying glass.
A color palette showing 12 solid color blocks arranged in two rows, featuring shades of purple, pink, cyan, green, red, black, gray, orange, yellow, and white.
Cinch Launch Site

There was no design system waiting for us.

As new parts of the experience took shape, the UI language had to grow with them.

As part of the UI effort we established a shared library that formed the foundations of a design system. We identified reusable patterns across navigation, cards, search, empty states to name a few.

Work was divided across different flows, but we didn't work in rigid territories. If one of us established a pattern or approach, we'd generally maintain ownership of that area, however, the other could adapt and apply that thinking elsewhere.

The important part was that Cinch still felt like one cohesive product.

Two rows of button designs labeled 'Button' in blue or gray colors: top row has solid rounded rectangles with different cyan gradients and gray style; bottom row has outlined rounded rectangles with dark purple, white, and gray color variations.
Four screenshots of a settings interface for filters, showing options to select date ranges, query types, and filter criteria including checkboxes and color selectors, arranged with smaller windows on the left and a full settings panel on the right with sections for date range, query type, and attributes with color dots and checkboxes.
Five screenshots of a car search filter interface showing expandable sections for Location, Money, Make and Model, Age and Mileage, Body style, Engine size, Gearbox, and Fuel type. One screenshot highlights entering a postcode 'EH1 5RT' with distance within 100 miles and an Update button. Another shows sliders adjusting cash, part-exchange, finance, and total amounts with values around £2000-£3000. One screenshot shows a loading circle with the text 'Updating.' The filters panel includes options to clear all selections.
UI elements displaying toggle states: at top left, a group of six toggle switches showing on and off states; at top right, three pill-shaped category toggles labeled V6, Diesel, and Sportback, with a second row showing these categories selected as filled pills with an X to remove; at bottom right, two sets of 'View as' toggles between List and Cards with the active option highlighted in a filled style for both sets.
Six UI panels arranged in two rows, each labeled 'Saved Searches' with search name 'Beemers in gloucester' and filter criteria including car type, location, model, price, and features, with buttons for Edit name, Delete, Share, Show Results, toggle for receiving alerts, and pagination controls below each panel, all on a light turquoise background.
Cinch Launch Site
Five stylized outline icons representing car types labeled SUVs, Coupes, Estates, Hatchbacks, and Convertibles, arranged horizontally under the heading 'Find your car', with a rounded rectangular button below labeled 'All cars'.
Illustration of a blue award ribbon with scalloped edges and a checkmark in the center on a gradient blue background.
UI element showing a future mileage input with text 'Future Milage Each year I'll drive the car' and a dropdown set to '15,000 miles' next to an icon depicting a branching path or decision tree.
Display showing previous mileage driven as 40,000 miles with a small speedometer icon on the right.
Line illustration of a person sitting at a desk with a computer, surrounded by sticky notes, a plant on the left, and a water cooler on the right, with text below inviting people to work with cinch and get in touch.
A fuel pump icon above two price categories for petrol: Unleaded costing £225.94 per year and Super Unleaded costing £495.00 per year.
Web form prompt titled 'What's my car worth?' with text encouraging users to enter their UK number plate to find car value, featuring an illustration of a magnifying glass over car keys.

Answering What The Brand Book Couldn't.

As the product grew, it inevitably surfaced challenges that the original brand work couldn't answer.

Sometimes this meant adapting existing patterns. Sometimes it meant creating something new.

For example, while the existing iconography suite was extensive, it wasn't designed to work at larger sizes or cover some of the more specific automotive themes the product required.

I expanded the library with additional icons in the established Cinch style, alongside simple illustrations designed for larger-scale use.

These additions extended the visual language while still feeling unmistakably Cinch.

Cinch Launch Site

This wasn’t a single neat journey

Across the span of the project we worked through a huge number of interconnected customer flows, from Profile and account management to Listings, Vehicle profiles & fuel finder

Responsive website layout for car selling platform Cinch showing different screen sizes from desktop to mobile, featuring a purple header with the text 'Welcome to cars without the faff.', buttons, icons of car types, sections for commitments, delivery, and articles with images.
Screenshot showing a car listing for a 2016 Audi TT on both desktop and mobile views of the cinch website, highlighting vehicle photos, price £6,995, specs like automatic transmission and body style, and an 'About this Audi' description.
Webpage screenshots showing cinch car service website on desktop and mobile screens with a purple header, a white compact car image, sections titled 'Our mission' and 'The cinch promise,' and icons including a purple maze and a badge symbol.
Digital interface showing a fuel saver feature on desktop and mobile. Both display a map with nearby fuel stations and a list of garage names with fuel prices and options to share or get directions.
Webpage displaying a Cinch Guides interface with a list of 27 articles about Audi, including titles and thumbnail images, shown on both desktop and mobile screens against a turquoise background.
Screenshot showing a car listing for a 2016 Audi TT on both desktop and mobile views of the cinch website, highlighting vehicle photos, price £6,995, specs like automatic transmission and body style, and an 'About this Audi' description.
Screenshots of the cinch Guides webpage on desktop and mobile showing a search result with no guides found about Audi, including a search bar and a colorful stylized letter Q graphic.

This only scratched the surface.

we weren't just applying the brand to wireframes. We were stress-testing the visual language by applying it to scenarios that hadn't yet been considered.

Cinch Launch Site

Start with what you need, not what you know.

Buying a car is relatively straightforward when you already know what you're looking for. But for customers without a particular make or model in mind, the sheer number of options can quickly become overwhelming.

Cinch’s main ambition was to make that process less stressful. This led us to develop a concept for the Lifestyle Matcher. An alternative way into the car-buying journey for people who needed more guidance.

Rather than beginning with make, model or technical specifications, the experience started with the customer: their budget, driving habits, lifestyle and priorities. We explored whether understanding those factors first could help Cinch guide customers towards vehicles that suited the way they actually lived.

Developed as part of the future product roadmap.

Four phone screens showing a car finance and preference app called Cinch. First screen displays sliders for cash in bank, car value, and finance to borrow with a total of £8,000. Second screen asks 'How often do you drive?' with options like every day and a few times a week selected. Third screen asks 'What's important to you?' with circles for Comfort, Space, and Music highlighted. The fourth screen shows recommended car models, Audi A6 Allroad and Porsche Carrera, with brand logos and 'Learn more' buttons below each.
Cinch Launch Site
A laptop and smartphone displaying a purple webpage titled 'The cinch commitment' with a white compact car image and a list of key points about car criteria and warranty from cinch.
Cinch Launch Site
User interface of a car search website 'cinch' showing listings of Audi TT 2006 2-door coupe cars for sale, each priced at £49,995, with details like mileage (3,072mi), engine size (5.4L), transmission (automatic), fuel type (petrol), convertible option, color (grey), and distance (138 miles away). Filters for location, money, make and model, age and mileage, body style, engine size, gearbox, fuel type, and doors are visible, alongside view options for grid or single layout. The mobile and desktop versions of the site interface are shown.Two smartphone screens displaying the Cinch app interface; the left screen features an Audi A6 Allroad photo with an ownership rating of 82/100 and placeholder text; the right screen shows a fuel saver section with options to select fuel type and location, a message about saving hundreds of pounds on fuel, and yearly cost estimates for unleaded, super unleaded, diesel, and premium diesel fuel types.
Cinch Launch Site
Two smartphones displaying the Cinch car sales app interface on a black background; the left screen shows a 2016 Audi TT for £6,995 with details and photos, the right screen shows a user profile page with profile completeness and account management options.
Cinch Launch Site
White compact two-door Fiat 500 car viewed from the front-left side, with a light blue circular graphic in the background.

Launching Cinch Into The World.

Cinch launched alongside a national advertising campaign just six months after the project began.

In its first three months, the platform recorded:

1.34M

Visits

60K+

Dealer interactions

1.24M

Unique visitors

5K+

New profiles

Cinch company logo with a Trustpilot rating of 4.3 out of 5 stars based on 34,685 reviews, marked as an excellent and verified company.
Škoda sales Aid

Cinch was first-of-its-kind proposition, built by a small team in an incredibly short amount of time.

However, what made the project memorable to me isn't just what we built, but how we built it. We had a genuinely collaborative team, a great relationship with the client and the freedom to work things out together as the product evolved. The result was a visual language that was flexible enough to keep working even as Cinch continued to grow.

Even today the core Cinch product is still incredibly close to our original vision.

Keep Exploring
Contact me...