Shapermint

"Shapermint is revolutionising the shapewear industry by empowering its community of women to feel more confident in their own skin.”

More than 5 million women shop in shapermint, and 1.5 million are first-time shapewear users.

My Role

I developed the User Experience department at Trafilea. The department satisfies different product squads. I hired, led and mentored a team of designers & researchers with different specialities.

My role was to co-create the team's strategy and vision with the CTO & Product Director. Together, we defined that UX would have a protagonist role by defining the new Upselling strategy.

We deliver value to different squads, such as: Activation & Revenue tribe (AOV & CVR), Store (Product & Growth), Checkout (Product & Growth), Fitting (customer support), Shapermint expansion, Shapermint App, Subscriptions.

Accomplishments

  1. Defined all UX cross-functional processes to promote working efficiency.

  2. Defined two working teams UX business support & Product Improvement for different business needs.

  3. Set quality standards by defining KPIs per role and department.

  4. Introduced the designOps discipline by building and evangelising the company with our Design System Afrodita.

  5. Built a UX internal bootcamp to promote career changes to the UX department.

Project Overview

The Sales' strategy focuses on Upselling users after Checkout. After the user places their order, we offer them more related products.The 30% of the company's revenue comes from this Upselling strategy after checkout. 

Two smartphones displaying online clothing sale ads on a pink background. One shows two women modeling black lingerie, and the other shows a woman in a black tank top and shorts. Text highlights discounts, prices, and special offers.

During October 2020, our cancellation refund rate increased from 1.36% to 1.72%. This meant the Upselling strategy produced refunds and duplicated orders.
In numbers:
 

  • 12% of our refunds are due to the Upselling experience.

  • 45% cancellations come from duplicated or multiple quantity orders during the Upselling experience.

Problem Statement

Business Goals

  • Decrease the cancellation & return rate by 4%

  • Boost sales by increasing the AOV by $51 USD  

  • Increase the basket size by 2 by mitigating users’ frustrations.

Results

  • The AOV was raised to $52,59

  • The backet size increased up to 2,55%

  • 78 SUS in user satisfaction

  • 3.27% decreased the cancellation rate

The Process

1.

The Upselling & Checkout Experience

Diagnosing the Product

Hotjar Quantitative Data
Qualitative data:
Findings from Usability testing
Benchmark
Customer Care data
Conclusions

2.

Designing the solution

Sketching ideas
New Upsell user flow & UI

3.


Validating new ideas

Usability testing V2
New Ideas for envisioning the future

4.

New Sales Strategy

Uncovering preference behaviour

User survey: Purchasing behaviour & Bundle preferences

5.

Ideation & Experimentation

New components Design
A/B testing

6.

Measuring success

Final solution
Cancellation Rate
AOV & basket size

How the Upsell user flow looked at first

After placing the credit card during checkout, users are offered a range of related products. Those products are offered in three different steps.

Sequence of five screenshots from an online shapewear retail website, showing the checkout process, upselling, and thank you pages with promotional offers and order confirmation.

How might we?

  • How might we mitigate users’ frustration during the Upselling experience?

  • How might we avoid duplicated orders during the Upsell experience?

  • How might we innovate on Upselling without harming our current profitability?

  • How might we increase the basket size through a frictionless experience throughout the user journey?

Quantitative data

01.
Diagnosing the product

THE UPSELLING & CHECKOUT EXPERIENCE


To get started, we gathered quantitative data from Hotjar. The purpose was to understand the percentage of users dropping during the Upsell, and how many of them are getting to the thank you page to accomplish the whole process.

A flowchart illustrating the drop-off points and percentages in a user conversion process. It includes steps like upsell, downsell, thank you page, email confirmation, and cancellations, with corresponding abandonment rates and conversion rates.

Qualitative Data

Findings from user testing

For diagnosing the product, we did a usability testing with 6 users to get 80% of the usability issues. We tested with 6 women from the US from 29-65 years old, who had experience buying Shapewear. As a conclusion, we got a 56.5 in SUS number.
😥 This means that the Current experience is poor.

