The full details of my work are under NDA; please contact me if you'd like to learn more about my experience!

The full details of my work are under NDA; please contact me if you'd like to learn more about my experience!

UX Website Design Intern

UX Website Design Intern

Capd Period

Capd Period

Duration

Duration

4 Months

4 Months

Team

Individual

Team

Team

Individual With Mentorship

Individual With Mentorship

Tools

Tools

Figma

Figma

Wordpress

Wordpress

Elementor

Elementor

Shopify

Shopify

Context

Context

During my internship at Capd Period, I redesigned multiple cross platform website pages and optimized user-experience for increased sign-ups. My project's goal was to inform users about the benefits of menstrual cups and how Capd Period's new and innovative cup stands out from other competitors.

During my internship at Capd Period, I redesigned multiple cross platform website pages and optimized user-experience for increased sign-ups. My project's goal was to inform users about the benefits of menstrual cups and how Capd Period's new and innovative cup stands out from other competitors.

Problem Statement

Problem Statement

With the abundance of menstrual care products and brands available, it becomes challenging for users to make a decision. The stigma and fear around menstrual cups cause many women to overlook them, leaving the target audience unsure of why they should switch, which lowers Capd Period's conversion rate.

Problems

Problems

Understanding the issues resulting in low conversion rates

Understanding the issues resulting in low conversion rates

Click to enlarge image

Click to enlarge image

Information Is Confusing For Non-Menstrual Cup Users

Information Is Confusing For Non-Menstrual Cup Users

Despite its distinctiveness in comparison to other menstrual cups, these benefits have left numerous users confused, as their use remains unclear.

Despite its distinctiveness in comparison to other menstrual cups, these benefits have left numerous users confused, as their use remains unclear.

Click to enlarge image

Click to enlarge image

Lack of Menstrual Cup Information

Lack of Menstrual Cup Information

The survey participants had difficulty differentiating between Capd Period's menstrual cup versus other menstrual care products such as pads or tampons. This resulted in the majority of survey participants sticking to their current menstrual care product.

The survey participants had difficulty differentiating between Capd Period's menstrual cup versus other menstrual care products such as pads or tampons. This resulted in the majority of survey participants sticking to their current menstrual care product.

Click to enlarge image

Click to enlarge image

Lengthy Pages Left Users Feeling Overwhelmed

Lengthy Pages Left Users Feeling Overwhelmed

The lengthy pages garnered feedback from several users, who conveyed feeling overwhelmed by its length and comprehensive content. While observing their behavior, 60% of users did not scroll through the entire website and lost valuable information about Capd Period's product. 

The lengthy pages garnered feedback from several users, who conveyed feeling overwhelmed by its length and comprehensive content. While observing their behavior, 60% of users did not scroll through the entire website and lost valuable information about Capd Period's product. 

Usability Testing & Research

Usability Testing & Research

Conducted a comprehensive survey involving a diverse group of ten menstrual care product users. The survey assessed their interaction with Capd Period's existing website and evaluated its effectiveness in encouraging a switch to menstrual cups.

Conducted a comprehensive survey involving a diverse group of ten menstrual care product users. The survey assessed their interaction with Capd Period's existing website and evaluated its effectiveness in encouraging a switch to menstrual cups.

Ages

Ages

Ages

12-50

12-50

Knowledge

Knowledge

Knowledge

Varied Experiences

Varied Experiences

Product Usage

Product Usage

Product Usage

Varied Products & Brands Used

Varied Products & Brands Used

Usability Test Results

Usability Test Results

After exploring Capd Period's website, 1 out of 10 users would switch to menstrual cups

After exploring Capd Period's website, 1 out of 10 users would switch to menstrual cups

Key Survey Voices

Key Survey Voices

Understanding target user needs

Understanding target user needs

“I would appreciate more detailed information on the benefits of using menstrual cups in general, as well as specific reasons for choosing this particular cup over others” — Period Underwear User

“What does customizable stem length mean? How easy is it to open? Could it accidentally open without me noticing and stain my pants? I would feel paranoid using this product” — Pad User

“What does customizable stem length mean? How easy is it to open? Could it accidentally open without me noticing and stain my pants? I would feel paranoid using this product” — Pad User

 “I was curious about was the mess that might ensue when I uncap the cup? Would my fingers get stained?” — Menstrual Cup User

 “I was curious about was the mess that might ensue when I uncap the cup? Would my fingers get stained?” — Menstrual Cup User

