Design New Onboarding Store

Understanding why the onboarding store was a strategic need

I met with internal stakeholders to understand why the onboarding store was a strategic need. It became clear that offering a personalized welcome kit was key to reinforcing company culture during the onboarding journey. I then explored different user flow proposals to define how the selection process would work, factoring in categories, pricing, quantity limits, and total number of items.

Mapping the selection logic and constraints

I mapped multiple flow variations to handle category rules, item quantities, budget limits, and edge cases. The goal was to design an experience that felt simple and celebratory while supporting global rollout with localization and branding options for non-tech-savvy users.

Users can select a T-shirt and view all available options.

Users can also access a product details page to view photos, available sizes, and additional product information.

Once an item is selected, users can view a summary of their chosen items and see which ones are still missing to complete their order.

Before vs. After — advocating for a user-friendly redesign

The development team initially proposed a single-page layout focused on minimizing implementation effort. I challenged that approach and designed an alternative with a clearer structure and guided step-by-step flow. After running usability tests on both versions, the redesigned flow was the clear winner — reaching a 100% task success rate. Participants consistently described the guided experience as easier to follow than seeing every option at once, which became the key argument to move the user-friendly version forward as the MVP.

BEFORE — Dev-first proposal: all categories and products exposed at once, leaving users to scan a dense grid on their own. AFTER — My redesign: a guided step-by-step flow that walks users through one decision at a time with clear progress. Usability testing played a key role in validating our design decisions. It provided the evidence needed to advocate for a more user-friendly solution, ultimately helping the team align on the best experience for the onboarding store.

Unmoderated testing with a clickable prototype

I conducted an unmoderated usability test using a clickable prototype to evaluate two layout versions of the onboarding store: a step-by-step flow and a single-page layout. Participants were asked to complete three core tasks: locate the onboarding store, select items, and finalize their onboarding.

• 100% task completion rate across all three tasks in the step-by-step version.
• Ease of use rated 4.7 out of 5.
• The step-by-step version was preferred for its clarity and lower cognitive load.
• Participants described the guided flow as easier to understand than seeing all options at once.

Users can review their selected items and sizes before completing the process.

Users can select items from available categories such as bags, water bottles, shirts, and notebooks.

A smooth transition from design to development

Once the final design was validated, we prepared the handoff to the development team. The complete flow was documented and delivered in Figma, including desktop and responsive versions. We scheduled a handoff meeting to walk the developers through the prototype, clarify interaction details, and address edge cases. I also provided accessibility documentation to ensure the implementation aligned with WCAG guidelines, covering color contrast, focus states, and keyboard navigation.