1. Title
- B12Supplies – Redesigning an E-Commerce Website.
2. Project Overview
- B12Supplies.com is an e-commerce platform specializing in premium-quality B12 and Vitamin injection ampoules. The website redesign focused on creating an engaging, user-friendly experience to boost conversions and align with modern design trends.
3. Problem Statement
- The website lacked an intuitive user interface, resulting in lower lead conversions and high bounce rates. Key issues included:
- Delivering a modern, aesthetically pleasing interface.
- Communicating product value and unique selling points effectively.
- Offering intuitive navigation for users to find products quickly. Inefficient lead capture forms.
4. Objective
The goal was to create a user-friendly, visually appealing website to drive lead conversions and establish a professional online presence.
- Visual appeal to attract a health-conscious audience.
- Simplified navigation for effortless shopping.
- Increased brand credibility through clean, professional design.
Process/Approach
Design Approach:
Designed in Figma to enable rapid feedback and iterations.
User Interface (UI):
A dark theme combined with vibrant gradients for a luxurious feel.
Consistent use of rounded edges and soft shadows to convey warmth and professionalism.
Typography that balances elegance and readability.
User Experience (UX):
Prioritized accessibility with clear hierarchies and intuitive navigation.
Streamlined checkout process to reduce drop-offs.
Responsive design to ensure a seamless experience across desktop and mobile.
Implementation:
The redesign process involved:
Collaborating with developers for precise implementation.
Analyzing user behavior through heatmaps and analytics.
Crafting wireframes and mockups to explore layout options.
Testing designs with a sample audience to ensure usability.