Web and Mobile
August 14, 2021

Elagk | Complex operations made into simple designs

Elagk is an online store where all pharmacy products are in one place. In this project, I designed a simple pharmacy shopping experience, for both Elagk website and mobile application, to make it easier for users to explore thousands of health, and beauty products.
CLIENT
Elagk
Project Date
2 years long project
Project Duration
Over 2 years
Platform
Web and Mobile
MY ROLE

I am the product design lead for this product.

Main areas of responsibility:

  • Planning (performing requirements gathering and setting the strategy of the product).
  • UX analysis (preparing flows, Competitive analysis, and analyzing research findings).
  • Design (Design information architecture, then creating mid and high fidelity screens).
  • Interactive prototyping and micro-interactions (designing the basic flow and interactions).
  • UX Writing (writing the copy including messages and labels).
  • Handing off the final design to the developers.
PROJECT SUMMARY

Elagk system is a complete set of integrated apps for the customer, pharmacy and the courier.
It brings all the pharmacy needs in one place as the customer can search, compare and order medicines, upload prescriptions and have online pharmaceutical support.


Elagk provides you (as a consumer) with a variety of features that facilitate pharmacy shopping experience & medical advise through a well trained community pharmacists team. Elagk Aims to Supply Arab Market with Health Care Services and products that enable Customers to improve their lives and health.

I designed this product from scratch. Starting from understanding the vision and business goals to having a full solution that connect between consumer, pharmacy, and delivery resources.

Photo by Tbel Abuseridze on Unsplash

#1 The Challenge / Problem

Designing three connected applications for three different users: The customer, the pharmacist, and the courier, is always a challenge. Each user has different needs, expectations, and goals. So to design these apps successfully, I needed to complete three aspects: user and market research, a systemized customer journey map and nice looking designs & beautiful wireframes for each app.

Elagk Operation

Steps to start this project:


1- Stakeholder meetings
I gathered the requirements and the product manager, business owners and engineering team.

2- Competitive analysis
I analyzed 4 direct competitors.

for each competitor I mentioned:

  • Features in the product.
  • What's good and what's not.
  • UX issues in the experience or in the process to avoid it.
  • Highlights on their visual elements.


3- Sitemap and Information Architecture
For the consumer app. List and organize the data and features in the product.

4- User Flow
For new users, registered users, and guests.
We designed different flows to achieve goals as conversion rate for new users, complete the first purchase, and selling the value behind the app.

#2 The Solution

I did not only focus on designing the different apps to have pleasurable features for each user but also and most significantly, to be efficient.


For the customer:

Customers, for example, need to search health and beauty products, manage their orders within the app, and send a prescription directly to the pharmacist. The customer can view the products alongside with info of the product: specifications, side effects, drug indications and related/ identical products. Also, they can view the delivery status to track the progress of the delivery of a product whether it is accepted/ being prepared/ ready to be picked up/ or on its way. Customers have the ability to schedule a certain order or return a received product as well.

As per the conducted user research, it was obvious that many users prefer local pharmacies as they can order via their prescriptions. I could offer customers an easier and safer solution in the app by adding a revolutionary feature through which they can send a photo of the prescription directly to the pharmacist. The uploaded prescriptions are saved in a separate section for a better organized experience and easier access for customers.

Mobile App

The website

I designed special interactions and designs to suit the browser experience. For example, the search tab is replaced with a search bar on top of the page together with data filter for an easier research experience. Also, it was important to design memorable illustrations to represent the empty states which indicate that there is no data on the screen .

For the pharmacy

Each pharmacy begins with creating an account and giving access to any number of pharmacists who can use the app. The pharmacy owner can have access to more than one pharmacy if he has several branches. The pharmacy can choose a status to show if it is available and can accept orders or not. The flow for this app is quite different from the one used by customers as it allows the pharmacists to view and accept orders received from customers. The order is first sent to the nearest pharmacy and is shown to a limited time till it responds. The pharmacist who responds checks which items are available. If not all products available, the courier picks the available items from the pharmacy and heads to the second nearest pharmacy who confirmed the availability for the other products.  The driver’s id is always shown to the pharmacy.  In addition, the pharmacy has a record all of its previous sales.

For the courier

As for the couriers, they are be able to view and accept delivery requests with the full address details for the pharmacy and the customer (shown after collecting the products from the pharmacy) on the map in their dedicated app. The app is designed in Arabic as it is more suitable for most couriers. Both the driver and the customer has a digital wallet in the app in which they can receive money.

#3 The Results

Elagk system is a complete set of integrated apps for the customer, pharmacy and the courier.

It brings all the pharmacy needs in one place as the customer can search, compare and order medicines, upload prescriptions and have online pharmaceutical support.

I conducted and delivered the user and market research, benchmarking competitive analysis, important metrics, information architecture, sitemap, data organization, user flow, style guide, final wireframes. All designs are created based on the style guide I created to be concordant to the brand guidelines: including the colors, typography, buttons and their states, input fields, and icons.

Personally I used Elagk as a consumer many times and it helped me a lot to order my medications in specific time with excellent and fast service.

Thanks for reaching this point, I really appreciate it! I would like to hear a feedback from you


You can download Elagk for IOS and Android and try it.

I'm working anywhere!

I've worked for 36 months as a remotely designer, I'm working in flexible hours for many countries

Learn more about me