Contact us
Contact

Building a Design System for carlog – and beyond.

19 countries, 10 brands, 1 platform: Along with the relaunch, we also developed a flexible design system that integrates all Porsche Holding brands.

Our Challenges

  • Meeting Tight Deadlines with a Scalable Design Team

    We soon realized that this challenge called for something bigger. Our flexible design team size (ranging from 2 to 8 designers at times), commitment to high quality, and transparent budgeting were crucial for the project's success.

  • Developing a Design System for an Entire Ecosystem

    With carlog being deeply integrated and connected to the services and websites of all Volkswagen brands, the design system had to be flexible and adaptable to different brand themes.

  • Navigating Technical and Stakeholder Challenges

    Given Porsche Holding’s microservice approach, we had to accommodate the different technical contexts and stakeholders with clever concepts.

  • Uniting Teams through Design

    Bringing internal teams together to contribute to the whole user journey was a challenge for us. However, this project clearly showcased how design and research can inspire teams and drive them to join this new journey.

  • Prioritizing Core Functionality

    With many teams, initiatives, and products set to connect to the design system and carlog in the future, it was crucial to focus on the core functionality of the well-defined carlog MVP – while keeping any future expansion in mind.

  • App and Web Perfectly Aligned

    Transitioning from an app reliant on web views, we faced the challenge of creating a new native experience for core features while seamlessly integrating additional web-based functionalities.

Applied Services

UXi - User Experience Identity

UX/UI Design

More about our services
01

UXi strategy & Design System

Developing a Comprehensive Design System

A Whole Ecosystem, Not Only a Product

Emerging from an outdated design that caused friction across multiple user journeys, carlog's role as an SSO provider emphasized the need for a cohesive design system. The new design and design system focuses on reusability, ensuring seamless alignment of concepts and functions across the larger Porsche Holding ecosystem and its extensive range of product teams and brands.

A UXi Strategy That’s as Flexible as carlog

Being adaptable yet unique was the central challenge in our design strategy, known as the User Experience Identity (UXi). Our design needed to integrate seamlessly across all 10 Volkswagen brands, which led us to focus on the core values: easy, high quality, and reliable. All of this helped shape carlog’s design landscape.

Learn more about the related service

UXi – User Experience Identity

A Design System That’s Here to Stay

With a multi-branding approach, theme customization, and a focus on flexibility, our design system is built to continuously evolve and improve. This makes it a smart, long-term investment for Porsche Holding, with lasting benefits and growth for years to come.

Learn more about the related service

Design Systems
02

BRAND-DRIVEN UX DEsign

Meet the First Product: carlog

A Savvy Approach to Scoping & Collaboration

Facing a tight schedule, we had to strictly align the scope and feasibility with development and the product owner. By focusing on the most efficient collaboration methods, we made sure both our design team and Porsche Holding’s development team could deliver on time. This brought a new level of dedication and efficiency to the project, ensuring seamless teamwork and timely results.

Realistic UX Concepts and a New Information Architecture

Even with technical limitations, we always strive for the best possible solutions to create a great experience. For our client, we developed new concepts for all existing carlog features and significantly improved the information architecture. Now, booking a service appointment at your local garage is easier than ever.

A Clear and Modern Design

The brand new visual design and logo represent a big step forward for carlog towards becoming a modern, convenient and stable platform within Porsche Holding’s services. With its concise typography and partially customized icons, the design ensures clarity for carlog users despite soft edges and shadows.

Learn more about the related service

Brand Driven UX/UI Concept & Design

carlog Web Portal & App from a Single Mold

The new carlog web portal and partly native app intertwine perfectly to deliver the best experience depending on your unique needs.

03

Research

Last but Not Least: Strengthening The Product Ecosystem through Research

A Smart Integration of UX Research

Since the scope for the core carlog MVP was quite clear, and larger improvements were not technically feasible, we opted for a rather hands-on approach, still embracing frequent user testing to mitigate risks.

However, as the design system and MVP grew and new features emerged on the horizon, we conducted thorough research on how Porsche Holding could support B2C and B2B customers in their future car-buying journeys. These journeys would inevitably involve interactions with carlog or elements of the design system. The insights gained were valuable and shared with great enthusiasm across teams within Porsche Holding.

Learn more about the related service

UX Research

What was delivered?

2
First Products
coming soon
The new carlog web portal and iOS & Android apps are launching soon, and we couldn't be more excited to showcase the first products based on our design system!
1
Design system
ready to grow
With the future premise of the design system becoming the mandatory choice for Porsche Holding’s B2C solutions, we’ll help to ensure it’s ready for it.
300+
Components created in 4 months
With a commitment to high quality and transparent budgeting, we have always kept our design production pipeline busy.
19+
Markets
influenced by our work
We specifically considered the differences for special markets in our concepts and designs.
Back to top

Florian Pankraz

Teamlead UX | Porsche Holding Digital Business

“Thanks to our new design system, we can launch new services faster across all our brands. COBE’s flexibility and expertise have been invaluable in making this possible for us.”

Related Projects

Cases you might also like

Got an idea?