Please view this site from a desktop device for better UX.

Luca Casamassima

Paginemediche

Paginemediche was born as a mobile application that allows you to find and book appointments with doctors and specialists in the studio, at home or by video visit.

With Paginemediche it is possible to create multiple profiles in the same account to manage the reservations of each family member and connect your general practitioner to book visits in agreement with the national health system.

To ensure an effortless and satisfying experience, the goal of this app is to make booking medical appointments as smooth and simple as possible.

My Role

UX/UI Designer

Time

4 Months

Tools

Figma, Miro

App Features

  • Create a personal account
  • Manage family members via account sub-user system
  • Search for doctors and specialists based on geographic location or specialty
  • View doctor information, including working hours and user reviews
  • Book medical visits in the studio, at home or by video visit
  • Manage booking
  • Doctor appointment reminders
  • View the information of the “Family Doctor” and to book an appointment in agreement with the Italian National Health Service

Phase 1 Goals: New User Interface Design

In the initial phase of designing, I worked to redesign the application maintaining its traditional booking processes. Our goals was:

  • Improving the user experience without modifying existing booking flows, making the use of the application easier, more intuitive and more pleasant for the user
  • Align the application to the new brand guidelines, updating the interface and user experience to comply with the new brand standards
  • Increase user engagement, improving usability and encouraging users to use the application more frequently and consistently
Before
After

Phase 2 Goals: New Features Implemetation

After completing the restyling phase of the app, I worked on the implementation of the Digital Care Programs within the application.

DCPs offer revolutionary, personalized care pathways tailored to the patient’s specific condition. Whether it be exercises, therapies or activities that can help manage conditions more effectively – DCPs are designed with convenience in mind providing users the freedom to follow them independently or with a doctor present depending on their needs. With these enhanced digital options, patients everywhere have access to improved healthcare support when they need it.

DCPs offer a unique advantage in disease management by encouraging greater self-awareness and providing continuous support, allowing those living with chronic diseases to track their progress and manage symptoms more effectively.

The activities to be carried out in the second phase were:

  • Home implementation, where users can find all the useful information, such as the activity diary (similar to the one present in the Telecare app), the list of future bookings and active DCPs. The home allows users to easily access the main information and features of the app and keep track of their appointments.
  • Implementation of DCPs. I’ve added a section dedicated to the health programs (i.e. DCPs), which allows users to start specific DCP programs based on their needs. The section also shows active DCP programs, allowing users to track their progress in reaching their health goals
  • Increase user engagement, improving usability and encouraging users to use the application more frequently and consistently

My Role

As the only UX/UI Designer working on this project, in the first phase I did the entire restyling of the application and with the CPO and the Product Manager I designed some small variations of the user experience of the app.

In the second phase I designed the implementation of the new features and the new user experience in the use of the home and the DCPs.

To be specific, I performed the following tasks:

  • Initial analysis of the existing app and identification of strengths and weaknesses
  • Identification of new features to be implemented in the restyling phase, based on user and customer needs
  • Design of the new graphic interface, in line with the new brand guidelines and user needs
  • Home implementation
  • Implementation of DCPs and all the features connected to them

Team

Chief Product Officer

Nicola Mattina

Junior Product Manager

Francesca Sgambato

Junior UX/UI Designer

Luca Casamassima (me)

Phase 1: New User Interface Design

Analysis

In order to create something better than before, I began our app redesign process by taking a deep dive into the existing application. My goal was to uncover any key areas that could benefit from improvement and ensure that the new design would ultimately satisfy user needs.

To create the best product possible, I thoroughly analyzed every detail of our existing app. After experiencing it firsthand as an end user myself and collecting feedback from customers who had already used it, I collected usage statistics and combed through reviews for further insight into what innovations could be made.

The goal was to identify areas of the app that could be improved, so as to increase usability and end-user satisfaction.

Analysis

Mockups Creation & Adaptation of Brand Guidelines

By creating mockups, I was able to provide a vivid representation of how users will interact with the app’s most essential sections.

By crafting mockups, I was able to get an accurate idea of how the interface would evolve with the redesign and how to incorporate essential brand elements.

To create the best possible design, I crafted mockups taking into usability, user experience, content organization and aesthetics. Afterward, I involved the team to provide valuable feedback on my creation in order to deliver an exemplary interface that would meet all users’ expectations.

Mockup-1
Mockup-2
Mockup-3
Mockup-4
Mockup-5
Precedente
Successivo

New Design Implementation

After creating the design system and collecting some feedback on the mockups, the next step was to implement the new application design.

I worked in tandem with the development team to implement my design vision for the app. I supplied them with necessary files and resources, while we brainstormed strategies on how best to overcome any technical restrictions that might challenge our progress.

Through rigorous checks of appearance across all screens, we could guarantee this new build would be faithful to the underlying design system guidelines – granting it a distinct visual consistency throughout the app.

New User Interface

Results

0 %
Monthly appointments
Phase 2: New Features Implementation

Home​

To ensure that users could find what they were looking for, I created an intuitive organization of the application’s homepage. In order to create the optimal user experience, I designed a homepage that organizes and categorizes information in an intuitive way, with sections clearly marked to help users find exactly what they need quickly and easily.

At the top, users can easily view a timeline of their daily activities thanks to an interactive widget connected to their activity diary.

Additionally, shortcuts provide convenient and speedy navigation so busy individuals can quickly manage future bookings or jump right into health programs.

Clinics Section (DCPs Implementation)

With the aim of making DCPs easily accessible, I created a unique grid system that allows users to quickly explore all available options. Descriptions are accompanied with relevant visuals and further details can be seen by simply tapping on each tab – with an activation button provided for direct access into any DCP.

My goal was to craft a clinics section that feels natural, organized and effortlessly navigable. I opted for simplicity in design so users could gain direct access to DCPs without hassle or confusion.

To know more about how DCPs work, visit the Telecare project.

View Telecare Project

What I Have Learned

  • It is important to involve the development team from the beginning of the project to ensure that the design is technically feasible.
  • It is crucial to take user needs into consideration when designing the user interface, to make sure that the application is easy and intuitive to use.
  • Don't underestimate the importance of testing your application thoroughly, both during development and at the end of the project, to ensure that it works properly and meets the needs of the users.
  • It's important to recognize your mistakes and learn from them, even if this can mean more effort and more time to correct them. Additionally, you must be able to communicate effectively with the development team and other team members to resolve any issues that may show up during the project.
  • I have improved my knowledge of the design system and its importance in maintaining design consistency throughout the application.