Flare

An app created for pregnant women with eczema

OVERVIEW

From Sept 2022 - May 2023, an app called Flare was created as my final year project at Ulster University (Interaction Design).

Flare is an app developed to manage women’s eczema during pregnancy.

PROJECT TYPE

App Design
Branding
UX/UI

THE APP

The objective was to ensure the AI tracker will complete its tasks in seeking differences in symptoms. Flare does not diagnose patients, however, it is a guide that identifies eczema and pregnancy-related symptoms. Other than using it to update symptoms, the focus is to predict the user’s symptoms in advance. This feature (inspired by the Flo app) allows users to understand how and what symptoms will affect them in the upcoming days, including their sleep and diet schedule.

As a secondary feature, users also have the opportunity to keep track with their pregnancy journey by adding ultrasound scan details and even inspect the current development of their baby on an interactive map.

SKETCHES

With each wireframe carefully constructed, the focal point was to create a clear and easy layout structure. It was important to not overcrowd the users with unnecessary elements when processing content. Some screens had to be redrafted so the navigation, visual elements and touchpoints would encourage users to interact with them.

MOCKUPS

Whether it’s different CTA points or visual components, every wireframe follows a well-balanced layout. Each element can be accessed easily depending on the content, ensuring it is not messy or confusing to take in. Users are also able to run through the process of their condition in confidence.

The patients' section was created to be engaging as possible. Users have the ability to experience features such as:

Interact with Flare

The Patient's Section

1 - Eczema Update Tracker

Keep track of the user’s eczema condition by updating current symptoms, even pregnancy, food and diet symptoms related to eczema. As a result, users will receive a report on how to manage their condition.

2

2

2 - Symptoms Prediction Feature

Other than tracking their condition and inspired by the Flo app, Flare also predicts the type of symptoms they could get in advance.

3 - Book Appointments

Medical details between the patient and doctor are synced, meaning both target groups can set appointments after receiving a report or whenever it’s urgent.

4

5

4 - Book Appointments

Medical details between the patient and doctor are synced, meaning the user can set appointments after updating a report or whenever it’s urgent.

5 - Points Feature

Users can receive points by doing daily tasks (for ex: update condition three times) and in return, they can redeem points to unlock eczema/pregnancy coupons to use.

6

7

6 - Community Feature

Patients can connect with other users and form a community where they share eczema/pregnancy related information.

7 - Articles & Tips

As a side feature, users can read articles about pregnancy, eczema, diet and sleep topics so they are provided with extra guidance.

Next up...

The Doctor's Section

As for the Doctor's section, the intention was to ensure doctors can access different patients’ information and reports in a concise way. Flare has made it possible for doctors to review their patients' current condition without the need for face-to-face interaction. Flare will alert the doctor on which reports are the most urgent to examine. From this, they can foresee whether an extra inspection is needed.

2

2 - Patients Medical Information

Doctors can view their patient's medical details and keep up with their latest eczema updates in any environmentak setting.

3

3 - Book Appointments

Since medical details are synced, appointments are also available for doctors to book with patients. Especially after an inspection of a severe eczema result, or, a mandatory booking is needed to keep up the patient's condition whether their symptoms are serious or not. (This also applies to the patient)

BRANDING

OVERVIEW

Flare’s visual identity is considerate and comforting. Flare's logo is to reciprocate the app’s purpose by creating an outlook that portrays eczema and pregnancy effectively together.

SKETCHES

When sketching different concepts, the thought process was to design and combine the words; ‘pregnancy’, ‘foetuses’ ‘eczema’ and ‘flare ups’. By using these words and incorporating geometric shapes together, different styles came up. I made sure each design portrayed what Flare is about, as well as making it look abstract. In the end, I chose concepts that stood out the most and can be dictated clearly by the word elements.

THE FINAL LOOK

As the final product, the logo showcases a baby within an open circle acting as the womb. The coloured strips that make up the circle, gravitate as eczema ‘flare-ups’. The tone behind Flare’s identity is Helpful, Hopeful and Influential. flare captures the pain points and is hopeful to overcome them with confidence. And this can be seen in three background variations.

VISUAL IDENTITY

Flare is demonstrated by the typeface Domaine Display and embraced with five different colours such as violets, pinks & teals. The brand is not overwhelming to look at as it radiates comfort and lightness.

Domaine Display

SemiBold

AaBbCcDdEeFfGgHhIiJjKkLl
MmNnOoPpQqRrSsTtUuVv
WwXxYyZz

VISUAL IDENTITY

AS SEEN ON

Wanna see more?

Next Project