“The product benefits seem the same as any other menstrual cup out there to me. I don’t get the benefit of having to uncap and empty the cup” — Tampon User

“The product benefits seem the same as any other menstrual cup out there to me. I don’t get the benefit of having to uncap and empty the cup” — Tampon User

“I would appreciate more detailed information on the benefits of using menstrual cups in general, as well as specific reasons for choosing this particular cup over others” — Period Underwear User

Solutions To Problems

Solutions To Problems

Designing data driven solutions

Designing data driven solutions

Solution

Solution

Designed a homepage that displays the physical products to highlight the new product and place the primary marketing focus on the cup for their incoming Shopify launch. By placing the focus in the center, users are able to quickly gather information and details about the product.

Designed a homepage that displays the physical products to highlight the new product and place the primary marketing focus on the cup for their incoming Shopify launch. By placing the focus in the center, users are able to quickly gather information and details about the product.

Solution

Solution

Implemented visual icons to enhance user comprehension of the benefits, accompanied by direct product displays illustrating these advantages. This aids the users' grasp of the benefits, both visually and contextually. Combined pages into one section in order to shorten the lengthy homepage.

Implemented visual icons to enhance user comprehension of the benefits, accompanied by direct product displays illustrating these advantages. This aids the users' grasp of the benefits, both visually and contextually. Combined pages into one section in order to shorten the lengthy homepage.

Solution

Solution

Designed an optimized benefits page that distinctively sets apart Capd Period's menstrual cup from other menstrual care products and currently available cups in the market.

Designed an optimized benefits page that distinctively sets apart Capd Period's menstrual cup from other menstrual care products and currently available cups in the market.

Expanding the Vision

Although Tasked With The Homepage Redesign, I Envisioned More

Solution

I incorporated more informative details about Capd Period's menstrual cup to highlight the benefits. To improve the user experience and mitigate questions and concerns, I added a frequently asked questions and answers (FAQ) section.

10 out of 10 previous survey participants found the redesign to be more informative and better highlighted the product

Before

Product Page Redesign

Solution

The initial version of the page suffered from a lack of visual hierarchy and engagement, due to the heavy blocks of text.

To fix this, I utilized a redesign strategy that involved breaking down the text into distinct sections and used images and icons to create a narrative-driven approach. 

Additionally, the introduction of a "Meet Capdcup" call-to-action (CTA) button not only provides users a quick access to the product page but also streamlines the process for them to sign up for their Capdcup.

10 out of 10 previous survey participants found the redesign to be more engaging

Before

Our Story Page Redesign

Expanding the Vision

Although tasked with the homepage redesign, I envisioned more

Product Page Redesign

Solution

I incorporated more informative details about Capd Period's menstrual cup to highlight the benefits. To improve the user experience and mitigate questions and concerns, I added a frequently asked questions and answers (FAQ) section.

10 out of 10 previous survey participants found the redesign to be more informative and better highlighted the product

Before

Our Story Page Redesign

Solution

The initial version of the page suffered from a lack of visual hierarchy and engagement, due to the heavy blocks of text.

To fix this, I utilized a redesign strategy that involved breaking down the text into distinct sections and used images and icons to create a narrative-driven approach. 

Additionally, the introduction of a "Meet Capdcup" call-to-action (CTA) button not only provides users a quick access to the product page but also streamlines the process for them to sign up for their Capdcup.

10 out of 10 previous survey participants found the redesign to be more engaging

Before

Conclusion

Conclusion

What I learned

What I learned

1) Designing within a cohesive design system that aligns seamlessly with brand and marketing elements. This ensures a consistent and engaging user experience.

1) Designing within a cohesive design system that aligns seamlessly with brand and marketing elements. This ensures a consistent and engaging user experience.

2) Leveraging usability testing to gather insights and identify pain points, addressing them through creative ideation to ensure my designs are both user-centric and brand-aligned.

2) Leveraging usability testing to gather insights and identify pain points, addressing them through creative ideation to ensure my designs are both user-centric and brand-aligned.

3) Facilitating Cross-Functional Collaboration and ensuring my designs align with stakeholders, developers, and project managers.

3) Facilitating Cross-Functional Collaboration and ensuring my designs align with stakeholders, developers, and project managers.

Tying Experiences & Data To Create Solutions

Jenna Bui © 2024

Tying Experiences & Data To Create Solutions

Jenna Bui © 2024

Tying Experiences & Data To Create Solutions

Jenna Bui © 2024