Driving digital sales from grooms across the US by leveraging leveraging design for customer acquisition in the wedding market.

Driving digital sales from grooms across the US by leveraging leveraging design for customer acquisition in the wedding market.

Team
Team

Me (Designer), Design Manager, Designer, PMs (2), SWEs (2), Management Consultants (8)

See what my team thought of me!

Me (Design Lead), Senior Designer, Designer. 5 SWEs, 1 PM, 3 Consultants. See what my team thought of me!

Client
Client

Men's Wearhouse
CX and Executive Team

Men's Wearhouse
CX and Executive Team

Timeline
Timeline

3 month project in 2-week sprints,
Apr - Jun 2022

3 month project in 2-week sprints,
Apr - Jun 2022

Tools
Tools

Figma, Miro, Mural, Jira, Respondent.io, Reduct Video

Figma, Miro, Mural, Jira, Respondent.io, Reduct Video

See full case study below

Background

Background

Due to confidentiality reasons some pre-release content / intermediate deliverables have been intentionally modified, or omitted to protect client company information. 

Men’s Wearhouse is a leading mid-range American suiting company that generates approximately $1.5 billion in annual revenue and specializes in men’s formalwear including suits, blazers, and jackets. As a go-to destination for wedding attire, they saw a unique opportunity to enhance their digital shopping experience in 2022, the β€œYear of the Wedding.” 

 In 2022, the industry experienced a surge in demand, with 2.6 million couples tying the knotβ€”the highest number since 1984β€”largely due to postponed weddings from the pandemic. Recognizing this as a pivotal moment, Men’s Wearhouse sought to capitalize on the opportunity by enhancing its digital experience to drive more suit sales, not just for grooms but for their entire wedding parties. Beyond immediate sales, they saw the wedding suit selection process as a signature moment, one that could establish long-term customer loyalty and differentiate their brand in a competitive market.

Problem Overview

Problem Overview

Men’s Wearhouse faced two major challenges in creating a seamless digital experience:

Weak Digital Presence

Despite being a leader in men’s formalwear, MW struggled to convert online shoppers, lagging behind tech-savvy competitors

πŸ’‘A Bain & Company analysis found that consumers did not see Men’s Wearhouse as a go-to online shop for major life events (e.g., weddings)

Complex Shopping Experience

Even when grooms shopped online, they faced decision paralysis rather than guidance

πŸ’‘60% of grooms arrive undecided on renting vs. buying. 50% prioritize ease and 70% want structured appointments. Too many unstructured choices reduced conversions instead of driving sales.

What they had

βœ… A wearable device in development: discreet, voice-enabled, and clip-on capable of capturing audio and visual data.

βœ… A strong team of engineers ready to build and bring it to market.

βœ… A belief in AI-powered wearables' potential for productivity gains

What they didn't

❌ A defined target market: they wanted new users (not existing customers) but didn’t know who they should focus on.

❌ A clear use case: team lacked structured understanding of where the biggest impact of wearables would be.

❌ A seamless UX for AI-driven workflows: no existing user-friendly way to facilitate the capture of real-world data and map it to a system of record

Without a streamlined experience, grooms felt uncertain, frustrated, and more likely to abandon their purchase. To succeed, Men’s Wearhouse needed to simplify suit selection, build confidence, and create a frictionless digital journey.

How Might We…

How Might We…

How might we create a seamless and supportive decision-making experience that guides grooms to the perfect suit with confidence?

Solutions Overview

Solutions Overview

My designs were reviewed and approved by the Men’s Wearhouse CEO and ultimately incorporated into the final solution presented to the clientβ€”who loved it and decided to go live with our designs. From copywriting and iconography to UX flows and interface design, my contributions were fully implemented into the final productβ€”a rare and exciting outcome.

πŸ“² Try it here

πŸŽ₯ See the Solution in Action:
Watch a video summary of our implemented solution with a real user (naming sanitized for commercial testing)

The Design Process

My Role

My Role

I joined the project two months in, after an existing two-person design team had already conducted customer workshops and user interviews to define the core experience: a quiz to help grooms easily find their perfect suit. My primary responsibility was to design the accompanying dashboard, which would help grooms manage their next steps after receiving their quiz results. While this was originally slated for a future phase and not a core priority for the client, I saw an opportunity to enhance the overall shopping journeyβ€”and (spoiler!) the client loved it so much that it was ultimately implemented.

I was given the freedom to run independently on this initiative, while also supporting user interviews alongside my design manager. Toward the end of the project, I was one of five teammates selected to fly to the Bay Area to visit the client site.

