Offmarket site
A silver laptop and smartphone displaying a website with the headline 'From car to cash in 7 days,' promoting car selling and valuation services, featuring a red sports car image.

Making The Right First Impression

Offmarket specialised in helping owners sell luxury and collectible cars, but despite already operating as a business, it had yet to establish it’s brand identity, and had no customer-facing online presence.

Role:

UI Design

Team:

UI | UX | Product/Delivery | Engineering

Agency

Somo

White circle with a diagonal line through it on a black background, indicating a strike-through or prohibition symbol.
Offmarket site

Turning a service into an experience

Offmarket needed a way for potential customers to discover the service and make enquiries online.

I was brought in as a freelance designer to help shape their web experience, working across UX, UI and visual identity.


The challenge was to create something that felt credible to owners of luxury and collectable cars, clearly explained how the service worked and made it straightforward for customers to submit their vehicles for valuation.

Offmarket site
Black and white website wireframe mockup showing a multi-section layout: top section with logo and title with call-to-action button; about section with text and button; how it works section with title and text on black background; trust pilot review section with placeholder text; testimonial section with quote and name placeholder; and a final section titled 'Why sell with Off Market?' displaying four columns each with title and placeholder text.

Starting from scratch

The client had a clear idea of how Offmarket should operate and what information he needed from customers. What hadn't been established was how that would translate into the online experience.


The initial brief covered a landing page to introduce the service, a way for customers to submit their vehicles for valuation, plus a series of emails to support the process.


The starting point was to break these requirements down into individual journeys, exploring how customers would move through the site

and how we could make the valuation process feel straightforward without losing the detail Offmarket needed.

Digital valuation report page for a 2015 Porsche 911 Carrera showing estimated vehicle worth as a placeholder range and personalized greeting.A webpage showing a vehicle offer with the text 'We'd like to make you an offer,' followed by a placeholder for a personalized offer amount and a button labeled 'View your offer in detail.' The page includes a brief message thanking the user for completing a calculator, explaining that valuation figures are estimates, and mentioning a future full valuation with a representative.A webpage section with a black box containing the text 'Had some time to think?' Below it, a white background displays a customizable offer letter template with placeholder text for a personalized greeting, offer amount labeled as 'Your Offer £xxx,xxx.xxx,' a note about valuation calculations using placeholder data, and a button labeled 'View your offer in detail.'
Offmarket site
Black and white website wireframe mockup showing a multi-section layout: top section with logo and title with call-to-action button; about section with text and button; how it works section with title and text on black background; trust pilot review section with placeholder text; testimonial section with quote and name placeholder; and a final section titled 'Why sell with Off Market?' displaying four columns each with title and placeholder text.

Starting from scratch

The client had a clear idea of how Offmarket should operate and what information he needed from customers. What hadn't been established was how that would translate into the online experience.


The initial brief covered a landing page to introduce the service, a way for customers to submit their vehicles for valuation, plus a series of emails to support the process.


The starting point was to break these requirements down into individual journeys, exploring how customers would move through the site

and how we could make the valuation process feel straightforward without losing the detail Offmarket needed.

Digital valuation report page for a 2015 Porsche 911 Carrera showing estimated vehicle worth as a placeholder range and personalized greeting.A webpage showing a vehicle offer with the text 'We'd like to make you an offer,' followed by a placeholder for a personalized offer amount and a button labeled 'View your offer in detail.' The page includes a brief message thanking the user for completing a calculator, explaining that valuation figures are estimates, and mentioning a future full valuation with a representative.A webpage section with a black box containing the text 'Had some time to think?' Below it, a white background displays a customizable offer letter template with placeholder text for a personalized greeting, offer amount labeled as 'Your Offer £xxx,xxx.xxx,' a note about valuation calculations using placeholder data, and a button labeled 'View your offer in detail.'
Offmarket site

Making a complicated process feel simple

To provide an accurate valuation, Offmarket needed to collect a lot of information about each vehicle. Make, model and mileage were just the start. Service history, condition, modifications and any special features were also required.

Rather than presenting customers with one long form, I explored breaking the process into a series of smaller, more manageable steps, grouping related questions together.


This allowed us to guide customers through the enquiry without overwhelming them. The journey also needed to accommodate additional information, such as photo uploads and modification descriptions, alongside validation, error states and confirmation messaging.


The aim was to give customers a clear understanding of what was being asked of them, presenting the right information at the right moment.

A digital form interface titled 'Tell us about your vehicle' showing step 1 of 6, asking for vehicle details including Year (2015), Make (Porsche), Model (911), Trim (Carrera), and Mileage (180,000), with a 'Next' button below, accompanied by a blurred grid of smaller form screens in the background.
Offmarket site

Finding Offmarket's Visual Identity

With Offmarket establishing its first online presence, there wasn't an existing visual identity to draw from.


The logo was being developed separately, so my focus was to create a visual language around it, exploring different approaches to colour, typography, imagery and graphic elements.


I worked through a number of visual directions, applying them to examples of the website to see how they might work in practice.

Offmarket site

Once we'd settled on a direction, I developed a lightweight style guide to establish some consistency across the site, while leaving room for the identity to evolve as the business grew.