A computer screen displaying a webpage with a product offer for black shapewear or leggings, priced at $17.99 with a 70% discount. The page shows color options and size choices, and there is a video or screen recording of a person trying on the product.
A horizontal scale from 0 to 100 indicating levels from worst imaginable to best imaginable. The current experience is 56.5, marked with a large red number and an arrow pointing to this value. The scale is color-coded from dark red at the worst, yellow, light green, bright green at excellent, to dark green at best.
Screenshot of a video or audio transcript with three segments, including time stamps and quotes about a deal, savings, and a simple answer, accompanied by smiley and star icons.
  • 😃 Discounts are appealing.

  • The Offer provides great savings & is in line with what they have ordered before.

  • The flow is easy & the process is quick.

  • 🤔 To have offers before checking out:

  • At the PDP

  • Inside the cart
    To complete the look of their existing purchase.
    To have items added to the existing order.
    To have the size chart available during the Upsell flow.

  • 😭 To be hit with offers after they already checked.

  • Not to be sure if the order has been placed.
    (double orders)

  • Not knowing what items they have purchased.

Screenshot of a conversation discussing a digital purchase issue, showing timestamps, speech quotes, and emojis indicating dissatisfaction or disagreement.
Screenshot of a conversation with video timestamps and comments, including emoticons for reactions, discussing shopping cart deals and size charts.

Benchmark

We benchmarked other competitors in the Shaperwear industry and came to the conclusion that their Upsell offerings are placed throughout the customer journey to avoid overwhelming users.

A detailed product comparison chart showing various strategies used in an online shopping process, divided into pre-sale, during sale, and after sale stages. It includes steps like Shapermint, Skims, Honey Love, Spanx, Victoria Secret, Knix, ThirdLove, and Harper wide, with checkmarks indicating specific features or recommendations.

Customer Care Insights

Lorissa Ancheta
Director of Customer @Shapermint

A young woman with long black hair smiling at the camera, wearing a light blue shirt indoors.

Customers intentionally placed the second-order, because:
They think the1st order did not push through.
The time interval between Order 1st and Order 2nd is approximately 5-8 minutes.”

Conclusions

A woman in fitness attire stretching with arms above her head indoors.
  • Showing the open summary could be clearer for the user, he can see and recognise what he has added to his cart.

  • Reviewing the call-to-action wording to be more friendly and less pushy could change the negative perception of the Upsell process, and an additional email offer could achieve better results.

  • Upselling, cross-selling or bundling products throughout the customer journey, without overwhelming them after placing their order. 

  • Provide the user with more information about when and what order is delivered on the thank you page.

  • Allow the user to skip the pop-ups and go directly to the order confirmation, at least for some new customers who want to try the product first to make a second purchase.

  • Create communications to inform users that order confirmation can take more time than expected.


02.
Designing the solution

Sketching Ideas

We created a set of wireframes for implementing what we learned from the research phase. For that, we included:

1. A Spinner communication, including the status order, is in progress, but not yet placed

2. An add-on hint to inform the user during Upselling flow that those are additional items added to their purchase.
3. New CTA wording and a Skip button.
4. New Thank you page layout with:
- Order confirmation message
-Shipping details
- Order summary + Addons from Upselling

A screenshot of an e-commerce checkout flow with steps including checkout page, upsell offers with an add to order button, and a thank you page showing order details and shipping information.

New Upsell user flow & UI

Screenshots of an online shopping app showing multiple product pages for shapewear and shapermint order confirmation details, including purchase options, discounts, a thank you message, delivery information, and an order summary with an itemized list and pricing.

03.
Validating new ideas

Usability Testing

We retested the product and compared the previous experience with the new one, and we got 78 in the new experience. We improved the experience by increasing 21.5. This means the new experience is more aligned with users’ needs.

Bar chart showing scores from 0 to 100 with color-coded categories. The highest score, 78, is marked in green, indicating 'Best Imaginable,' from Q3 2021. A lower score, 56.5, near the red zone, from Q4 2021.

Some new findings from Usability Testing

Three digital comments in conversation bubbles with different emoticon faces, discussing upsell strategies and their impact on people.
Screenshare of customer reviews about an upsell feature, with four speech bubbles containing quotes from different customers and emojis expressing their emotions.

04.
Uncovering preference behaviour

NEW SALES STRATEGY

Survey

