Sytner Group

We helped Sytner create a flexible, premium online experience powered by a scalable automotive website design system. The result bridges the gap between traditional showrooms and today’s digital-first car buyers setting a new standard in automotive UX.

Sytner homepage on both desktop and mobile

Bringing car sales online with a flexible automotive website design system

The Sytner team understand the role that digital products and effective user experience can play in the car-buying process. Our creative partnership led to the development of a flexible automotive website design system that pushes the automotive industry forward through thoughtful, future-ready design. With customer behaviour becoming less concrete and more dependent on external factors, Sytner wanted to pioneer a hybrid approach to car-buying. A methodology that believes it should be the customer’s choice on how they interact with a business, and it’s the business’ responsibility to keep all channels open.

Layout of Sytner sticky menu
A collage of product pages and vehicle photography on Sytner website

Fresh Design for a New Era of Automotive Website Sales

We partnered with Sytner to deliver a scalable automotive website design system that meets the demands of today’s hybrid car buyers. This modern, premium platform supports flexible ecommerce journeys and showroom integration alike.

Collaborative digital transformation with a design system focus

Our agile collaboration with Sytner let us respond quickly to evolving priorities including the challenges brought on by the pandemic. As a result, each brand within the Sytner Group retained its unique online identity.

Insight-Led Strategy Driving Purposeful Design and Conversions

Everything was insight-led. Discovery workshops, SEO audits, and keyword research defined a clear content structure. Consequently, our design team had clarity and each page served a purpose, driving real conversions.

Calls-to-action on Sytner website, showing "servicing, parts & repair", and "sytnerdrive"
User journeys for sales on Sytner website

Designing a hybrid automotive website sales journey

This project focused on building a smooth, user-friendly "Buy Online" experience. Our automotive website design system was key supporting both ecommerce and showroom sales with one seamless platform.

Until recently, buying a car online felt overwhelming. However, it’s now an expected part of the customer journey.

Crafting a Premium E-commerce Experience from Insight to Execution

After discovery workshops, we mapped user flows, created wireframes, and planned the site architecture. Competitive analysis and user insights led to a sharp, flexible ecommerce journey that feels premium at every touchpoint.

Calls-to-action on Sytner website highlighting "servicing and aftercare" and "sytnerdrive" within the automotive website design system

A scalable automotive website design system for future growth

To support Sytner’s move to online sales, we collaborated to build a scalable automotive website design system alongside the new website. It supports fluency between teams and simplifies delivery.

As a visual toolkit, the system helps scale future projects and improves delivery speed. Just as importantly, it drives higher conversion rates and more meaningful user engagement.

A collage of product pages and vehicle photography showcasing the automotive website design system on Sytner’s website

A flexible, proactive automotive design partnership

At the core of our relationship with Sytner is a fast, practical delivery process. Using agile methods, we move quickly and maintain high standards.

Responsive Support in a Fast-Changing Industry

The automotive space evolves fast. Therefore, our team offers support as needed always keeping communication direct between designers and stakeholders.

Supporting automotive UX from backend to frontend

We operate like an external design team. Beyond deliverables, we bring strategic input, ideas, and research into every phase.

Backend to Frontend Cohesion

Our development and marketing expertise helped shape a unified user experience. For example, we supported backend teams in improving customer journeys adding extra cohesion to the platform.

Two mobile screens from Sytner’s site, built using the automotive website design system
Screen from Sytner Corporate page within the automotive website design system
BMW iX Estate product page designed as part of the automotive website design system
Screen from Sytner website menu showcasing elements of the automotive website design system

Results-driven delivery of an automotive website design system

This multi-phase project navigated shifting timelines, disruptions, and stakeholder feedback. Despite this, we delivered on time, hit KPIs, and maintained creativity throughout.

The hybrid purchase journey is already transforming how Sytner sells cars. Paired with a robust automotive website design system, the new website supports a future-focused, customer-first approach.

Enough about us. Let's talk about you.

We’d love to talk through the ideas and requirements you have for your product.

Send us an email to bring us up to speed, or book a chat at a time that suits you.

Keep reading