Razer ID

User Flow Redesign

Razer ID Cover Image

During his internship at Razer, Elnathan was tasked with prototyping a revamped user flow for creating a Razer ID. Given a blue-sky scope, he explored ways to deliver the most frictionless and intuitive onboarding experience possible, while remaining mindful of real-world technical and platform limitations.

The design process was driven by internal user testing, involving participants across multiple departments—including marketing, HR, software development, and members of the UI/UX team. These sessions provided diverse perspectives on usability, clarity, and user expectations.

Research was guided by a mix of qualitative and quantitative questions, allowing insights from user behaviour, feedback, and measurable patterns to collectively inform design decisions. This research-driven approach helped refine assumptions and validate design directions.

Final Prototype

Design Iterations & Testing

Before arriving at the final prototype, the flow went through several iterative cycles of testing and refinement:

  1. User Testing 1 focused on early experimentation with accordion-based layouts to explore information grouping and the use of progressive disclosure.
  2. User Testing 2 validated a revised flow structure, with emphasis on clarity, pacing, and the reduction of perceived friction.
  3. Post-UT2 Refinement (v1) introduced a reordered flow where users entered their email first, completed verification, and then created their username and password, helping to reduce early cognitive load.
  4. Post-UT2 Refinement (v2) explored multiple alternative approaches through iterative prototyping and user testing to further refine early-stage commitment and clarity. The approaches tested included:
    • Double accordion layouts
    • Scrollable container design (version 1)
    • Scrollable container design (version 2)
    • A flow where Step 1 focused solely on email verification
    • A combined Step 1 approach that merged verification and user ID creation

   

Post UT2 Refinement (V2)

×