Projects

Volvo

Volvo Cars

UX/UI Design

Automotive

2022 - 2025

Introduction

How different design choices lead to a safer driving experience

The Volvo Sensus infotainment system is an essential tool for drivers, providing everything from media controls to vehicle settings. However, the system's swipe-based navigation caused frustration and distracted users. This redesign aims to solve usability challenges and enhance safety.

The Challenge

Swipe-based navigation created friction and distraction

Drivers relied on imprecise swipe gestures to reach core controls, forcing their attention away from the road. Frequent mis-taps, deep menu layers, and inconsistent feedback made even simple tasks like adjusting climate or media feel risky while driving.

Research & Discovery

Understanding how drivers really use the system

We ran interviews and usability tests with current Volvo owners, mapping every interaction during typical drives. Patterns quickly emerged: users hesitated at unlabeled gestures, lost track of where they were in menus, and wanted critical controls within a single reach.

The Solution

A tap-first interface built around the driver’s reach

We replaced ambiguous swipes with a clear, tappable layout. Primary controls live on a persistent home view, secondary actions sit one tap away, and consistent feedback confirms every action — keeping focus on the road.

Driver Display

One language across every gauge cluster

From the focused speed view to the full-bleed map and split layouts, each driver display variant shares the same hierarchy, typography, and colour logic — so switching modes never means relearning the screen.

In the Cockpit

Seen the way drivers actually see it

Every layout was validated in context — behind the wheel, against real ambient light and glance times — to make sure the redesign holds up in the place that matters most.

Outcome & Impact

Calmer interactions, fewer distractions

In usability testing the redesigned system was faster to operate and felt noticeably less distracting, with users completing key tasks more confidently and with fewer errors.

42%

Faster task completion

Fewer interaction errors

9/10

Would prefer the new system

Permobil

Permobil

UI Design

Assistive Technology

2022

Introduction

Designing clearer digital product experiences for mobility

A UI design project for Permobil focused on making product information and assistive mobility interactions easier to understand, compare, and act on.

The Challenge

Complex mobility decisions needed a calmer interface

The experience had to support users who may be evaluating highly personal mobility products. The challenge was to present information clearly without overwhelming the user or hiding important details.

Research & Discovery

Mapping the decisions behind the interface

The work centered on understanding how people move from exploration to confidence: what they need to see first, what details help them compare, and where the interface should reduce friction.

The Solution

A more direct product journey

The resulting UI emphasizes clear hierarchy, focused visuals, and simpler navigation so users can understand the product experience faster and move through key decisions with less effort.

Visual System

A focused visual system for product storytelling

Large product imagery, concise labels, and repeated section patterns create a consistent experience across the project while keeping attention on the mobility solution.

Experience Details

Designed around practical use

Interface decisions were shaped around clarity, accessibility, and the real context of assistive technology users rather than decorative complexity.

Outcome

A clearer, more approachable mobility experience

The project turns a complex product space into a more navigable digital experience, pairing product visuals with structured information and a calmer interaction flow.

UI

Project focus

2022

Project year

3

Legacy assets migrated

Panthera

Panthera

UX/UI Design

Assistive Technology

2021

Introduction

A digital experience for high-performance mobility

A UX/UI design project for Panthera, translating a lightweight mobility brand into a clear digital journey with product-focused visuals and structured decision support.

The Challenge

Balancing technical product detail with easy exploration

The interface needed to communicate product quality and mobility benefits while staying approachable for users comparing options, features, and next steps.

Research & Discovery

From wireframes to clearer product structure

The process moved through wireframing and visual exploration, using the page’s existing product imagery and UI direction to organize information around user needs.

The Solution

A sharper UX flow for product discovery

The solution uses clear section hierarchy, product visuals, and direct UI patterns to help visitors understand Panthera’s offer without getting lost in technical complexity.

Visual System

Visual details that keep the product central

Wireframe and visual assets from the legacy page are carried into the CMS so the project can be presented through the newer reusable case-study template.

Experience Details

Built for confident comparison

The structure supports scanning, evaluation, and deeper reading, helping the product story remain practical as well as visually polished.

Outcome

A more complete CMS-backed case study

The Panthera project is now available as structured CMS content, ready to appear alongside the rest of the portfolio’s project detail pages.

UX/UI

Project focus

2021

Project year

4

Legacy assets migrated

Harmonie

Harmonie

UX/UI Design

Healthcare / Personal Assistance

2021

Introduction

Designing a service experience around trust and support

A UX/UI design project for Harmonie, shaping a digital experience for personal assistance and support services with clear navigation, approachable content, and practical service pathways.

The Challenge

Sensitive services needed clarity and reassurance

The site had to make service information easier to understand while preserving a sense of care, trust, and professionalism for people exploring personal assistance and legal support.

Research & Discovery

Understanding service needs and user confidence

The process used surveys, personas, and effect mapping to clarify what visitors need from the experience: plain-language service information, confidence cues, and easy contact paths.

The Solution

A calmer service journey with clearer routes

The UI organizes assistance, legal help, and contact content into a simpler structure, supported by focused visuals and reusable page sections.

Visual System

Research artifacts brought into the case study

Survey, persona, and mapping assets from the legacy page are included in the CMS entry so the project detail page can show both process and visual direction.

Experience Details

Structured for real service decisions

The design supports visitors who need to understand what help is available, why the service is trustworthy, and how to take the next step.

Outcome

A complete CMS project for Harmonie

The Harmonie legacy page is now represented as structured portfolio content with its key imagery, service context, and UX process carried forward.

UX/UI

Project focus

2021

Project year

6

Legacy assets migrated

Ready to collaborate?

Socials

2026

Copyright © Adryan Yousef

Ready to collaborate?

Socials

2026

Copyright © Adryan Yousef