Back to Home

The Diagnostic Game

For this project, I focused on Clue, a period tracker I use myself. Clue is much more than that, but despite its regular use, it took some time for me to fully grasp its capabilities. As a UX designer, I saw an opportunity to apply UX and UI design principles and improve Clue’s Onboarding process. 

The Product

The Product

The Product

Clue is an app dedicated to people that want to track their period, fertility and learn more about how their bodies work.

Project Duration

Project Duration

Project Duration

February - April 2024

Project Duration

Project Duration

Project Duration

April - May 2023

April - May 2023

April - May 2023

My Role

My Role

My Role

UX and UI, from wireframing to prototyping of the Onboarding screens.

Responsibilities

Responsibilities

Responsibilities

Competitive audit, user research, low
and high-fidelity prototyping, usability studies, and iterating on designs.

The Problem

We aim to draw in new potential customers at the booth, but we're concerned that if all sales representatives are occupied, physicians might be discouraged by the prospect of waiting and may leave, which we want to avoid.

Here below you can have a peek of the booth I've designed and get an idea of the affluence of people.

The Goals

To enhance booth engagement, I proposed an interactive station featuring a text-based game. This initiative aimed to educate attendees about genetic testing while providing an entertaining and symbolic diagnostic journey.

Guiding visitors through this experience serves to both promote our company's diagnostic approach and generate new leads.

The Problem

We aim to draw in new potential customers at the booth, but we're concerned that if all sales representatives are occupied, physicians might be discouraged by the prospect of waiting and may leave, which we want to avoid.

Here below you can have a peek of the booth I've designed and get an idea of the affluence of people.

The Goals

To enhance booth engagement, I proposed an interactive station featuring a text-based game. This initiative aimed to educate attendees about genetic testing while providing an entertaining and symbolic diagnostic journey.

Guiding visitors through this experience serves to both promote our company's diagnostic approach and generate new leads.

The Problem


Biotech company Centogene aimed to draw in new potential customers at their booth, but were concerned that if all the sales representatives were occupied, physicians might be discouraged by the prospect of waiting and may leave, which they wanted to avoid.


Here below you can have a peek of the booth I

designed and get an idea of the affluence of people.

The Goals


To enhance booth engagement, I proposed an interactive station featuring a text-based game. This initiative aimed to educate attendees about genetic testing while providing an entertaining and symbolic diagnostic journey.

Guiding visitors through this experience serves to both promote the company's diagnostic approach and generate new leads.

"How would you
solve this case?"
Game Concept

A young, suffering patient walks into a hospital with their family. A physician gets assigned their case and seeks help.

​​​​​​​The game revolves around this question, offering multiple-choice options to correctly diagnose the patient. Users are tasked with assisting a virtual physician as a peer, navigating through the diagnostic process together. The game concludes with a successful diagnosis, indicated by performance metrics: the shorter the diagnostic journey (i.e., the fewer tests conducted), the better for the patient.

"How would you
solve this case?"
Game Concept

A young, suffering patient walks into a hospital with their family. A physician gets assigned their case and seeks help.

​​​​​​​The game revolves around this question, offering multiple-choice options to correctly diagnose the patient. Users are tasked with assisting a virtual physician as a peer, navigating through the diagnostic process together. The game concludes with a successful diagnosis, indicated by performance metrics: the shorter the diagnostic journey (i.e., the fewer tests conducted), the better for the patient.

"How would you solve this case?"

Game Concept


A young, suffering patient walks into a hospital with their family. 
A physician gets assigned their case and seeks help.


​​​​​​​The game revolves around this question, offering multiple-choice options to correctly diagnose the patient. Users are tasked with assisting a virtual physician as a peer, navigating through the diagnostic process together. The game concludes with a successful diagnosis, indicated by performance metrics: the shorter the diagnostic journey (i.e., the fewer tests conducted), the better for the patient.

Flowchart


After making sure the whole team was on board with the objectives — and luckily they were enthusiastic about them — I started designing the complete flowchart of the game, which you can see here on the left.



Given its relatively short duration (2-5 minutes), orchestrating all possible scenarios (comprising combinations of various genetic tests that lead to six different endings) was quite challenging. Collaboration with the medical advisors proved crucial in this endeavor.

