Weight-Loss Care Portal

Client
Protein System SA
Duration
8 Months
Role
Lead UX/UI Designer
Platform
Web
Tools
Adobe XD, FigJam, Optimal Workshop, Hotjar, Stark.

Project Overview

A doctor-focused web-based solution for Eurodiet, designed to streamline patient care. The portal allows healthcare professionals to monitor progress through detailed reports, prescribe Eurodiet products, manage treatment plans aligned with the four-phase method, and communicate securely with patients—all in one intuitive platform.

The Problem

Doctors working with Eurodiet faced challenges managing their patients effectively due to fragmented tools and workflows. There was no centralized solution to monitor patient progress, prescribe products, or communicate efficiently. This led to time-consuming administrative tasks, difficulties tracking patient adherence, and inconsistent care delivery.

The Goal

To design a web-based platform that streamlines doctors’ workflows by consolidating key functionalities into a single, intuitive solution. The platform aims to enhance patient management, simplify prescribing Eurodiet products, and improve communication between doctors and their patients.

My Role

As the Lead UX/UI Designer, I was responsible for the end-to-end design process, from research and ideation to prototyping, testing, and delivering high-fidelity designs. I collaborated closely with stakeholders, healthcare professionals, and developers to ensure the platform met both user and business needs.

Responsibilities
  • Conducted interviews with doctors to understand their workflows, pain points, and needs.
  • Designed user flows, wireframes, and interactive prototypes.
  • Conducted usability testing to refine the platform's features and ensure ease of use.
  • Collaborated with developers to ensure smooth implementation and design consistency.
  • Ensured accessibility and usability standards were met throughout the design process.

User Research Summary

To ensure the platform effectively addressed doctors' workflows and challenges, I conducted user research using interviews and surveys. The primary objective was to identify pain points, understand key tasks, and uncover opportunities to create a seamless and efficient solution tailored to their needs. Given the project's complexity, I focused on qualitative research methods to gather detailed insights into doctors' experiences. This revealed significant challenges, including the inefficiency of managing patients across multiple tools, difficulty tracking treatment adherence, and a lack of integrated communication features. Additionally, doctors expressed a need for real-time data, clear visualizations, and a simplified process for prescribing products.

Pain Points

Fragmented Tools for Patient Management

Doctors relied on multiple disconnected tools to monitor patients, track progress, and prescribe products, leading to inefficiencies and wasted time during consultations

Time-Consuming Prescription Process

Manually searching for and prescribing Eurodiet products was cumbersome, often requiring doctors to cross-reference product details outside the system.

Lack of Real-Time Insights

Doctors struggled with delayed or incomplete patient data, making it difficult to provide timely and accurate advice or track adherence to treatment plans.

Inefficient Communication Channels

Existing communication methods were either insecure or inconvenient, making it challenging for doctors to provide ongoing support and respond to patient inquiries promptly.

Persona

Dr. Thomas Becker

Thomas is an experienced dietitian based in Luxembourg who has been helping patients manage their weight and improve their health for over 30 years. As part of the Eurodiet program, he works closely with patients to create personalized dietary plans and monitor their progress. He values tools that simplify his workflow and allow him to focus on delivering high-quality care to his clients.

Age
63
Education
Master’s Degree in Dietetics and Nutrition
Hometown
Luxembourg City, Luxembourg
Family
Married with one grown child
Occupation
Dietitian
Pronouns
He/him
Goals
  • To create and monitor personalized, effective weight-loss plans for his patients.
  • To track patient progress and adherence in a single, centralized platform.
  • To streamline communication with patients, providing guidance and support efficiently.
  • To access easy-to-use tools for prescribing Eurodiet products and managing dietary recommendations.
Frustrations
  • Lack of a unified platform makes tracking and managing patient data inefficient.
  • Existing tools are time-consuming and require significant manual effort to monitor progress.
  • Complex interfaces slow down his workflow and take time away from patient care.
  • Difficulty in visualizing patient adherence to treatment plans due to scattered or incomplete data.