Empathize – Validating our Core Customer

Empathize – Validating our Core Customer

Working off existing user research, the team had already begun to identify a key persona: a trend-conscious professional who valued style, convenience, and a seamless planning experience. We hypothesized that this userβ€”who we later named "Stylish Steve"β€”would benefit most from a structured post-quiz experience, helping him confidently move forward with his wedding suit selection.

To validate this, we conducted seven additional user interviews, focusing on what grooms expected after receiving their quiz results. These interviews helped us narrow down priorities and confirm that Stylish Steve was our core customer.

These interviews confirmed that Steve wanted a curated, effortless experienceβ€”one that curated suit recommendations, streamlined decision-making, and made it easy to plan with his wedding party. With this clarity, we moved forward in designing a dashboard that directly addressed his needs.

Define – Establishing Success Metrics & UX Goals

Define – Establishing Success Metrics & UX Goals

With a clear understanding of our core user ("Stylish Steve") and the need for a seamless decision-making experience, we next defined the key outcomes that would determine the quiz and dashboard’s success.

Defining Success: Business & Behavioral Outcomes

For the quiz and dashboard to be effective, they needed to drive both user engagement and business impact. By outcomes, we shifted our thinking beyond just quiz completionβ€”instead, we designed for habit loops, engagement triggers, and social reinforcement, ensuring that the experience naturally led users toward high-value actions.

Decision Confidence

The quiz must help grooms confidently choose a suit, reducing decision fatigue and increasing emotional investment.

Conversion to Purchase

The experience must seamlessly transition users from selection to purchase, ensuring they follow through with a suit from Men’s Wearhouse.

Long-Term
Loyalty
Long-Term Loyalty

The ideal outcome isn’t just purchaseβ€”it’s a continued relationship with Men’s Wearhouse, driving grooms to return for future needs.

Network Effect to Drive Sales

Grooms should be motivated to bring their wedding party to Men’s Wearhouse, ensuring group coordination and additional sales.

Translating Outcomes into a Seamless Post-Quiz Dashboard

Based on the outcomes we wanted to drive, we aligned on a set of features needed:

Guided Suit Completion & Tracking

Guided Suit Completion & Tracking

A checklist-based flow helping grooms move from suit selection to final fitting.

A checklist-based flow helping grooms move from suit selection to final fitting.

Real-Time Suit Status Visibility

Real-Time Suit Status Visibility

Keeping users informed on their suit status every step of the way: from tailoring to altar.

Keeping users informed on their suit status every step of the way: from tailoring to altar.

Groomsmen Coordination & Progress Tracking

Groomsmen Coordination & Progress Tracking

A referral system that let grooms forward preferences to their wedding party.

A referral system that let grooms forward preferences to their wedding party.

Suit Rental & Return Management

Streamlined post-event logistics enabling users to effortlessly manage rentals

Social Sharing & Community Engagement

Encouraging grooms to share their look online, leveraging social validation as a growth tool.

Wedding Timeline & Progress Tracking

A countdown with visual progress markers to make the planning process feel intuitive.

Suit Rental & Return Management

Streamlined post-event logistics enabling users to effortlessly manage rentals

Social Sharing & Community Engagement

Encouraging grooms to share their look online, leveraging social validation as a growth tool.

Wedding Timeline & Progress Tracking

A countdown with visual progress markers to make the planning process feel structured and intuitive.

By integrating these features, we ensured that choosing a suit wasn’t just a transactionβ€”it was the first step in a structured, seamless wedding planning experience that kept grooms engaged from selection to the wedding day.

Ideate – Low-Fi Sketches & Design Alignment

Ideate – Low-Fi Sketches & Design Alignment

I began sketching out layout concepts, exploring how images, features, and interactions would come together on the page.

Once the flow and layout were aligned, I moved to greyscaling the designs, gathering feedback from designers and leadership before refining into high-fidelity wireframes.

Prototype – Bringing the Experience to Life

Prototype – Bringing the Experience to Life

I then refined my designs into high fidelity, incorporating the quiz’s fonts and colors while iterating based on feedback from the team.

Test – Refining the Experience Through User & Client Feedback

Test – Refining the Experience Through User & Client Feedback

After presenting our designs to the client and testing with 5 additional users, we gathered feedback that emphasized a need for greater interactivity and accessibility across multiple channels and devices. To address this, I implemented three key improvements:

Challenge 1: Sense of fragmentation from modular views

