EarthNest – Ethical and Inclusive E-Commerce Product Page
Project Rationale
The goal of this project was to design a desktop product page for a sustainable e-commerce platform that prioritizes ethical practices, inclusivity, and a seamless user experience. I wanted the design to reflect EarthNest's mission: offering eco-conscious, stylish fashion while being accessible to everyone.
Design Decisions
1. Highlighting Sustainability and Transparency
Sustainability is at the heart of EarthNest, so I made sure to emphasize this throughout the page:
- A Sustainability Highlights section directly under the product description lists key eco-friendly features like:
- 🌱 100% GOTS-certified organic cotton
- ✅ Ethically sourced materials
- 🌍 Carbon-neutral shipping
- Certifications like Fair Trade Certified™ and Climate Neutral are prominently placed in the footer. These details build trust and reinforce transparency.
2. Inclusive Design
Creating an inclusive experience was a priority:
- Diverse Representation: The product imagery includes models of different body types, genders, and skin tones to make all users feel seen.
- Accessibility Features Badge: I added a small badge near the color selection to highlight features like adaptive sizing, screen reader support, and high-contrast visibility. A tooltip provides additional details without cluttering the layout.
- Size Inclusivity: Sizes range from XS to XXL, paired with a clear Size Guide to make finding the perfect fit easy.
3. Ensuring Accessibility
To make the design accessible to everyone, I focused on:
- WCAG-compliant contrast: Buttons, text, and tooltips all meet the required contrast ratios for readability.
- Readable Typography: Fonts are clean and legible, with a minimum size of 16px for body text.
- Tooltips: Adding a tooltip for the Accessibility Badge ensures users can get extra context without overwhelming the design.
4. Usability and User Experience
I aimed for a clean, intuitive layout to help users navigate easily:
- The product page has a clear visual hierarchy, with the product image as the focal point.
- Call-to-Actions like “Add to Cart” and “Buy Now” stand out in green, aligning with the brand’s eco-conscious theme.
- In the Reviews section, I included a simple prompt—“Help others by sharing your experience!”—to encourage more user engagement.
Final Thoughts
This design balances sustainability, inclusivity, and usability while maintaining a clean and modern aesthetic. By emphasizing EarthNest’s ethical values and ensuring the page is easy to navigate for all users, it delivers a shopping experience that feels both trustworthy and welcoming.
Let me know what you think! I’d love your feedback.
Reviews
Seems good although it's not clear what the behaviour of the side bar is upon scrolling since the elements below the page fold merge over the content.
You might also like
Ridesharing App Revamp & New Feature Addition
Nikita Chaudhary
SandConsole: A Modern Website Redesign for a Digital Solutions Company
Nikita Chaudhary
ؤژٰشیسز
Ali Reza
New Year LMS
Le Khoa
Mitratech Login Revamp
Leonardo Monsalve
E-learning Design system for Children learning
Doha Khaled Arafat