Helping {brand} improve their {experience/flow}.

Write a short summary to your case study…

Write a short summary to your case study…

New Pairing Screen

An innovative interdepartmental solution brings new life to a common alert screen.

Role

User Research

Product Strategy

UI Design

Interaction Design

Usability Testing

Tools

Figjam

Notion

Maze

Figma

Otter

Timeline

5 weeks

New Pairing Screen

An innovative interdepartmental solution to brings new life to a common alert screen.

An innovative interdepartmental solution brings new life to a common alert screen.

Role

User Research

UX Design

UI Design

Interaction Design

User Testing

Tools

Google Form

Figjam

Figma

Maze

Dovetail

Timeline

10 weeks

The Problem

Stakeholders requestd new pairing screen that every user of the app will see upon syncing up the device.

The Solution

The existing alertt screen is static and crowded with too much information for the simple task of pairing the device.

Business & User frustrations

Outdated and lackluster design, did not encourage confidence in our luxury brand experience.

Primary Frustration

When an alert surfaced for Android users, the content was occasionally scrambled and incorrectly spaced, leading to irritation.

When an alert surfaced for Android users, the content was occasionally scrambled and incorrectly spaced, leading to irritation.

When an alert surfaced for Android users, the content was occasionally scrambled and incorrectly spaced, leading to irritation.

Secondary Frustration

The layout originated from a prior iteration of IOS/Android package. It was basic, not instilling consumer trust in the acquisition of the application-associated device.

The layout originated from a prior iteration of IOS/Android package. It was basic, not instilling consumer trust in the acquisition of the application-associated device.

The layout originated from a prior iteration of IOS/Android package. It was basic, not instilling consumer trust in the acquisition of the application-associated device.

Competitor Benchmarking

I looked at other gadgets that are paired via bluetooth to mobile devices

Problem Space

It would be amazing to create a pop up screen that showed a 3D model of each device when pairing to the user's mobile device for the first time.

How Might We… work alongside our product designers to create a pairing pop-up screen using a 3D model video?

Ideation

Using a mind map, I began to brainstorm. I also dove into research on cutting edge designs by looking at dribble and the latest Material and IOS UI kits.

What can we add

An updated pop-up screen with improved design elements.

What can we improve

A rotating icon of the specific product being paired.

Rapid Prototyping

Using an overlay I created the fist Hi-Fi version of the Prototype for review.

Styles & Components

Keeping the companies established font styles, I added a twist by incorporating the logo design into the title for the product.


I also created light and dark mode video assets for the pop up screen that the developers could utilize.

High Fidelity Prototype

Summarise the final prototype that you created…

© Danielle Hardy 2025