top of page
Rec4.png
Rec5.png
Rec8.png
Rec9.png
Rec6.png
Rec01.png
Rec7.png
Rec1.png
1446781.png
MediTimeTopPage2.png
Role

I assumed the following roles:

  • UX - User Experience Designer 

  • UI - User Interface Designer

Project Specifications

Duration: 8 weeks

Tools:​

  • Adobe Xd

  • Photoshop

Deliverables

UX/UI Design:

  • Competitive analysis

  • Persona

  • User journeys and task flows

  • Site map

  • Paper wireframing

  • Low-fidelity prototype

  • High-fidelity mockups and prototypes

  • Usability studies and tests 

Overview

MediTime offers itself as a travel companion during medical therapy, which tracks and reminds the user to take his medicines. It also acts as a diary and memory of the patient's analysis and medical history. MediTime's target is mainly made up of adults and the elderly who are looking for help not to forget to take their therapy!

The problem

Very often medical therapies do not give the desired results because they are not followed diligently.

The goal

Design an app that increases the success of therapies and helps people organize and keep track of them.

MediTime App

Understanding the users

User research

From the interviews carried out, in which the central point was to understand the reasons why users forget to take the therapy, it emerged that many of them have complex therapies made up of numerous and different drugs. It was immediately clear to us that they needed support that would not only help them follow the therapy but also keep track of it, to increase its effectiveness.

Persona.png
Persona

Problem statement:
Lory is a busy woman who needs help remembering to get her therapy on time.

Competitive audit

An audit of a few competitors’ products provided direction on gaps and opportunities to address with the MediTime app.

Competitive Audit.png

Starting the design

Paper wireframe

I did a quick ideation exercise to come up with ideas for how to address gaps identified in the competitive audit.

My focus was specifically on planning and monitoring medical therapy.

Collab-bro.png
Case study slide deck MediTime-9_edited.
Website Creator-cuate.png
Case study slide deck MediTime1-9_edited
Digital wireframe

After ideating and drafting some paper wireframes, I created the initial designs for the MediTime app.

These designs focused on the planning and monitoring of medical therapy.

Easy access to app features from global navigation

Top half of home screen acts like a therapy tracker/reminder

Low-fidelity prototype

I created a low-fidelity prototype that connected the user flow of medical therapy planning.

View the MediTime's

Case study slide deck MediTime-12.png
Usability study: findings
  • Users want an easy path to add or update their therapy.

  • They need more recognizable and visible icons.

  • Users would like to know the trend over the months of their blood values related to medical treatments.

  • They would like easier registration on the app.

Refining the design

Mockups

Based on insights from usability studies I applied changes to the design. Through recognizable icons and a more simplified insertion of therapy data, I have made it more accessible.

Before usabity study
After usability study
and more...

I've replaced the traditional email and password registration method, opting instead for a simpler approach: users now input their telephone number and name. This change streamlines the registration process, especially for those less comfortable with technology.

Furthermore, I've included an option at the end of registration for users to designate a contact person. This allows family members or trusted individuals to assist those less tech-savvy in managing their therapy, accessing their accounts with varied data, and receiving medication reminders.

High-fidelity prototype
Flusso.png

Accessibility considerations

Clear labels for interactive elements that can be read by screen readers.

1

The user journey is simple, short, and clear.

2

MediTime's Website

Starting the design

Sitemap

With the app designs completed, I started to work on designing the responsive website. I used the MediTime sitemap to guide the organizational structure of each screen’s design to ensure a cohesive and consistent experience across devices.

SiteMap MediTime.png
Responsive designs

The designs for screen size variation included mobile and desktop. I optimized the designs to fit the specific user needs of each device and screen size.

Takeaways

Impact
What I learned:

Users shared that the app made therapy seem easy to follow.

I learned that even though the problem I was trying to solve was a big one, diligently going through each step of the design process and aligning with specific user needs helped me come up with solutions that were both feasible and useful.

Sticker made by Storyset

Call 

+44 07985317108

Email 

Resume

Follow

  • LinkedIn
  • Instagram
bottom of page