![](https://framerusercontent.com/images/Uhl3kaZUpycotg9Lah3pUwi0Gc.png)
Design Decisions in Low-Fidelity Mockups:
Homepage:
Simplicity: Prioritized a clean and straightforward design for the homepage to ensure ease of navigation and accessibility.
Visual Hierarchy: Established a clear visual hierarchy to highlight Agreenably's mission, featured products, and navigation options.
Agreenably Widget:
Unobtrusive Placement: Positioned the widget strategically on the product page, ensuring it is noticeable but not intrusive to the overall shopping experience.
Widget Interaction:
Informative Pop-ups: Incorporated informative pop-ups within the widget, providing brief details on hover for each sustainability metric, promoting an engaging and educational experience.
User-Friendly Navigation:
Intuitive Menus: Ensured intuitive navigation menus on the homepage for easy access to product categories, the certification guide, and user profiles.
Design Decisions in Low-Fidelity Mockups:
Homepage:
Simplicity: Prioritized a clean and straightforward design for the homepage to ensure ease of navigation and accessibility.
Visual Hierarchy: Established a clear visual hierarchy to highlight Agreenably's mission, featured products, and navigation options.
Agreenably Widget:
Unobtrusive Placement: Positioned the widget strategically on the product page, ensuring it is noticeable but not intrusive to the overall shopping experience.
Widget Interaction:
Informative Pop-ups: Incorporated informative pop-ups within the widget, providing brief details on hover for each sustainability metric, promoting an engaging and educational experience.
User-Friendly Navigation:
Intuitive Menus: Ensured intuitive navigation menus on the homepage for easy access to product categories, the certification guide, and user profiles.
![](https://framerusercontent.com/images/Uhl3kaZUpycotg9Lah3pUwi0Gc.png)
![](https://framerusercontent.com/images/Uhl3kaZUpycotg9Lah3pUwi0Gc.png)