Ti-Lea

logo Ti-lea

ti-lea

Harmony Cell

From founder’s architecture to branded prototype

Mockup of HarmonyCell dashboard displaying a side menu, a main page with next tasks and a side block with calendar and appointments
HarmocyCell Logo
I am so proud and emotionnal to have designed this prototype 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. 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. 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.

Different gradients of the colors were offered, and 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 with drops 3. H made of cardiogramme line 4. Two cells 5. H combined of 2 C)

3. From MVP & UI Design to Full platform Design

The client, who is an industry expert, had developed a technical MVP architecture. This MVP served as a foundational draft, focusing 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 was to enable cross-establishment medical team make quick decisions about which patient should move to which step of the treatment. Knowning that this platform was dedicated to treating blood cell cancer, it was a matter of life.

Creating a user-friendly interface that simplifies navigation and access to key features like patient records, treatment steps, and team communication is paramount. The user experience will be crafted to include a logical flow for users, with clear paths for common tasks and robust feedback mechanisms to refine the process continuously. Visual elements will guide users through the platform, making the experience intuitive and engaging. Real-time updates and notifications will ensure timely communication among medical teams. 

Once all the screens were validated through user tests, we created an interactive prototype that could be used both to showcase to investors and by developers to create the platform.

18 screens of HarmonyCell dashboard

Designed with Figma

Figma logo

Discover
Speekoo case

Mockup of Speekoo app

Smooth user experience

Aller au contenu principal