UNILAB Webstore

E-COMMERCE | 2023

COMPANY

QAIROS, Inc.

Project Overview

Client collaborated with us for an end-to-end product design, excluding development, for an e-commerce platform serving a pharmaceutical company.

I was responsible for designing the overall product experience & key features, and utilizing user personas provided by our research team.

UX Designer

ROLE

SCOPE OF WORK

UX Strategy, UX Design, User Flows, Wireframes, Prototyping

TOOLS USED

UXPin & Miro Board

Full designs and clickable prototype are not available due to signed NDA.

Selected Key Features

Detailed Product Content

A templated product page containing detailed information for each product (including product images w/ packaging, product varieties, brand and generic names, instructions for use / dosage, shelf life, caution for allergies, etc.). This feature aims to balance the user's cognitive load by chunking the details in a way that ensures users can comprehend and retain important information about their products.

Checkout as Guest

Designed for buyers who are in a hurry or haven't registered on the website. After completing the checkout, they are given the option to create an account, eliminating the need to fill out details for their next order. Offering this feature contributes to a smoother, more user-friendly experience, potentially leading to increased conversions and customer satisfaction. It acknowledges the diverse preferences of users during the checkout process.

My Cart/My Orders Drawer

A feature that is accessible and conventional throughout the site, making it easier for users to quickly review their added-to-cart products and ongoing orders. Additionally, within the My Orders section, not only does it display ongoing orders but it also includes a 'View All Orders' button. This button directs users to their My Orders page, where they can track the status of all their orders (e.g., To Pay, To Ship, In Transit, etc.)

ID Discounts for Seniors and PWDs

The IDs of Seniors and Persons with Disabilities can be uploaded and validated during the checkout process, enabling these users to avail discounts. After careful deliberation, some changes were made, but this feature was still implemented. It represents a user-centric approach that enhances accessibility, fosters inclusivity, and contributes to building a positive and loyal customer base.

*skins were made by our UI designer