Online Pharmacy Mobile App

SERVICES / TOOLS:
UX Design
UI Design
User Flow
Figma
Mobile Design

A mobile app that makes it simple to order medicaments online. Directly from your phone, everywhere and anytime! The design process went into 2 phases UX Research and UI Design to solve several issues in mobile medical e-commerce.

UX Research

In the UX research phase I gathered data to understand different challenges that users deal in mobile shopping and specifically in health industry. Knowing that countries have regulations and laws related to pharmaceuticals. I used the empathy board to list all the common user challenges buying medicaments online.

Empathy Board

To gather accurate data, I used official government websites to research laws and regulations. I interviewed individuals aged 25 and older, both male and female, to understand the different challenges they regularly face. I divided the target audience into two groups: those who sell medicaments (pharmacies) and those who buy medicaments (regular people/customers). For these two audience groups, I asked questions related to:

  1. Infrastructure: Here I asked questions related to government regulations and laws. Health infrastructure, and shipping infrastructure.
  2. Culture: Here I asked questions related to how local society and religion (if it applies to the individ) affect their personal decisions about buying online vs in actual building (Pharmacy).
  3. Personal Challenges/Goals: Here I asked questions related to their personal experience in buying medicaments in an actual pharmacy vs online.
Empathy Board
Empathy Board

UI Design

To make sure I have converted in UI design solutions to all the most common issues in the pharmaceutical e-commerce industry. All these based on the gathered data in the research! Separated the design process into 2 iterative phases:

Early UI Stage / Brainstorming (Low-Fidelity Design)

Low Fidelity Wireframe Sketching
Low Fidelity Wireframe Sketching

In this early stage of UI design, I developed UI solutions to address users' pain points (common challenges and problems) by:

Effective Prototyping:

  • Utilized low-fidelity wireframes to transform brainstorming ideas into real concepts.
  • Sketched basic layouts and functionalities to quickly prototype and test different concepts with real users.
  • Saved time and resources through rapid prototyping and concept testing.

User Experience Refinement:

  • Refined the user experience to ensure the app met user needs and expectations.
  • Pinpointed layout and user flow variations during rapid sketching.
  • Explored and tested app navigation to address potential design obstacles early.

Client Collaboration:

  • Used UI sketching to discuss user flows with the client, as sketches are quick and easy to modify.

Final UI Stage / UI Mockups

Having thoroughly explored and tested multiple variations during the wireframe phase, I felt confident moving forward to create high-fidelity prototypes. These UI mockups provided a detailed and accurate representation of the final product, including:

  • Visual Design Elements
  • User Interactions,
  • Overall User Experience.

During the final UI stage, I validated and refined the design, ensuring the app met high standards and exceeded user expectations. Most importantly, it addressed real-life problems in buying medicaments.

My Orders Page User Interface
Subscription Plans Page User Interface
Account Settings User Interface
Mobile App Style Guide