Enhancing the Noon One Subscription Page
A Design Process for Better Membership Management
Project Overview
Improve the Noon One subscription page to enhance membership management and payment processes.
The original design has been in place for 1.5 years, and a refresh is needed to meet evolving user needs and business goals.
Goals
Streamline the subscription management process.
Address and resolve payment issues effactively.
Increase conversion rates through improved upsell strategies.
Requirement Gathering and JIRA Ticket Creation
Objective: Gather requirements from stakeholders to understand the key areas for improvement.
https://next-square.atlassian.net/browse/UX-6
Conducted meetings with product managers (PMs) and the VP to gather detailed requirements
Created a comprehensive JIRA ticket outlining the project scope, requirements, and deliverables
Competitor Research and Benchmarking
Conduct competitive research to understand market standards and identify opportunities.
Amazon, Talabat, Careem
Key Findings:
Amazon’s seamless subscription renewal process and user-friendly design
Talabat’s clear membership benefits and pricing options
Careem’s integration of upsell strategies within the subscription flow
Initial Wireframing & Stakeholder Feedback
Develop initial wireframes to visualize the proposed changes and gather feedback
Wireframing Process:
Created low-fidelity wireframes focusing on simplified navigation and clear payment options.
Incorporated ideas for upselling member packages.
Stakeholder Review:
Presented wireframes to PMs and VP.
Collected feedback on additional changes and upsell strategies.
Key Feedback:
Adjust the placement of upsell offers.
Enhance the visibility of subscription benefits.
Prototyping and Iteration
Develop high-fidelity prototypes based on feedback and finalize design elements
Second Round of Prototyping:
Created interactive prototypes in Figma with detailed interactions.
Focused on a user-friendly layout, enhanced payment options, and strategic upsell placement.
Design Review Sessions:
Conducted iterative design review sessions with PMs and VP.
Incorporated final changes based on stakeholder input.
Finalized Design Features:
Clear membership tiers with detailed benefits.
Secure and simplified payment process.
Visual cues to guide users toward upgrading subscriptions.
Handoff to Development and Implementation
Collaborate with development for seamless implementation of the design
Design Handoff:
Provided detailed design specifications and assets to the development team.
Conducted handoff meetings to explain design rationale and ensure alignment.
Development Collaboration:
Regular check-ins during development to review progress.
Provided feedback and adjustments as needed to maintain design integrity.
Post-Launch Quality Check:
Conducted design reviews in the development environment.
Ensured designs were implemented as intended.