Ecommerce Industry
JNP Biotech
JNP Biotech, a pharmacy product company, aimed to transition into digital sales by launching an e-commerce platform.
Project Overview
JNP Biotech, a pharmacy product company, aimed to transition into digital sales by launching an e-commerce platform. As the UX Designer, I was responsible for crafting a user-friendly, accessible, and visually consistent online experience that enabled customers to easily discover and purchase health and pharmacy products.
The Challenge
- Understanding a Niche Audience in the Health Accessories Space
- Balancing Visual Appeal with Functionality
- Aligning Design with Brand Strategy and Business Goals
- Designing for Scalability and Future Features
- Cross-Device Compatibility
- Limited Developer Resources
The Solution
- Market Research and trend analysis solved product categorization, and call-to-actions, resulting in a user-centric shopping experience.
- Designed wireframes and low-fidelity prototypes first to focus on layout and usability.
- Mapped the entire checkout flow, identifying friction points. Implemented a progressive disclosure model, showing only the necessary information step-by-step.
- Created a brand style guide (logo, color palette, typography, iconography) that could scale across all digital channels.
- Created a modular design system and component-based layout to accommodate future expansion like reviews, loyalty programs, or personalized recommendations.
- Prioritized mobile usability considering 70%+ traffic was expected from mobile users in the health product category.
- Shared design specs, redlines, and annotated prototypes using tools like Figma or Zeplin. Helped developers prioritize features using a phase-wise roadmap with clearly defined MVP deliverables.
Project information
- Category
Responsive Website - Client
JNP Biotech - Project date
Jan-May 2022 - Role
UX/UI Designer - Tools Used
Design Process
Research
User interviews, analytics review, and competitive analysis
Ideation
Brainstorming solutions and creating user journey maps
Design
Wireframing, prototyping, and visual design
Testing
User testing, feedback collection, and iterations