"I need a platform that simplifies my workflow, allowing me to focus on what matters most: helping my patients achieve their health goals."

Empathy Map

Dr. Becker

SAYS

  • "I need a platform that simplifies my workflow."
  • "It’s critical to have real-time data to monitor my patients’ progress."
  • "Prescribing products should be quick and intuitive."
  • "I want to focus more on helping patients than navigating complex systems."

THINKS

  • "Will this tool save me time or create more work?"
  • "Are my patients adhering to their treatment plans?"
  • "I hope the data visualization is clear and easy to understand."
  • "I need to balance patient care and administrative tasks effectively."

DOES

  • Logs in daily to review patient progress and make updates.
  • Analyzes weight-loss trends to provide tailored advice.
  • Adjusts prescriptions and treatment plans based on patient needs.
  • Communicates with patients to encourage adherence and address concerns.

FEELS

  • Frustrated when switching between tools slows down his workflow.
  • Empowered when patient data is presented clearly and accurately.
  • Relieved when communication with patients is smooth and efficient.
  • Cautious about relying on a new tool, fearing data inaccuracies or technical issues.

User Journey Map

By creating user journey map, I wanted to illustrate the process of how Dr. Thomas Becker behaves, feels, and what he thinks while accomplishing his goals to address pain points or provide moments of delight.

Persona: Dr. Thomas Becker

Goals: To provide personalized, effective care for his patients by efficiently tracking progress, adjusting treatment plans, prescribing products, and maintaining timely communication, ensuring the best outcomes in their weight-loss journey.

Action
Task List
Feeling Adjective
Improvement Opportunities
Access the portal
Review patient progress
Adjust treatment plan
Communicate with patient
Finalize updates and log out
A. Log in to the portal.
B. Navigate to the patient dashboard.
A. Select a patient to review.
B. Analyze weight-loss trends and adherence metrics.
A. Update the treatment phase.
B. Add or remove Eurodiet products.
C. Save changes.
A. Send a message or respond to patient questions.
B. Recommend program adjustments.
A. Review completed tasks.
B. Log out of the portal securely.
Curious and optimistic about the platform’s capabilities
Focused, but slightly overwhelmed by the volume of information available.
Confident, but cautious about making the right adjustments for the patient.
Supportive and empathetic toward the patient’s concerns.
Satisfied with the completed tasks and feeling organized for the next session.
Provide a clear and welcoming dashboard with quick navigation to patient updates.
Use visual charts and summaries to make data interpretation quicker and more intuitive.
Include automated suggestions for adjustments based on patient trends.
Add message templates and prioritize patient conversations for efficiency.
Provide a summary of pending tasks and upcoming priorities before logging out.
1. Access the portal
Action:
Access the portal
Task List:
A. Log in to the portal.
B. Navigate to the patient dashboard.
Feeling Adjective:
Curious and optimistic about the platform’s capabilities
Improvement Opportunities:
Provide a clear and welcoming dashboard with quick navigation to patient updates.
2. Review patient progress
Action:
Review patient progress
Task List:
A. Select a patient to review.
B. Analyze weight-loss trends and adherence metrics.
Feeling Adjective:
Focused, but slightly overwhelmed by the volume of information available.
Improvement Opportunities:
Use visual charts and summaries to make data interpretation quicker and more intuitive.
3. Adjust treatment plan
Action:
Adjust treatment plan
Task List:
A. Update the treatment phase.
B. Add or remove Eurodiet products.
C. Save changes.
Feeling Adjective:
Confident, but cautious about making the right adjustments for the patient.
Improvement Opportunities:
Include automated suggestions for adjustments based on patient trends.
4. Communicate with patient
Action:
Communicate with patient
Task List:
A. Send a message or respond to patient questions.
B. Recommend program adjustments.
Feeling Adjective:
Supportive and empathetic toward the patient’s concerns.
Improvement Opportunities:
Add message templates and prioritize patient conversations for efficiency.
5. Finalize updates and log out
Action:
Finalize updates and log out
Task List:
A. Review completed tasks.
B. Log out of the portal securely.
Feeling Adjective:
Satisfied with the completed tasks and feeling organized for the next session.
Improvement Opportunities:
Provide a summary of pending tasks and upcoming priorities before logging out.

