Medi-Trace

Category

App Development

Year

Start 2023

Role

App Development

animation-image

Medi-Trace

MediTrace offers a UI/UX that is designed to make medication management and real-time health monitoring simple and effortless for users of all age groups. Its simplified dashboard provides users real-time insights of their schedules, health data, and smart bag connectivity. The application has integrated Bluetooth-enabled GPS functionality to facilitate users in tracking their bag’s location and battery.

Tasks we’ve done

We created a medical tracking solution with user-friendly UI, that aims to simplify medicine and health management specially for elderly patients.

Deliverables

UI/UX, Branding

Platform

iOS, Android

Client

Sonya Clemenson

Designed a user-oriented platform for a smooth experience and enabling ride-booking and scheduling with verified drivers to ensure user safety

Developed a high functioning and secured forum for effectively sharing rides by connecting riders through apps.

Crafted user-oriented platform that provides seamless workflow by easy booking and affordable rides, ensuring user satisfaction.

1 19 scaled

App icon

The app icon features the company’s logo, creating a strong visual identity and brand recognition. Its simple and memorable design ensures easy accessibility and instant association with the app.

Group 1597880500 1 1024x1024 1
Group 1597880501 1024x880 1

Typography

The app uses Gilroy, a modern and clean sans-serif font, ensuring readability and a sleek, professional look. Its smooth curves and balanced spacing enhance user experience, making navigation effortless.

Prompt

Semibold

28 px / 38 px / 14 px

Group 1597880493 1
Group 1597880495 2
Group 1597880499 1
Group 1597880497 1
Mask group 3

Gilroy

Regular

12 px / 13 px / 14 px

Semibold

14 px / 16 px / 18 px

Bold

14 px / 20 px

Iconography

Stroke icons ensure a clean, modern look throughout the app, maintaining visual consistency. Fill icons are used only in the navigation bar to highlight the selected state, enhancing clarity and focus.

Frame 1171276080
Meditrace icon gif

Flow Chart

The flowchart shows how the app works for both users and drivers. It maps out the steps from booking a ride to completing the trip, making it easy to understand the app’s process and flow.

Flow 1 scaled
Group 1597880488 2 scaled
6 4 scaled

High Fidelity Wireframes

Group 19 scaled
10 2 scaled
Group 1597880503
Group 1597880489 3
Group 1597880490
Group 1597880491 1
Group 1597880504
12 1 1 scaled