Portfolio Details
Turning Big Ideas into Everyday Tools
Scope
Productivity Platforms
Projects Raised
$1500 - $1800
Duration
3 Months
Project Overview
EcoCart is a conceptual UI/UX design project focused on creating an e-commerce platform that promotes sustainable shopping habits, supports eco-friendly brands, and educates users about the environmental impact of their purchases.
Project Overview
- Design a clean, intuitive, and engaging e-commerce platform.
- Promote eco-conscious products and brands.
- Incorporate sustainability metrics into the shopping experience.
- Enhance user awareness and decision-making through transparency.
- Optimize for performance and accessibility across devices.
Project Key Features
- Eco-Friendly Product Filters Filter by sustainable certifications, recycled materials, ethical brands, carbon offset, etc.
- Sustainability Score Every product has a visible score based on carbon footprint, packaging, shipping method, etc.
- Impact Tracker Dashboard Shows users their cumulative positive impact (e.g., carbon saved, plastic reduced, trees planted).
- Green Checkout Options to offset carbon footprint, choose slower eco-shipping, or donate to green causes.
- Wishlist for Sustainable Living Curated lists to help users plan eco-friendly purchases.
- Educational Blog & Tips UX-integrated educational content about sustainable living and shopping.
Style Guide & Component
Typeface
Urbanist
Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
Medium
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
Semibold
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
Primary
#5700EF
White
#FAF8FF
Gray
#B6B6B6
UX Process
Research
- User interviews with eco-conscious shoppers.
- Competitive analysis (e.g., EarthHero, Package Free Shop, etc.).
- Pain points: greenwashing, lack of clear info, complex navigation.
Information Architecture
- Structured navigation: Shop, Brands, Learn, Impact, My Account.
- Clear categorization for easy browsing.
UI Design
- Color palette: Earth tones (greens, beiges, browns).
- Typography: Clean, modern sans-serif fonts.
- Micro-interactions for delight and feedback.
No items found.
Final Thoughts:
EcoCart is more than an e-commerce UI — it's a movement toward mindful consumption. By combining thoughtful design with purpose-driven features, it encourages users to shop with their values and make a real-world impact.
