Cafler app automotive services frontpage image depicting screens from the app UI/UX product redesign

Cafler / Service made easy

As the UI/UX and product designer, I managed the entire overhaul, conducting user research, creating wireframes and prototypes, and designing a high-fidelity UI.

PROJECT BRIEF

The project focused on improving usability, consistency, and accessibility. Key features and performance were prioritized for smooth operation and scalability. Visual design needed to be cohesive, simple, and reflective of the brand, with increased user engagement through personalization.

Insights & Results

The Cafler app redesign focused on improving usability, consistency, and accessibility, leading to a more intuitive and reliable app. Enhancing the design to reflect Cafler's brand resulted in increased user engagement. As a result, users now benefit from a user-friendly interface for vehicle management, easy service booking, real-time tracking, and personalized notifications.

Deliverables & Disciplines

App / UI / UX / Product Design

Final App Mockups

Home screen

The redesigned home screen provides a clean, intuitive layout for easy navigation, offering quick access to all main features and services.

Cafler Automotive service app Home screen. Choose between different services

Add new vehicle

A user-friendly form for adding new vehicles, making it straightforward to register and manage additional cars in the app.

Unique graphics reflect the brand's identity, creating a distinctive and memorable experience that strengthens brand recognition.

Cafler Automotive service app - Add first vehicle and New vehicle form details

Select vehicle

Easy selection from a list of registered vehicles, ensuring users can efficiently manage multiple cars within the app.

Simple visuals retain users' attention and make interactions more enjoyable, increasing overall engagement.

Cafler Automotive service app - Select a new vehicle or Add new vehicle screen

Product Selection

A simplified selection process for car wash options, allowing users to quickly choose their preferred service with clear descriptions and pricing.

Cafler Automotive service app - select a wash option

Checkout and upselling

Streamlined checkout process with personalized upselling options, increasing convenience and boosting additional service sales.

Cafler Automotive service app - Checkout flow with upselling options

Track & Trust

Users can track their vehicle in real-time, with clear updates on location and status, enhancing transparency and trust.

Cafler Automotive service app - Track and trace your car while it's being serviced

UI kit

While creating the UI kit, I focused on ensuring consistency and reinforcing brand presence. By standardising elements like typography, color schemes, and iconography, the interface now offers a cohesive and familiar experience across the app.

This consistency not only enhances usability but also strengthens the visual identity of Cafler, making the app instantly recognizable and trustworthy for users.

Cafler Automotive service app - Overview of components and typography