⚠️

This portfolio is optimized for larger devices. A minimum screen width of 1280px is recommended.

Three women wearing elegant white wedding dresses in different styles, standing in a minimalist studio setting with neutral backgrounds. The central figure stands confidently in a strapless gown with a fitted silhouette and train, while the women on either side wear dresses with varying necklines and skirt shapes. The atmosphere is calm and sophisticated, highlighting the diversity of bridal fashion.

Boosting Engagement in The Knot’s Wedding Dress Galleries

Faced with declining traffic and overwhelmed users, I led the design of a fashion quiz that boosted product interactions by 3x and increased favoriting by 38%.

The problem

Traffic and engagement in The Knot’s Fashion Galleries had been steadily declining over the past five years. Despite high-quality content and strong brand recognition, users weren’t taking meaningful action within the galleries.
Many brides are now turning to platforms like TikTok and Instagram for dress inspiration—channels that offer visual variety but lack the context and tools tailored to wedding planning. Unlike these platforms, The Knot has the potential to offer not just inspiration, but actionable, wedding-specific guidance.

The goal

Our goal was to re-establish The Knot as the go-to destination for wedding fashion by bridging the gap between inspiration and action—connecting dresses to broader planning moments and helping users move seamlessly from discovering styles they love to taking the next step, like saving favorites, finding similar options, or booking a salon appointment.

Discovery & Research

To deeply understand our users, I led a multi-method research process:

  • Conducted unmoderated interviews with users to map common UX frustrations.
  • Co-led moderated sessions with bridal salon consultants and fashion strategists, identifying where online experiences failed to mirror in-salon personalization.
  • We also embedded specific questions in our 2024 Annual Fashion Survey, which helped getting more quantitative signals of the user’s problems.
User journey map for a woman planning her wedding and searching for a wedding dress, showing stages from online search and in-store experience to purchase. The map includes labeled sections such as Discover, Narrow down, Virtual try-on, Finding Salons, Schedule appointment, Trying on, and Purchase, each with detailed notes about user actions and pain points. Below, a line graph with emoji markers illustrates the emotional journey, highlighting moments of enthusiasm, overwhelm, insecurity, and frustration. Bright arrows and notes indicate where AI solutions could address user problems. The environment is clean and professional, with a focus on clarity and user experience. The emotional tone is analytical and empathetic, emphasizing user challenges and opportunities for improvement. Visible text includes section headers, user pain points, and solution notes.
User journey map

The user's problems

User interviews revealed two recurring pain points:

  • Choice Overload: Many users felt overwhelmed by the sheer number of dress options and lacked a clear starting point, leading to decision fatigue.
  • Disconnect Between Online Inspiration and In-Person Try-On: Brides struggled to translate their online favorites into real-world options, often resulting in disappointment during try-ons due to fit issues or mismatches with their body type.

To address these two challenges effectively, we chose to tackle them separately. We prioritized solving the first issue—choice overload—as it presented a more immediate opportunity to build and test a solution quickly. This allowed us to deliver value faster, validate our direction with users, and set the stage for future iterations focused on bridging the gap between inspiration and the try-on experience.

Flowchart showing entry points, decision nodes, and monetization opportunities.
Flowchart showing entry points, decision nodes, and monetization opportunities.

Cross-Team Collaboration at Our Barcelona Offsite

During our annual offsite in Barcelona, we hosted an in-person brainstorming session to align the full team—product, design, engineering, and data—around the upcoming fashion experience redesign.

This face-to-face collaboration created early momentum and brought several key advantages:

  • Early alignment with engineers and data scientists, helping them build empathy for real user pain points uncovered in research.
  • A shared understanding of project goals, user needs, constraints, and success metrics.
  • Faster execution post-offsite, thanks to early feasibility discussions and risk identification.
  • A strong sense of cross-functional ownership and long-term commitment from day one.

The Strategy: Personalization at the Core

To address the choice overload we decided to build a Fashion Quiz that would guide users to a curated selection of dresses based on their preferences. Our goals were to:

  • Simplify the overwhelming experience of browsing hundreds of dresses
  • Build user confidence through personalization
  • Drive deeper engagement with relevant content

We chose this solution because it was:

  • A low-lift MVP with fast time-to-value
  • A familiar and engaging format for our audience
  • Easy to test, measure, and iterate using direct user feedback

Working closely with the data team, we defined early signal metrics and user cohorts to track performance, test hypotheses, and optimize iteratively.

Mapping the Product

Before jumping into solutions, I created a comprehensive user flow map of the entire Fashion Galleries experience. This exercise helped us visualize the full journey—from entry points to engagement behaviors and conversion opportunities.
The user flow chart served multiple strategic purposes:

  • Uncovered data and tech dependencies across entry points, filters, PDPs, favoriting, and lead generation
  • Surfaced untapped opportunities for personalization, re-engagement, and cross-sell features
  • Mapped monetization touchpoints, including ad placements, lead form submissions, and designer/salon site referrals

