Apollo
As the sole designer for Apollo, I had the privilege of leading the entire UX/UI process for this innovative online pharmacy delivery platform. Working closely with product managers and navigating the complex landscape of healthcare regulations in the UAE, my primary goal was to ensure that the app met both compliance requirements and the needs of a diverse user base. Over a span of six months, I engaged in a detailed, user-centered design process that focused on delivering a seamless, accessible experience for all users.
Client
Pharmacy Chain
Year
2022
Category
UX/UI Design
Type of Work
Research
Prototyping
Design System
UI Design
Challenges
We encountered several challenges in this project, two of which had a significant impact. Firstly, navigating the regulations proved to be a major hurdle. Differentiating between prescription drugs and ensuring their authentication through the app was particularly tricky. This required close collaboration with those involved to design a solution that was both compliant and easy to use.
Secondly, the sheer volume of essential information about medicines was a challenge. It was essential to present this information to customers in a clear and comprehensive manner. Ensuring that users understood the implications of medicines and regulatory information was paramount. Overcoming these challenges meant paying close attention to detail and communicating effectively with all those involved.
Goal
As well as creating a competitive edge through our design, our main objectives were to simplify the process of ordering medication via a mobile app. We wanted to achieve this by creating a seamless and intuitive interface. This will not only save our customers valuable time, but also provide them with a wide range of medicine options to choose from, effectively catering to their individual needs.
01
Research
Throughout the research process, I employed various qualitative data collection methods, including interviews and focus groups. Stakeholder interviews were particularly crucial for gaining insights into regulatory challenges and understanding customer touchpoints at physical pharmacy stores. Additionally, we conducted focus groups with users to leverage group interactions, followed by semi-structured one-on-one interviews to delve deeper into individual perspectives.
Stakeholder Interviews
We conducted eight stakeholder interviews, engaging with five pharmacists and three doctors. Through these sessions, I gained valuable insights into typical pharmacy practices, both with and without prescriptions, enriching our understanding of the industry.
Focus Group
We had two focus groups to benefit from group interaction. I prepared open-ended questions to guide participants in our direction. In total, there were 14 participants divided into 2 groups, one led by me and the other by my product manager colleague.
Follow Up Interviews
We conducted 6 follow up interviews after focus groups this allowed us to deeper understand the insights emerged during the group discussion. We also clarified few points that not fully addressed in group discussion.
2
Atomic
Design
I designed a low-fidelity prototype for the initial usability testing and conducted three formative usability tests with it. I moderated these tests to understand user interactions. Since not all screens were necessary for testing, I focused on major screens like product details, product listings, and prescription integration. Following the usability testing, I created a design system based on atomic design principles and then proceeded to design the entire interface. I followed the Atomic Design methodology to build the interface design system to make it more deliberate and with explicit order and hierarchy.
Quarks: Quarks are the smallest design tokens like colors, font sizes, and spacing units, These foundational elements ensure consistency across the entire system.
Atoms: Atoms are basic UI elements such as buttons, icons, form fields, and labels. They serve as individual building blocks for creating more complex components.
Molecules: Molecules are combinations of atoms that form small, reusable components like search bars, card components, or simple forms. They bring structure and functionality to the design.
Home
Cart
Product and Product Detail
