Product-led hero
The pastel hero presents a product group beside a direct shopping message.
Start Your Project
Project overview
HydroGyn: personal-care ecommerce presented with a clear purpose.
A pastel personal-care storefront that organizes discovery around products and shopper concerns. The product navigation and explanatory sections remain visually separated, keeping browsing and reading distinct.
Visit live website01
Client problem / requirement
Shoppers approaching a specialist category need understandable entry points before choosing a product.
Shoppers approaching a specialist category need understandable entry points before choosing a product.
Use clear concern-based navigation to support product discovery. The central design task is to make that route understandable from the first few sections.
Research & strategy
A content journey shaped around personal-care ecommerce.
Shoppers approaching a specialist category need understandable entry points before choosing a product. The page responds through the following content and layout choices.
Shop-by-concern categories
Concern-based category circles offer a route for visitors who do not yet know a product name.
Product navigation
The product navigation and explanatory sections remain visually separated, keeping browsing and reading distinct.
What we designed and developed
The visible building blocks of the HydroGyn website.
Product-led hero
The pastel hero presents a product group beside a direct shopping message.
Shop-by-concern categories
Concern-based category circles offer a route for visitors who do not yet know a product name.
Product navigation
The product navigation and explanatory sections remain visually separated, keeping browsing and reading distinct.
02 / Project direction
Use clear concern-based navigation to support product discovery.
The pastel hero presents a product group beside a direct shopping message. Concern-based category circles offer a route for visitors who do not yet know a product name.
What we focused on
What the HydroGyn presentation focuses on.
+The pastel hero presents a product group beside a direct shopping message.
+Concern-based category circles offer a route for visitors who do not yet know a product name.
+The product navigation and explanatory sections remain visually separated, keeping browsing and reading distinct.
What it helped improve
What the finished presentation provides.
+A pastel personal-care storefront that organizes discovery around products and shopper concerns.
+Concern-based category circles offer a route for visitors who do not yet know a product name.
+The product navigation and explanatory sections remain visually separated, keeping browsing and reading distinct.
Business benefit
A focused digital introduction for HydroGyn.
A pastel personal-care storefront that organizes discovery around products and shopper concerns. Concern-based category circles offer a route for visitors who do not yet know a product name. The product navigation and explanatory sections remain visually separated, keeping browsing and reading distinct.
Recognizable offerPersonal-care ecommerce is the central subject of the presentation.
Organized informationShop-by-concern categories sits within a distinct section.
Relevant next stepProduct navigation remains connected to the page story.
HydroGyn
Plan my website