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.