PRODUCT DESIGN • UI • UX
DYPER
PRODUCT DESIGN • UI • UX
DYPER
PRODUCT DESIGN • UI • UX
DYPER
PRODUCT DESIGN • UI • UX
DYPER
PRODUCT DESIGN • UI • UX
DYPER
DYPER is a subscription-based e-commerce company that offers eco-friendly, plant-based diapers. All products are compostable through their REDYPER™ service, which enables responsible disposal and reduces environmental impact.
DYPER is a subscription-based e-commerce company that offers eco-friendly, plant-based diapers. All products are compostable through their REDYPER™ service, which enables responsible disposal and reduces environmental impact.
DYPER is a subscription-based e-commerce company that offers eco-friendly, plant-based diapers. All products are compostable through their REDYPER™ service, which enables responsible disposal and reduces environmental impact.
DYPER is a subscription-based e-commerce company that offers eco-friendly, plant-based diapers. All products are compostable through their REDYPER™ service, which enables responsible disposal and reduces environmental impact.
DYPER is a subscription-based e-commerce company that offers eco-friendly, plant-based diapers. All products are compostable through their REDYPER™ service, which enables responsible disposal and reduces environmental impact.
DYPER E-Commerce Redesign for Growth Optimization
Timeline: 3 months
Team: Design Lead, 1 Engineer
Challenge: As the lead designer, I led a complete UX/UI overhaul of Dyper’s e-commerce site with a focus on driving key business metrics—specifically increasing click-through rates, boosting average order value, and reducing customer attrition. The project aimed to modernize the visual experience and optimize the end-to-end shopping journey. Through iterative user testing and close collaboration with stakeholders, we launched a fully redesigned storefront and a new backend subscription platform that better supported customer retention and conversion goals.
Goals:
- Update the overall user experience to be more intuitive
- Increase CTR
- Decrease the number of customer support requests
- Create a customer portal where users can easily update their orders and, most importantly, their subscription details (diaper size, frequency, pause, swapping products)
- Increase AOV
DYPER E-Commerce Redesign for Growth Optimization
Timeline: 3 months
Team: Design Lead, 1 Engineer
Challenge: As the lead designer, I led a complete UX/UI overhaul of Dyper’s e-commerce site with a focus on driving key business metrics—specifically increasing click-through rates, boosting average order value, and reducing customer attrition. The project aimed to modernize the visual experience and optimize the end-to-end shopping journey. Through iterative user testing and close collaboration with stakeholders, we launched a fully redesigned storefront and a new backend subscription platform that better supported customer retention and conversion goals.
Goals:
- Update the overall user experience to be more intuitive
- Increase CTR
- Decrease the number of customer support requests
- Create a customer portal where users can easily update their orders and, most importantly, their subscription details (diaper size, frequency, pause, swapping products)
- Increase AOV
DYPER E-Commerce Redesign for Growth Optimization
Timeline: 3 months
Team: Design Lead, 1 Engineer
Challenge: As the lead designer, I led a complete UX/UI overhaul of Dyper’s e-commerce site with a focus on driving key business metrics—specifically increasing click-through rates, boosting average order value, and reducing customer attrition. The project aimed to modernize the visual experience and optimize the end-to-end shopping journey. Through iterative user testing and close collaboration with stakeholders, we launched a fully redesigned storefront and a new backend subscription platform that better supported customer retention and conversion goals.
Goals:
- Update the overall user experience to be more intuitive
- Increase CTR
- Decrease the number of customer support requests
- Create a customer portal where users can easily update their orders and, most importantly, their subscription details (diaper size, frequency, pause, swapping products)
- Increase AOV
DYPER E-Commerce Redesign for Growth Optimization
Timeline: 3 months
Team: Design Lead, 1 Engineer
Challenge: As the lead designer, I led a complete UX/UI overhaul of Dyper’s e-commerce site with a focus on driving key business metrics—specifically increasing click-through rates, boosting average order value, and reducing customer attrition. The project aimed to modernize the visual experience and optimize the end-to-end shopping journey. Through iterative user testing and close collaboration with stakeholders, we launched a fully redesigned storefront and a new backend subscription platform that better supported customer retention and conversion goals.
Goals:
- Update the overall user experience to be more intuitive
- Increase CTR
- Decrease the number of customer support requests
- Create a customer portal where users can easily update their orders and, most importantly, their subscription details (diaper size, frequency, pause, swapping products)
- Increase AOV
DYPER E-Commerce Redesign for Growth Optimization
Timeline: 3 months
Team: Design Lead, 1 Engineer
Challenge: As the lead designer, I led a complete UX/UI overhaul of Dyper’s e-commerce site with a focus on driving key business metrics—specifically increasing click-through rates, boosting average order value, and reducing customer attrition. The project aimed to modernize the visual experience and optimize the end-to-end shopping journey. Through iterative user testing and close collaboration with stakeholders, we launched a fully redesigned storefront and a new backend subscription platform that better supported customer retention and conversion goals.
Goals:
- Update the overall user experience to be more intuitive
- Increase CTR
- Decrease the number of customer support requests
- Create a customer portal where users can easily update their orders and, most importantly, their subscription details (diaper size, frequency, pause, swapping products)
- Increase AOV
Before & After: Storefront homepage comparison
Before & After: Storefront homepage comparison
Before & After: Storefront homepage comparison
Before & After: Storefront homepage
Before & After: Storefront homepage
PDP Redesign & Optimizations
Problem:
For DTC sites, the PDP is often the first—and sometimes only—impression a potential customer gets, especially when arriving from paid media. At DYPER's, the PDP serves as a critical conversion point, acting as both a landing page and a product education hub.
However, the original PDPs did not clearly and compellingly present DYPER's key differentiators, such as its performance claims, certifications, sustainability practices, and the benefits of subscribing. This lack of clarity not only created friction in the user journey but also risked losing high-intent traffic due to the absence of immediate trust and understanding.
Solutions:
Positioned certifications at the top of the image carousel and standardized imagery to build immediate trust.
Simplified size selection and added a clear sizing chart based on frequent support ticket pain points.
Highlighted subscription incentives and value to drive more conversions from one-time to recurring purchases.
Ensured key product details were visible in the main image carousel to reduce page scrolling and friction before purchase.
PDP Redesign & Optimizations
Problem:
For DTC sites, the PDP is often the first—and sometimes only—impression a potential customer gets, especially when arriving from paid media. At DYPER's, the PDP serves as a critical conversion point, acting as both a landing page and a product education hub.
However, the original PDPs did not clearly and compellingly present DYPER's key differentiators, such as its performance claims, certifications, sustainability practices, and the benefits of subscribing. This lack of clarity not only created friction in the user journey but also risked losing high-intent traffic due to the absence of immediate trust and understanding.
Solutions:
- Positioned certifications at the top of the image carousel and standardized imagery to build immediate trust.
- Simplified size selection and added a clear sizing chart based on frequent support ticket pain points.
- Highlighted subscription incentives and value to drive more conversions from one-time to recurring purchases.
- Ensured key product details were visible in the main image carousel to reduce page scrolling and friction before purchase.
PDP Redesign & Optimizations
Problem:
- For DTC sites, the PDP is often the first—and sometimes only—impression a potential customer gets, especially when arriving from paid media. At DYPER's, the PDP serves as a critical conversion point, acting as both a landing page and a product education hub.
However, the original PDPs did not clearly and compellingly present DYPER's key differentiators, such as its performance claims, certifications, sustainability practices, and the benefits of subscribing. This lack of clarity not only created friction in the user journey but also risked losing high-intent traffic due to the absence of immediate trust and understanding.
Solutions:
- Positioned certifications at the top of the image carousel and standardized imagery to build immediate trust.
- Simplified size selection and added a clear sizing chart based on frequent support ticket pain points.
- Highlighted subscription incentives and value to drive more conversions from one-time to recurring purchases.
- Ensured key product details were visible in the main image carousel to reduce page scrolling and friction before purchase.
PDP Redesign & Optimizations
Problem:
- For DTC sites, the PDP is often the first—and sometimes only—impression a potential customer gets, especially when arriving from paid media. At DYPER's, the PDP serves as a critical conversion point, acting as both a landing page and a product education hub.
However, the original PDPs did not clearly and compellingly present DYPER's key differentiators, such as its performance claims, certifications, sustainability practices, and the benefits of subscribing. This lack of clarity not only created friction in the user journey but also risked losing high-intent traffic due to the absence of immediate trust and understanding.
Solutions:
- Positioned certifications at the top of the image carousel and standardized imagery to build immediate trust.
- Simplified size selection and added a clear sizing chart based on frequent support ticket pain points.
- Highlighted subscription incentives and value to drive more conversions from one-time to recurring purchases.
- Ensured key product details were visible in the main image carousel to reduce page scrolling and friction before purchase.
PDP Redesign & Optimizations
Problem:
- For DTC sites, the PDP is often the first—and sometimes only—impression a potential customer gets, especially when arriving from paid media. At DYPER's, the PDP serves as a critical conversion point, acting as both a landing page and a product education hub.
However, the original PDPs did not clearly and compellingly present DYPER's key differentiators, such as its performance claims, certifications, sustainability practices, and the benefits of subscribing. This lack of clarity not only created friction in the user journey but also risked losing high-intent traffic due to the absence of immediate trust and understanding.
Solutions:
- Positioned certifications at the top of the image carousel and standardized imagery to build immediate trust.
- Simplified size selection and added a clear sizing chart based on frequent support ticket pain points.
- Highlighted subscription incentives and value to drive more conversions from one-time to recurring purchases.
- Ensured key product details were visible in the main image carousel to reduce page scrolling and friction before purchase.
Customer Portal Redesign
Problem:
- The original customer portal lacked essential functionality—users couldn’t easily apply discounts, manage subscriptions, or place orders, leading to frequent frustration and support tickets.
Solutions:
- Partnered with customer service and analyzed user behavior to uncover detailed pain points across the portal experience.
- Collaborated closely with engineering to implement a new backend subscription platform that enabled seamless order and subscription management—addressing one of the top complaints revealed through a post-purchase user experience audit.
Customer Portal Redesign
Problem:
- The original customer portal lacked essential functionality—users couldn’t easily apply discounts, manage subscriptions, or place orders, leading to frequent frustration and support tickets.
Solutions:
- Partnered with customer service and analyzed user behavior to uncover detailed pain points across the portal experience.
- Collaborated closely with engineering to implement a new backend subscription platform that enabled seamless order and subscription management—addressing one of the top complaints revealed through a post-purchase experience audit.
Customer Portal Redesign:
Problem:
- The original customer portal lacked essential functionality—users couldn’t easily apply discounts, manage subscriptions, or place orders, leading to frequent frustration and support tickets.
Solutions:
- Partnered with customer service and analyzed user behavior to uncover detailed pain points across the portal experience.
- Collaborated closely with engineering to implement a new backend subscription platform that enabled seamless order and subscription management—addressing one of the top complaints revealed through a post-purchase experience audit.
Customer Portal Redesign:
Problem:
- The original customer portal lacked essential functionality—users couldn’t easily apply discounts, manage subscriptions, or place orders, leading to frequent frustration and support tickets.
Solutions:
- Partnered with customer service and analyzed user behavior to uncover detailed pain points across the portal experience.
- Collaborated closely with engineering to implement a new backend subscription platform that enabled seamless order and subscription management—addressing one of the top complaints revealed through a post-purchase user experience audit.
Customer Portal Redesign
Problem:
- The original customer portal lacked essential functionality—users couldn’t easily apply discounts, manage subscriptions, or place orders, leading to frequent frustration and support tickets.
Solutions:
- Partnered with customer service and analyzed user behavior to uncover detailed pain points across the portal experience.
- Collaborated closely with engineering to implement a new backend subscription platform that enabled seamless order and subscription management—addressing one of the top complaints revealed through a post-purchase user experience audit.
Results:
- Following the launch of the redesigned Shopify storefront, the average CTR increased by ~49%
- The newly designed customer portal decreased the number of customer service tickets by 50%
- The checkout and post-purchase journey, which included areas for upsell on orders for users, increased AOV by ~18%
Results:
- Following the launch of the redesigned shopify storefront, the average CTR increased by ~49%
- The newly designed customer portal decreased the number of customer service tickets by 50%
- The checkout and post-purchase journey, which included areas for upsell on orders for users increased AOV by ~18%
Results:
- Following the launch of the redesigned shopify storefront, the average CTR increased by ~49%
- The newly designed customer portal decreased the number of customer service tickets by 50%
- The checkout and post-purchase journey, which included areas for upsell on orders for users increased AOV by ~18%
Results:
- Following the launch of the redesigned shopify storefront, the average CTR increased by ~49%
- The newly designed customer portal decreased the number of customer service tickets by 50%
- The checkout and post-purchase journey, which included areas for upsell on orders for users increased AOV by ~18%
Results:
- Following the launch of the redesigned shopify storefront, the average CTR increased by ~49%
- The newly designed customer portal decreased the number of customer service tickets by 50%
- The checkout and post-purchase journey, which included areas for upsell on orders for users increased AOV by ~18%