ibrahim

Work

Thrive Dietician Web App

Role: UX/UI Designer & Researcher

Timeline: 4 Weeks

thrive cover

Introduction ✨

Introduction

Thrive Dietician is a web application designed to support dieticians in managing their patients and appointments. While an existing mobile app allows users to book sessions with dieticians, this web platform was developed to streamline the experience for dieticians, enabling them to efficiently oversee their schedules, patient details, and interactions.

Problem Statement

Dieticians needed a way to manage appointments, patient records, receive payments and manage their accounts

Research and Discovery 🔍

Reviewing the Mobile App📱

To ensure a smooth transition between the mobile and web platforms, I conducted a thorough review of the existing mobile app. This helped identify the key features that needed to be synchronized with the web app, such as appointment scheduling, patient records, and notifications.

Interviews with Dieticians 👨‍⚕️🧑‍⚕️

I interviewed several practicing dieticians to understand their pain points and requirements. They provided insights into their daily workflows, challenges with patient management, and features they would find beneficial in the web app.

Competitive & Design Research 💫

For design inspiration and best practices, I explored platforms like Dribbble and Behance. Additionally, I reviewed third-party applications like Calendly to understand how scheduling and appointment management functionalities are implemented effectively.

Features and Userflows ✏️

Features 🎯

User Flow ⎓▲

To ensure a smooth and engaging experience, I mapped out user flows that define how the dieticians will interact with the web app.

Login flow

Login userflow

Forgot Password flow

Forgot Password userflow

Join a call flow

Join a call

Withdraw money Flow

Withdraw money

Add bank account flow

Add bank account

Style Guide 🚀

Color Styles 🎨

The primary color used in the design is #264934, giving the web app a professional and calming aesthetic suitable for healthcare professionals.

Colors

Typography 🖍

I used Supreme and Nunito fonts. Supreme adds a modern and sophisticated touch, enhancing the web app’s professionalism, while Nunito ensures readability with its rounded, friendly style. The combination creates a balanced, user-friendly experience tailored for dieticians.

Typography
Typography

Icon Style 🖍

All icons used are from Huge Icons Pro Plugin on Figma

Hi Fidelity Screens 🌈

Login Screen

webframe
Login cover

Forgot Password Screens

webframe
Forgot Password cover
webframe
Forgot Password cover
webframe
Forgot Password cover

SignUp Screens

webframe
SignUp cover
webframe
SignUp cover
webframe
SignUp cover

Dashboard

webframe
Dashboard cover

My Data

webframe
My data cover
webframe
My data cover
webframe
My data cover
webframe
My data cover
webframe
My data cover

Patients Tab

webframe
Patients Tab Cover
webframe
Patients Tab Cover
webframe
Patients Tab Cover
webframe
Patients Tab Cover
webframe
Patients Tab Cover
webframe
Patients Tab Cover
webframe
Patients Tab Cover
webframe
Patients Tab Cover
webframe
Patients Tab Cover

Calendar

webframe
Calendar cover
webframe
Calendar cover

Payments

webframe
Payments cover
webframe
Payments cover

Conclusion 🎬

Reflection ✨

The development of the Thrive Dietician web app was driven by the need to simplify and enhance the professional experience for dieticians. By integrating essential features such as patient management, appointment scheduling, and seamless mobile synchronization, the platform has created a more efficient and organized workflow. With a user-friendly design, intuitive interface, and well-researched functionalities, the web app has successfully addressed the core challenges faced by dieticians. This project demonstrates the power of thoughtful design and technology in improving healthcare services, ultimately allowing dieticians to focus more on patient care and less on administrative tasks.

More Case Studies

portfolio

Deema & Co Jewellery App

Jewellery Shopping App

arrow
portfolio

Little Learners Website

School Landing Page

arrow
portfolio

Creque Mobile App

Fintech

arrow
portfolio

Agency Website Template

Agency

arrow