Diamond Pharmacy App

Diamond Pharmacy App

Category

May 15, 2024

Healthcare

Healthcare

Services

May 15, 2024

UX Design

UX Design

Client

May 15, 2024

SpecTech Systems

SpecTech Systems

Year

May 15, 2024

2022

2022

Cover image of HBCU Horizon showcasing multiple screens in the app.

About

The first ever project that I was paid to do, so pure nostalgia. A pharmacy mobile app designed and built in Flutter, aimed at serving over 30,000 customers monthly. One of my first end-to-end projects, and the one that set the direction for everything that followed. The project started as a design contract, but the client brought me further into the project and I ended up taking on the front end development as well. I designed the UI based on Material Design principles and then built it out in Flutter, which at the time was one of my first real experiences implementing a full interface in the framework.

Looking back, the UI reflects where I was at the time, but that's exactly what makes this project worth including. It's where I first understood how design systems actually work in practice, how Material Design is structured under the hood, and what it takes to translate a design into production code. It also pointed me toward the two areas I've ended up doing most of my work in since, health and education.

Tech Stack

  • Flutter,

  • Figma,

  • Material Design

Key Takeaways

  • First hands-on experience building and working within a structured design system

  • Learned how Material Design components are structured and how to work with them intentionally rather than just out of the box

  • First time translating my own designs into production Flutter code end-to-end

  • Cemented my interest in building products for health and education

A representation of a customer scanning their prescription note to order medicine in Diamond Pharmacy App

User Flow: Scanning a prescription note to order medicine.

A representation of a customer scanning their prescription note to order medicine in Diamond Pharmacy App

User Flow: Scanning a prescription note to order medicine.

Screenshots showcasing the home screen and medicine item sub-screens

User Flow: Searching and viewing medicinal items.

Screenshots showcasing the home screen and medicine item sub-screens

User Flow: Searching and viewing medicinal items.

Screenshots of pickup order collection and receipt viewing

User Flow: Pickup order collection and receipt viewing

Screenshots of pickup order collection and receipt viewing

User Flow: Pickup order collection and receipt viewing