Redesign: Redefining Mental Health with AI

Role
UX/UI, Visual Design, UX Research

Team
1 Product Designer, 1 Animator, 2 Developers

Design Tools
Figma, Illustrator, Rive

Timeline
‍Sept 2024 - Dec 2024

Overview Design System Branding Marketing Key Features

Overview

Doro is a startup focused on mental health, offering an AI-powered chatbot designed to make emotional support more accessible and less daunting for students. Understanding that therapy is not for everyone, Doro offers personalized options that fit individual needs, comfort levels, and circumstances.

I worked closely with the founder of Doro to completely redesign the web app, develop a new visual identity and brand system, and create the initial prototype for their mobile app.

My Role Breakdown

Product Design

Building the initial prototype of Doro’s iOS application, and web app using Figma

Design System

Developed a library of 50+ reusable components for web and mobile applications using Figma.

Branding

New brand identity, character design, and visual designs

Marketing

Creating social media post layouts and ads

Design System

I built a scalable design system in Figma to bring consistency and efficiency to our product. It included shared styles, responsive components, and clear documentation. This cutting design-to-dev handoff time and making the UI easier to maintain and evolve.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Branding

LogoHeart + Monstera Leaf + PS = Plantal Support Logo

Character Design
Tea Green:

Olivine:

Evergreen:

Soft Ivory:

Visual Design

We take your privacy seriously
Culturally relevant resources
Addressing stigma concerns
Group therapy
Tailored to you
Pin recources
Change language
Family board

Doro Gradient

#FCC8EA

Space Gradient

#FEF8C3

Mystic Grape

#481B75

Lavendar

#E0A4EF

Peach Orange

#FFCAA1

Honeydew

#C2F6B9

Colours
Row 1: Primary Colours

Row 2: Secondary Colours

Row 3: Gradients

Marketing

Key Features

Something about making a bunch of new design changes for web app visually and to improve the user experience.

Test Web App Prototype

Previous Design

Redesign

Chatbot Redesign DecisionsPrevious Design:

Timer was too big and stress inducing
‍
Breaking down information/ Information overload

End session button is too close to the send button

needs more Accesibility options

Redesign:

Changed layout to be more user friendly

broken down information

Doro is there as your therapist

settings

Pre-login vs post-login interfacePrevious Design:

It felt like i was in the same interface previously
If the interface doesn’t noticeably change after logging in, users may wonder whether the login worked.It’s harder to tell what new capabilities are available post-login if the UI feels static or too similar.

Separate interfaces let you design each experience for its audience—pre-login to attract and convert, post-login to support productivity and retention.

Web to MobileTransforming a web app into a mobile experience isn’t just about fitting content onto a smaller screen—it’s about rethinking how people interact, navigate, and engage on the go. This project focused on distilling the core functionality of the web version into a mobile-native flow, reworking the UX to prioritize speed, clarity, and touch-based interactions, while refining the UI to feel intuitive, responsive, and purpose-built for smaller devices.

Takeaways