The primary challenge is to effectively encourage users to make sustainable choices. This involves not only presenting users with eco-friendly options but also ensuring they understand and value the importance of these choices.

Design Process

Research

• Activities: Conducted targeted user surveys and interviews with both businesses (B2B) and end consumers (B2C) to understand their needs and preferences. Focused on understanding how businesses present their sustainability efforts and how consumers choose sustainable products.

• Tools: Utilized user feedback surveys, interviews, and data analytics tools to gather insights from both businesses and consumers on their sustainability priorities and challenges.

Ideation

• Activities: Brainstormed concepts for personalized tracking and user engagement features tailored for both B2B and B2C users. Created detailed user flows and wireframes focusing on ease of navigation and engagement with sustainable choices.

• Tools: Used Sketch for digital wireframes creation. Conducted collaborative workshops with stakeholders involved to refine ideas and ensure how to meet the needs of both groups - business owners and end-users.

Prototyping and Testing

• Activities: Developed high-fidelity prototypes for new features such as the personalized recommendation system, detailed sustainability information sections, and business dashboards for sustainability reporting.

• Tools: Created interactive prototypes using InVision and Sketch.

• Testing Methods: Conducted usability testing sessions with business users and consumers, focusing on the ease of discovering and promoting sustainable products. Utilized A/B testing to compare user engagement with the new personalized features versus the existing setup.

Rollout

• Activities: Implemented two versions of the marketplace—one with existing features and one enhanced with a new Search bar, personalized tracking, and localized content.

• Findings: A/B testing indicated that both business users and consumers spent more time on the enhanced marketplace and engaged more frequently with local brands. Feedback highlighted the value of personalized recommendations, detailed sustainability information, and the importance of having a clear product CO2 footprint when available.

• Decision: Based on the positive feedback the decision was made to fully implement the enhanced marketplace features.

Implementation

• Activities: Rolled out the enhanced marketplace with new interactive features, including the Search bar, Personalized tracking and Localized content.

• Tools: Worked closely with development teams using agile methodologies to ensure a smooth and efficient implementation process.

Final Product Design

• Clear Product CO2 Footprint

  • Feature: Each product includes detailed information about its CO2 footprint, offering transparency and helping users make informed choices.

  • Benefit: Provides users with valuable insights into the environmental impact of their purchases, enhancing trust and promoting sustainable decisions.

  • Visual Highlight: Prominent display of CO2 footprint information on product pages, using clear icons and easy-to-read text.

Search Functionality

• Feature: A robust Search bar that allows users to find brands, products, and services quickly.

• Benefit: Enhances user experience by simplifying the discovery process and increasing engagement.

• Visual Highlight: Intuitive search interface with filters for sustainability criteria, making it easier for users to find exactly what they need.

Personalized Recommendations

• Feature: Personalized tracking of user interactions with brands and products. If a user has previously liked a brand, similar or related brands are shown to them.

• Benefit: Enhances user engagement by providing tailored recommendations, making it easier for users to find products that align with their preferences.

• Visual Highlight: A personalized "For You" section on the homepage, showcasing liked and recommended brands.

Visual UI Design Highlights:

• Clear Product CO2 Footprint: Detailed CO2 footprint information prominently displayed, enhancing transparency and trust.

• Search Functionality: Simplifies the discovery process, increasing user engagement.

• Personalized Recommendations: Provides users with tailored suggestions, boosting relevance and retention.

• Thoughtful Design Choices:

  Color Scheme: The combination of sky blue and yellow accent colors with a neutral palette evokes a sense of nature and calmness.

  Typography: Clear fonts for enhanced readability.

  Imagery: High-quality images that align with the sustainability theme.

Outcome

The implementation of these features resulted in a significant increase in user engagement and retention. The enhanced CO2HERO Marketplace, with its focus on personalization, local content, and ease of discovery, effectively empowers users to make sustainable choices.

The CO2HERO Marketplace ensures a more engaging and personalized experience for users, promoting sustainable living through credible and inspiring content.