Yoda Pharmacy website

sarfaraz ali syed

User Researcher
UX Designer
UI Designer
Adobe Illustrator
Figma

Introduction

Client: Yoda Pharmacy
Designer: Sarfaraz Ali Syed

Background

Yoda Pharmacy is a well-established local pharmacy with a strong commitment to providing quality healthcare products and services to its community. They approached me to design their website to enhance user experience and provide a modern and convenient online platform for their customers.

Goals

Improve User Experience: Create a user-friendly and intuitive website that simplifies the process of browsing and purchasing products.
Increase Online Sales: Encourage more online sales and streamline the checkout process.
Enhance Accessibility: Ensure the website is accessible to users with disabilities, adhering to WCAG guidelines.

Research & Analysis

User Research

I conducted user research, including surveys, interviews, and competitor analysis, to understand the needs and expectations of Yoda Pharmacy's target audience. Key findings included:
Users value a clean and easy-to-navigate website.
Quick access to product information, including prices and availability, is essential.
Concerns about website security and data privacy are paramount.

Information Architecture

I restructured the website's information architecture to make it more intuitive and user-centric:
Simplified navigation menus.
Created clear categories for products.
Prioritized search functionality for quick access.

Design Approach

User Experience (UX) Design

Wireframes

I created wireframes to outline the website's layout and functionality. These wireframes focused on:
A simplified homepage with prominent call-to-action (CTA) buttons.
Product category pages with clear filters.
An efficient and intuitive checkout process.

Prototyping

I developed interactive prototypes to test and refine the user flow. Key interactive elements included:
A user-friendly shopping cart with a clear summary of items and prices.
User account management for easier repeat purchases.
Secure and user-friendly payment options.

User Interface (UI) Design

Visual Design

I designed a visually appealing and modern interface, considering Yoda Pharmacy's brand identity. Key design elements included:
A clean and professional color scheme.
Legible typography for all users.
High-quality product images.

Accessibility

To ensure accessibility, I adhered to WCAG guidelines by implementing:
Proper HTML markup and semantic structure.
Alt text for images.
Keyboard navigation and focus states.
ARIA roles for screen readers.

Development & Testing

Front-end Development

I worked closely with developers to bring the design to life, ensuring that all interactive elements and accessibility features were correctly implemented.

Testing

I conducted thorough usability testing with real users to identify and address any usability issues. Testing feedback led to refinements in the final design.

Results

The redesigned Yoda Pharmacy website has achieved significant improvements:
Improved User Experience: Users find the website more intuitive, resulting in longer visit durations and reduced bounce rates.
Increased Online Sales: Online sales have increased by 30% since the launch of the new website, thanks to a streamlined and secure checkout process.
Enhanced Accessibility: The website now complies with WCAG guidelines, making it accessible to a wider audience.

Conclusion

The Yoda Pharmacy website design has successfully improved user experience, increased online sales, and enhanced accessibility. By prioritizing user needs, conducting thorough research, and following best design practices, the new website has become a valuable asset for both Yoda Pharmacy and its customers.
9121461878
Partner With sarfaraz ali
View Services

More Projects by sarfaraz ali