This artifact became a shared reference across product, engineering, and marketing, ensuring alignment and helping prioritize next steps based on user value and business potential.

Flowchart showing the user journey for an unauthenticated and authenticated user interacting with a wedding dress style quiz on a mobile interface.
Screens flow

Designing the Fashion Quiz

The design process included:

  • Mapping quiz flows, interaction logic, and tone of voice (in collaboration with the UX-Writing team).
  • Defining dress style taxonomies and logic in collaboration with fashion strategists.
  • Creating an image system that would match quiz outcomes to aspirational, inclusive visuals.

⚠️ One unexpected challenge arose mid-design: planned use of stock images was blocked by Legal. The quiz qualified as a commercial product, and most stock photos were licensed for editorial use only.

How I solved it:

  • I pivoted to AI-generated imagery, producing over 3,000 result images.
  • Partnered with the fashion and marketing teams for a thorough QA process:
    • Ensured each image matched the dress properties it represented
    • Reviewed for body type, skin tone, and ethnic diversity
    • Aligned with brand tone and audience expectations

This pivot not only solved the legal issue, but gave us ownership of scalable, customizable assets for future use.

Wedding dress style quiz interface showing a selection step where users choose their preferred sleeve styles from various dress images. The screen displays multiple dresses with different sleeve designs, a progress bar at the top, and a Next button at the bottom. The wider environment is a clean, modern digital interface with a calm and inviting tone. Visible text includes Lovely! How about the sleeves? Choose 2 to 6 photos in your style. and navigation instructions for the quiz.
Final UI for the Fashion Quiz (Desktop and Mobile)

One unexpected challenge arose mid-design: our planned use of stock images was blocked by Legal. The quiz qualified as a commercial product, and most stock photos were licensed for editorial use only. I pivoted to AI-generated imagery, not only solving the legal issue, but giving us ownership of scalable, inclusive and customizable assets for future use.

Several women wearing elegant white wedding dresses in a variety of modern styles, standing and posing in a minimalist studio with soft neutral backgrounds. The dresses feature different necklines, silhouettes, and fabric textures, highlighting diversity in bridal fashion. The atmosphere is calm and sophisticated, emphasizing choice and individuality in wedding attire. No visible text in the image.
Samples of AI-generated images for the Fashion Quiz

Outcomes & Impact

Engagement Metrics:

  • Quiz Start Rate: ~13% of users who saw the entry point clicked to start
  • Completion Rate: ~75% of users who started the quiz completed it
  • Median Time to Completion: 3 minutes

Quiz completers vs. non-completers:

  • 2.5× more product impressions
  • 3× more dresses saved as favorite
  • 3x more clicks to the dress PPD
  • 2× more likely to convert into a Bridal Salon lead or Designer site visit

Site-wide impact:

  • Product Impressions: +3%
  • Dress Favoriting: +38%
  • Signups from Favoriting: +58%
  • Designer Site Click-Through: +8.4%
  • Bridal Salon Leads: No significant change (flow unchanged at this stage)

These results validated our hypothesis: users needed a clear starting point. The quiz not only boosted immediate engagement, but positioned us to drive deeper personalization long-term.

What’s Next

We’ve laid the groundwork — now we’re building on it.

  • Increase Quiz Start Rate: by expanding visibility and access to the quiz through more strategic entry points across high-traffic pages (e.g., gallery landing pages, dress PDPs, and onboarding moments), we aim to drive greater engagement and reach a broader audience earlier in their journey.
  • Drive More Salon Leads: to close the loop between inspiration and action, we plan to connect quiz results to bridal salon inventory — allowing users to see which nearby salons carry their favorite dresses and easily book an appointment to try them on. This approach creates meaningful value for users, while driving key business metrics like engagement, conversions, and lead generation.
A group of women wearing a variety of modern white wedding dresses, each featuring different silhouettes, necklines, and fabric textures, standing and posing in a minimalist studio with soft neutral backgrounds. The scene highlights diversity in bridal fashion and emphasizes individuality and choice. The emotional tone is elegant and celebratory. No visible text in the image.
Final design for the main entry point to the Fashion Quiz (fullscreen modal)

My Role & Impact

As the Senior Product Designer, I owned the full experience — from strategy to pixel-perfect delivery by:

  • Leading end-to-end UX and visual design
  • Facilitating cross-functional discovery
  • Solving real-world constraints (e.g., image licensing) with creativity and speed
  • Helping shape early measurement strategy with the data team
  • Coordinating closely with stakeholders across:
    • Product and the Ad department (to ensure business alignment)
    • Editorial & Marketing (to align on messaging and asset reuse)
    • Traffickers (whose support was critical for the 2025 CMS upgrades)
    • C-level stakeholders including our CPO and CTO, who reviewed key milestones

This case study reflects my strength in navigating ambiguity, aligning teams, and delivering fast, user-driven solutions that also scale for the business.