❌ Challenge: Modals were helpful to get sense of breadth of features but did not feel usable on their own

βœ… Usability Change: Expanded modal interactions with click-in states so each modal could evolve into a full-page experience for deeper engagement and smoother navigation

Challenge 2: Not all users planned on their computer

❌ Challenge: Wedding-planning happens on-the-go, and users are often making plans and decisions on their phones

βœ… Usability Change: I created responsive mobile designs to ensure a seamless experience across all device types

Challenge 3: Users wanted the page to be more accessible

❌ Challenge: Users wanted the integration between quiz and dashboard more implicit and intuitive

βœ… Usability Change: I restructured the landing page to direct users toward the quiz and dashboard immediately, allowing people to shop by look and surfacing curated selections based on their style

By integrating these updates, we enhanced usability, expanded accessibility, and ensured a more personalized shopping experience that better aligned with both client goals and user expectations.

The Product – Final Look

The Product – Final Look

What began as a second-priority concept became a core feature of the final product. After months of iteration, testing, and refinement, the Wedding Wingman dashboard was officially incorporated into the build plan and launchedβ€”albeit with some design modifications for feasibility.

To support implementation, I traveled to San Francisco for the second time, where I met with the client’s UX design lead to discuss handoff materials and ensure a smooth transition from prototype to production. It was incredibly rewarding to see my work not only meet expectations but actually change minds, influencing the final direction of the product.

β€œThe UX on this tool is phenomenal. And great that this is testing well with customers. It seems so intuitive. It's a beautiful thing - brides have their checklist and know what comes with wedding planning, now Grooms will have a much better experience. I think it is fantastic...This is the single best tool to win market share. Market the hell out of this. Get grooms across all of America to this tool - can't imagine them going anywhere else after seeing this....This is such a big idea that it is worth sizing what it would take to build it this year."

Men’s Wearhouse CEO

Reflect – Impact & Next Steps

Reflect – Impact & Next Steps

Seeing my designs go from concept to launchβ€”and hearing firsthand the impact they could have on the businessβ€”was an incredible validation of the work. What started as a low-stakes, second-priority project became a high-priority feature, receiving direct executive review and approval. This project reinforced how taking ownership and delivering real value earns trustβ€”both from teammates and clients.

Men’s Wearhouse not only implemented our designs but built an entire marketing campaign around them. Seeing ads for Wedding Wingman across New York City was surreal

Beyond the product: personal and professional growth
Beyond the product: personal and professional growth

✈️ On-Site Experience

This was my second time traveling for work, and being on-site with the Men’s Wearhouse team in San Francisco was an incredible learning experience. I worked directly with their UX design lead, discussing handoff materials and implementation.

πŸ† Winning the Pitchathon

During our client visit, I participated in an internal pitchathon with business leadersβ€”and won. My prize? A one-of-a-kind Men’s Wearhouse turtleneck (a unique career milestone).

πŸ”— A Lasting Connection

Even months later, colleagues from Bain reached out when they saw the Wedding Wingman link go live, a great reminder of the power of staying connected and sharing your work.

This project showed me the real-world impact of thoughtful UX designβ€”and just how far a small idea can go when backed by strong execution and user insights.

What the team said about working with me…

β€œHuge shoutout to [Design Manager], [Designer], and Jennifer for building prototypes that wow’d Men’s Wearhouse’s CEO. What a slam dunk and pretty cool that on her first case Jennifer developed a dashboard prototype that was presented to the CEO”

– Associate Partner, Bain & Company

β€œImpressed doesn’t capture it –– you’ve been an additive team member from the get-go! You have the effortless style and vibe that is beyond your years.”

– Senior Manager, Bain & Company

β€œYour work on the dashboard was impeccable –– couldn’t have pulled it off without you.”

– Design Manager, Bain & Company

Browse my other work

Leading Payments Co.

Designing trust and security into a new digital wallet.

Fortune 100 Tech Co.

Making Agentic AI deployment familiar and approachable.

Leading Payments Co.

Designing trust and security into a new digital wallet.

Fortune 100 Tech Co.

Making Agentic AI deployment familiar and approachable.

Leading Payments Co.

Designing trust and security into a new digital wallet.

Fortune 100 Tech Co.

Making Agentic AI deployment familiar and approachable.

Leading Payments Co.

Designing trust and security into a new digital wallet.

Fortune 100 Tech Co.

Making Agentic AI deployment familiar and approachable.

@2025 Jennifer Xu
@2025 Jennifer Xu
@2025 Jennifer Xu
@2025 Jennifer Xu