Typography sample showing fonts for headings and body text: Heading uses Poppins Semibold and body uses Poppins Regular.Color palette chart on light beige background showing blocks of colors with their hex codes and names, including dark green, navy blue, teal, off-white, light blue, and black, arranged horizontally with a green sidebar on the left explaining Colors and Gradients in white text.Four grid layout examples featuring a red sports car image and a small dark overlay box displaying CSS grid properties such as column, row, and area. Each layout differs in grid-template-columns or rows settings, demonstrating grid area placement and spacing with labels like 'From car to coach in 87 days.'Typography guide showing font usage for different devices: desktop, tablet, and mobile, with headings and body text labeled H1, H2, and B1 in placeholder text. A dark green sidebar on the left contains a title 'Fonts' and a short descriptive paragraph about font usage for desktop, tablet, and mobile.Design layout showing buttons labeled 'PRIMARY 3', 'PRIMARY 6', 'PRIMARY 9', 'PRIMARY 12', and 'PRIMARY 15' arranged in three rows labeled Desktop, Tablet, and Mobile, with a green sidebar titled 'Call to Action' containing placeholder text.A design layout showing input fields labeled 'Label' for three device types: Desktop, Tablet, and Mobile, each with dropdowns and text boxes arranged horizontally.A comparison chart showing input controls for Desktop, Tablet, and Mobile devices in four categories: Radio Buttons, Checkboxes, Switches, and Toggles, with visual examples for each device type arranged in rows.UI design mockup of cards displaying vehicle information for desktop and mobile views, featuring placeholders for date, make, model, and trim with a Porsche 918 Spyder example, all on a green and beige background.A design system interface showing different card styles with a sports car image in various sizes and layouts, including regular, radius, and classic card examples arranged in three rows with labels.
Website header with OffMarket logo on the left and two buttons labeled About and How it works on the right, on a beige background.
Offmarket site

Bringing the experience together

With the customer journeys mapped out and a visual direction agreed, I began bringing the two work streams together into the website UI.


This was an opportunity to refine the smaller details and see how the visual language held up when applied to the different journeys, from the homepage through to the more functional elements of the valuation process.

Offmarket site
Webpage design mockups for Offmarket showing a news section grid with images and section titles dated 10th June 2025, alongside an article page layout featuring an orange sports car image, article title, text sections, a share panel with social icons, trust pilot rating, related articles with images and titles, and a footer with social links and subscription form.

As the designs developed, I continued refining both the visual treatment and the interactions to make sure they worked together as a coherent experience.

Two overlapping mobile screen designs for an Offmarket website featuring news and articles sections, with images of cars, section titles, dates, and placeholder text.
Offmarket site
Webpage of Offmarket showing contact and FAQ sections. Contact section includes a heading 'How can we help?', placeholder text, a highlighted box with lorem ipsum text and a 'Request a callback' button, alongside a form with fields for help type, name, email, phone, description, and a submit button. FAQ section lists expandable questions about car valuation, selling costs, outstanding finance, number plate removal, paperwork, and types of cars Offmarket buys. The top left displays a green sidebar menu with navigation items and Offmarket logo. The footer features Offmarket branding, social media icons, newsletter sign-up, legal links, and copyright text on a dark background.
Website About Us page for OffMarket featuring images of luxury sports cars, including a silver car front view at the top and partial blue car images lower on the page with text sections describing the company's experience in buying and selling high-value collector cars globally and emphasizing discreet and fair market pricing.
Offmarket site
Digital form step titled 'Any notable options that make your car special?' with Yes/No radio buttons, a details text box, an option to attach factory specification, and a Next button, shown in desktop, tablet, and mobile layouts, with a WhatsApp message button labeled 'Start the conversation' below.
Offmarket site

Keeping Customers In The Loop

The customer journey didn't end once someone submitted their vehicle for valuation. Offmarket needed a way to keep customers informed as their enquiry progressed, with some stages requiring direct input from the team.

I designed a series of email templates covering everything from enquiry confirmations to valuations and offers, presenting detailed vehicle information clearly while maintaining the visual identity established for the website.

Offmarket site

Keeping Customers In The Loop

The customer journey didn't end once someone submitted their vehicle for valuation. Offmarket needed a way to keep customers informed as their enquiry progressed, with some stages requiring direct input from the team.

I designed a series of email templates covering everything from enquiry confirmations to valuations and offers, presenting detailed vehicle information clearly while maintaining the visual identity established for the website.

Offmarket site

What Happened Next

Due to budget and timing constraints, my involvement with Offmarket ended after the design work was completed, so I wasn't able to be part of the development or launch of the website.

However, once the platform launched, it was encouraging to see that much of my original design work was included in the live experience.

Not everything was implemented as designed, but the overall visual direction, homepage and structure of the valuation journey remain recognisable in what exists today.

Website section titled 'Deals that we've done OffMarket' showing recent high-quality car transactions including a May 2026 Ferrari 488 Pista Spider with 600 miles and a June 2025 Rolls-Royce Phantom. Below is a customer review titled 'Better and more straightforward than most' by Mr. P from GB, describing a positive experience selling a 991 GT2 RS through the dealer, emphasizing quick response, detailed communication, and fast payment with truck collection arranged. The review date is August 2026.
Offmarket site
Website section titled 'Deals that we've done OffMarket' showing recent high-quality car transactions including a May 2026 Ferrari 488 Pista Spider with 600 miles and a June 2025 Rolls-Royce Phantom. Below is a customer review titled 'Better and more straightforward than most' by Mr. P from GB, describing a positive experience selling a 991 GT2 RS through the dealer, emphasizing quick response, detailed communication, and fast payment with truck collection arranged. The review date is August 2026.
Offmarket site

Reflection

The opportunity to take ownership of the design process, from initial UX through to visual identity, was incredibly rewarding. It reinforced how much I enjoy being involved in a project from the early thinking through to the finer details of the design.

Working directly with the client helped me understand what the business needed, but the real satisfaction came from translating those requirements into an experience that felt intuitive and trustworthy for its customers.

White circle with a diagonal line through it on a black background, indicating a strike-through or prohibition symbol.
Keep Exploring
Contact me...