Purchase cadence for each category
Bras and leggings are the most purchased categories.
53% of participants who bought Shapewear said they did buy 2 or 3 times.

We conducted a self-conducted survey with a sample of 290 women who bought Shapewear in the last 6 months of 2020.

Infographic showing clothing preferences due to different levels of wear: 53% for bras, 43% for leggings, 32% for shapewear, and 37% for panties, with illustrations of each clothing item below their respective percentages.

3 Most bundled products

Infographic showing three types of clothing items with percentage preferences: Bras (64%), Leggings (63%), and Shaper panties or camisoles (61%).

Preference of colour & size [Bras]

A pie chart showing percentages of clothing items that are same size and color, same size different color, different size same color, and different sizes and colors.

Buy 3 get 2

A chart showing clothing preferences with percentages and likelihood categories, featuring diagrams of bras, camisoles, and hosiery on the left, and a bar graph with various clothing items on the right.

05.
Ideation & experimentation

New components Design

In 2020 and 2021, we have changed our Upselling user flow. We created a set of new Upsells, crosssells & bundles components and placed them throughout the user journey. This resulted in a smoother and less intrusive experience.

A detailed Excel spreadsheet showing marketing strategies from Q2 2020 to Q3 2021, including steps such as pre-sale, during sale, and after sale, with notes on updates like new features and discount strategies.

These are some components we have designed to start experimenting with.

A webpage layout showcasing various bundle offers and discounts for products, divided into sections with headers like 'Simple', 'Simple 1 Offer + Saving Amount', 'Extended Bundle', and 'Offer Components.' The offers include deals like buy two for $0.00 with discounts and free shipping details, along with product descriptions, prices, and options to add to cart.
Screenshots of two online product listings for Truekind Daily Comfort Wireless Shaper Bras. Both listings feature a cropped image of a woman wearing the bras, with options for different colors and sizes, prices, discounts, and purchase options.
Popup windows showcasing discounted women's clothing items including seamless comfort mid-waist shaping leggings and a bralette, with size and color options and promotional prices highlighted.

Experiments

We conducted 204 A/B tests with the new components using the new strategy, with the aim of increasing AOV and basket size. Finally, those winner components were added to our Design System Afrodita to continue evolving in time.

Q4 2020: 40 / Q1 2021: 63
Q2 2021: 47 / Q3 2021: 54

204

Screenshot of a detailed report with performance data, recommendations, and notes regarding a scenario involving cross-sell and upsell strategies in sales, including percentages and technical indicators.
Screenshot of a detailed business report or analysis document with performance metrics, notes, and next steps, including URLs, and mentions of team members.
Screenshot of a digital note or report discussing volume discounts, performance metrics, and recommendations for an e-commerce or sales strategy, including KPIs like checkout RPV, upsell RPV, AOV, and basket size, with links to additional data and spreadsheets.

6.
Measuring success

After a year of hard work, we achieved great results by providing a smooth user experience by impacting the Cancelation Rate, AOV and basket size.

Screenshots of online clothing store promotions for Shapermint, featuring discounts and subscription options for women's underwear, with images of women modeling shapewear and promotional banners.

Final Outcome

Monthly chart displaying return rate, cancellation rate, and shipping rate percentages from October to September, with each month segmented into quarters. Return rates are shown in red, cancellation in blue, and shipping in gray. The data covers the years 2021 and 2022.

Cancellation Rate

Comparison of product dashboard statistics between Q4 2020 and Q3 2021. The data includes metrics such as Average Order Value (AOV), Basket Size, Profit per Order, and Profit per View, with red boxes highlighting the AOV and Basket Size for each quarter.

AOV & Basket size

  • The AOV was raised to $52,59

  • The backet size increased up to 2,55%

  • 78 SUS in user satisfaction

  • 3.27% decreased the cancellation rate


Takeaways

  • Technical limitations
    The current site is based in Shopify, and the Upselling funnel will no longer be allowed in the future. 

  • A Strategy for not losing profit
    Creating a before checkout strategy will help us start distributing the revenue, allowing us to take the Upselling without losing profit.

  • Envisioning a great experience
    Even though the Upsell & Checkout flow was improved, we envision the future with a smoother experience, by creating new performing components and adding them to our current design system.