Prototype

Having said that, I enjoyed very much creating the whole structure myself on Miro, and became more familiar with it. Not to my surprise, I tend to visualize even more now the challenges I encounter in my life as flow charts. Including that time I tried to explain to Florian why we couldn’t be just friends.

​​​

Ultimately, here you can see a gif featuring a selection of screens to provide an idea of how the user flow its structured. Please note that this is only a low-fidelity prototype done for the developers' team, but I can assure you the high-fidelity version didn't look very different, as I aimed to maintain a simple and clean design.​​​​​​​​​

Prototype


That being said, I enjoyed very much creating the whole structure myself on Miro, and became more familiar with it. Not to my surprise, I tend to visualize even more now the challenges I encounter in my life as flow charts. Including that time I tried to explain to Florian why we couldn’t be just friends.

​​​​​​​

After the flow chart content was approved, I started working on the low-fidelity prototype on Adobe XD. I have to admit, I lean towards Figma, but having been a user of Adobe Cloud for over a decade, I'm open to switching, as it proves to be quite intuitive.

Prototype

Having said that, I enjoyed very much creating the whole structure myself on Miro, and became more familiar with it. Not to my surprise, I tend to visualize even more now the challenges I encounter in my life as flow charts. Including that time I tried to explain to Florian why we couldn’t be just friends.

​​​​​After the flow chart content was approved, I started working on thelow-fidelity prototypeonAdobe XD. I have to admit, I lean towards Figma, but having been auser of Adobe Cloud for over a decade, I'm open to switching, as it proved to be quite intuitive.​​​​​​

Ultimately, here you can see a gif featuring a selection of screens to provide an idea of how the user flow its structured. Please note that this is only a low-fidelity prototype done for the developers' team, but I can assure you the high-fidelity version didn't look very different, as I aimed to maintain a simple and clean design.​​​​​​

Ultimately, here you can see a gif featuring a selection of screens to provide an idea of how the user flow its structured. Please note that this is only a low-fidelity prototype done for the developers' team, but I can assure you the high-fidelity version didn't look very different, as I aimed to maintain a simple and clean design.

What I've Learned

With this project, I feel I've grown not just professionally but also on a personal level. Serving as a project leader meant honing my communication and organizational skills. Believing in my ideas was essential to gain trust of both management and the development team, whose collaboration made the product evolve even more interestingly and effectively. 

Furthermore, this project provided a valuable opportunity for ethical reflection regarding the game's objectives. Working in the marketing department at the time, it wasn't a given that the user was at the forefront of their priorities. Advocating for UX principles and effectively communicating them, helped bring the entire team on board and cooperate smoothly.

More authentic Elena Leone N.417 projects
Close-up of an iphone displaying Art.Be app screen about discovering workshop: a list of pictures that serves as preview of available workshops in the city, and a button to book them
Art.Be App

Designed to connect artists
and art lovers in Berlin

Close-up of an iphone displaying Art.Be app screen about discovering workshop: a list of pictures that serves as preview of available workshops in the city, and a button to book them
Art.Be
app

Designed to connect artists & art lovers

Close-up of a iphone showing the period tracker wheel of Clue app
Clue Period Tracker

A safer and more comfortable
onboarding journey

Close-up of a iphone showing the period tracker wheel of Clue app
Clue Period
Tracker

A safer and comfortable
onboarding journey

Close-up of a laptop showing the homepage of Tekkeikan website,, with a picture of a kendoka
Tekkeikan Website

The new look for the best kendo
club in the city

Close-up of a laptop showing the homepage of Tekkeikan website,, with a picture of a kendoka
Tekkeikan
Website

New look for the best
kendo club in the city

Laptop placed on a lila box, next to a jar with sourdough almost exiting it, on a purple background
Visual Design Portfolio

A showcase featuring my top
visual design projects

Download Portfolio

Laptop placed on a lila box, next to a jar with sourdough almost exiting it, on a purple background
Visual Design
Portfolio

My top visual
design projects

Download
Portfolio

Let’s
Connect

Linkedin

Email

©

Elena Leone

2024

Let’s
Connect

Linkedin

Email

©

Elena Leone

2024

Let’s
Connect

Linkedin

Email

©

Elena Leone

2024