Problem Statement

Dr. Thomas Becker is an experienced dietitian specializing in weight-loss management who needs a streamlined and centralized platform to manage patient progress, prescribe products, and communicate effectively because fragmented tools and inefficient workflows currently make it challenging to provide timely and personalized care.

Design

Sitemap

In this project, I designed a sitemap as part of the Information Architecture, crafting a clear structure to simplify navigation and enhance the user experience. By organizing content logically and aligning it with user needs and business goals, the sitemap became the foundation for seamless interaction and an intuitive digital experience.

Digital Wireframes

I began with low-fidelity wireframes to refine the layout and functionality. After validating the structure and flow, I used Adobe XD to develop high-fidelity wireframes for a polished, user-focused design.

Low fidelity
High fidelity

Mid-Fidelity Prototype

I created a mid-fidelity prototype for the entire product, but for this case study, I’m focusing on the "New Consultation" user flow fragment to illustrate my process. A mid-fidelity prototype was chosen because it allows for efficient testing of core functionality and interactions, ensuring usability without the distraction of detailed visual design. This prototype was tested by users to gather insights, and I will showcase how these findings informed the adjustments made to the high-fidelity version of this specific fragment.

Usability Study: Parameters

Study type:

Moderated usability testing

Location:

Luxembourg

Participants:

5 participants

Length:

30-45 minutes

Usability Study: Findings

During the usability study for the "New Consultation" user flow, participants identified areas where improvements could enhance functionality and usability. While users appreciated the overall structure of the flow, they highlighted opportunities to make the experience more intuitive and efficient. Let’s look at the findings and define actionable problems to address.

Finding

Users needed progress bars to improve navigation and provide better visibility of their progress within the "New Consultation" flow.

Details suggested:

  • Clear progress indicators for each step of the consultation process.
  • A consistent visual cue to help users track their progress and anticipate upcoming steps.

Finding

Users found some button labels unclear, which made navigating the flow less intuitive.

Details suggested:

  • Use more descriptive labels to clarify button functionality.
  • Ensure labels align with the specific actions required in each step of the flow.

Finding

Users expressed a need for assistance in automating specific processes during consultations, particularly when generating treatment recommendations based on patient data.

Details suggested:

  • Automate tailored treatment recommendations based on patient data.
  • Streamline certificate generation to save time.

Refining the Design

Based on insights from the usability study, I introduced progress bars for clearer navigation, revised button labels for better clarity, and added an automated system to streamline treatment recommendations and certificate generation.

Takeaways

Impact

The Doctor Portal replaced manual workflows with an efficient, automated digital solution, saving doctors an estimated 15 minutes per consultation and improving task completion rates to 95%. Clear navigation, progress bars, and intuitive button labels enhanced usability, while automated tools reduced administrative tasks and improved response times by 30%. User satisfaction scores rose to 9/10, demonstrating the portal’s alignment with healthcare professionals’ needs and ensuring scalability for future growth.

What I learned

This project highlighted the importance of user feedback in uncovering real pain points and shaping impactful solutions. Small changes, like clearer labels and progress bars, proved transformative for usability, while designing automation tools emphasized creating functionality that saves users time. Above all, I learned that great design is iterative, evolving through constant user insights.

Thank You!

Thank you for reviewing my case study. I hope it offered valuable insights into my design process and commitment to creating effective, user-centered solutions. If you have any questions, feedback, or opportunities to collaborate, please don’t hesitate to reach out — I’d be happy to connect!