Ti-Lea

Ti-lea homepage

ti-lea

Harmony Cell

From founder’s architecture to branded prototype

Mockup of HarmonyCell dashboard displaying 3 blocks: menu, next tasks and calendar
HarmocyCell

I am so proud and emotionnal to have designed this prototype. It aims to support medical teams in their journey to adress patients requiring cell therapy treatment in hematology.

It is a complex platform, which requires careful UX-UI decision-driven design, since we are adressing death-threatening challenges. Thank you to What’zhat Creative Agency for this opportunity.

black young man with color drops on his skin

Brand Image

We made HarmonyCell logo fluid and modern. It showcases the first letter of the brand name and the texture of cells and blood without stereotypical symbolic.

young woman with braids and glasses

UI Design

We made a strong contrast but color-appealing UI Design with round borders to create a smooth and relaxing platform that offers comfort to the eye;

asian old man doctor

UX Design

We created a user-friendly interface that simplifies navigation and access to key features like patient records, treatment steps, and team communication. 

woman doctor with a hijab and glasses

Prototype

We linked the dashboard’s screens to created an interactive interface that can be used both for investors and developpers.

How to brand design and UX-UI design in parallel?

1. From MVP to UI Design options

The objective of the client was to develop the brand image, including the logo, simultaneously as the platform UX-UI Design to allow quick delivery and time for test feedback. In order to match this request and design logo alongside the screens without much back and forth, we agreed to validate the UI Design, including colors and style, first.

To do so, we began by studying the MVP architecture delivered by the client and designed a strong UX Design based of the 4 main screens. Then, once this base was created, the client could prepare feeedbacks on the UX of the 4 screens and we could focus on UI Design. The different UI Design options showacased various fonts, colors and shapes. 

4 screens of HarmonyCell dashboard declined 4 color palets

2. From UI Design to Logo Design

Once the UI Design was validated and the client was preparing feedback on the first 4 screens, UX and UI optimized, we focused on Logo Design.

The logo brief included to focus on the following elements: “H”, blood and cell representation. Ineed, it aimed to be modern and non-stereotypical to bring modernity and fluidity to the brand image.

I offered 5 logo drafts based on different esthetics, balance and typographies. The client was particularly convinced by one, and after consulting target customer pool, they validated it.

Then, different gradients of the colors were offered. Finallly, the logo was validated around the same time as the UX-UI Design of all the dashboard’s screens. The only remaining task was to apply the logo to them.

5 logo designs (1. Cell 2. H as drops 3. H as cardiogramme 4. Two cells 5. Geometric H)

3. From MVP & UI Design to Full platform Design

The client, an industry expert, developed a technical MVP architecture as a foundational draft. This MVP served as a foundational draft. It focused on essential functionalities like patient information management, treatment process tracking, document storage, and appointment scheduling.

However, to ensure the platform was user-friendly and engaging, we transitioned from this basic structure to an emergency-friendly optimized UX-UI Design. Indeed the main objective of this platform is to enable cross-establishment medical team make quick decisions about which patient should move to which step of the treatment. This platform is dedicated to blood cell cancer treatment, thefore, it is a matter of life.

As a result, we created a user-friendly interface that simplifies navigation and access to key features like patient records, treatment steps, and team communication is paramount. Thanks to it, the user experience includes a logical flow for users, with clear paths for common tasks and robust feedback mechanisms to refine the process continuously. Visual elements guides users through the platform, making the experience intuitive and engaging. Real-time updates and notifications ensures timely communication among medical teams. 

When all the screens received a final validation through user tests, we created an interactive prototype for investors and developers.

18 screens of HarmonyCell dashboard

Audio transcript

Click on Play to have access of the audio transcript of the text displayed on this page.

Discover
Speekoo case

Mockup of Speekoo app

Smooth user experience

Skip to content