urpay Store
urpay Store
urpay Store
urpay digital store revamp V1
urpay digital store revamp V1
urpay digital store revamp V1
Overview
Overview
I led the UX revamp of urpay’s digital store, initially focused on selling voucher cards. Later, the project expanded to include physical products, requiring a redesign of core flows such as address input and order tracking.
I led the UX revamp of urpay’s digital store, initially focused on selling voucher cards. Later, the project expanded to include physical products, requiring a redesign of core flows such as address input and order tracking.
I led the UX revamp of urpay’s digital store, initially focused on selling voucher cards. Later, the project expanded to include physical products, requiring a redesign of core flows such as address input and order tracking.
Tech Stack
Figma
Design Tool
Tech Stack
Figma
Design Tool
Tech Stack
Figma
Design Tool
Tech Stack
Figma
Design Tool
Created
Created
2023
Process
Process
Problem Statements
Although urpay’s digital store offered voucher products, users often struggled to find relevant items or navigate easily due to a lack of structure and discovery features. As a result, users missed opportunities to engage with the store, leading to lower satisfaction and fewer completed purchases. While revamping the experience, I was also tasked with designing for future physical product integration, ensuring the new flows could support both digital and physical purchases without disrupting the simplicity and clarity of the digital-first experience.
The Goal
The main goal was to revamp the urpay store experience to make it easier, faster, and more enjoyable for users to browse, discover, and purchase digital products — while laying a scalable foundation for future physical product integration. To align with modern UX practices, I introduced dark mode, AI-driven personalization, lively yet brand-consistent colors, meaningful microcopy, and subtle animations, creating a smoother, more dynamic and user-centered experience.
Understanding the user
Benchmarking
User research
————————————————————————————————————————
Benchmarking & Personas
To identify areas for improvement in urpay's digital store, I conducted a benchmarking analysis against prominent Saudi Arabian voucher and gift card platforms:
————————————————————————————————————————
————————————————————————————————————————
————————————————————————————————————————
Problem Statements
Although urpay’s digital store offered voucher products, users often struggled to find relevant items or navigate easily due to a lack of structure and discovery features. As a result, users missed opportunities to engage with the store, leading to lower satisfaction and fewer completed purchases. While revamping the experience, I was also tasked with designing for future physical product integration, ensuring the new flows could support both digital and physical purchases without disrupting the simplicity and clarity of the digital-first experience.
The Goal
The main goal was to revamp the urpay store experience to make it easier, faster, and more enjoyable for users to browse, discover, and purchase digital products — while laying a scalable foundation for future physical product integration. To align with modern UX practices, I introduced dark mode, AI-driven personalization, lively yet brand-consistent colors, meaningful microcopy, and subtle animations, creating a smoother, more dynamic and user-centered experience.
Understanding the user
Benchmarking
User research
————————————————————————————————————————
Benchmarking & Personas
To identify areas for improvement in urpay's digital store, I conducted a benchmarking analysis against prominent Saudi Arabian voucher and gift card platforms:
————————————————————————————————————————
————————————————————————————————————————
————————————————————————————————————————
Problem Statements
Although urpay’s digital store offered voucher products, users often struggled to find relevant items or navigate easily due to a lack of structure and discovery features. As a result, users missed opportunities to engage with the store, leading to lower satisfaction and fewer completed purchases. While revamping the experience, I was also tasked with designing for future physical product integration, ensuring the new flows could support both digital and physical purchases without disrupting the simplicity and clarity of the digital-first experience.
The Goal
The main goal was to revamp the urpay store experience to make it easier, faster, and more enjoyable for users to browse, discover, and purchase digital products — while laying a scalable foundation for future physical product integration. To align with modern UX practices, I introduced dark mode, AI-driven personalization, lively yet brand-consistent colors, meaningful microcopy, and subtle animations, creating a smoother, more dynamic and user-centered experience.
Understanding the user
Benchmarking
User research
————————————————————————————————————————
Benchmarking & Personas
To identify areas for improvement in urpay's digital store, I conducted a benchmarking analysis against prominent Saudi Arabian voucher and gift card platforms:
————————————————————————————————————————
————————————————————————————————————————
————————————————————————————————————————
Problem Statements
Although urpay’s digital store offered voucher products, users often struggled to find relevant items or navigate easily due to a lack of structure and discovery features. As a result, users missed opportunities to engage with the store, leading to lower satisfaction and fewer completed purchases. While revamping the experience, I was also tasked with designing for future physical product integration, ensuring the new flows could support both digital and physical purchases without disrupting the simplicity and clarity of the digital-first experience.
The Goal
The main goal was to revamp the urpay store experience to make it easier, faster, and more enjoyable for users to browse, discover, and purchase digital products — while laying a scalable foundation for future physical product integration. To align with modern UX practices, I introduced dark mode, AI-driven personalization, lively yet brand-consistent colors, meaningful microcopy, and subtle animations, creating a smoother, more dynamic and user-centered experience.
Understanding the user
Benchmarking
User research
————————————————————————————————————————
Benchmarking & Personas
To identify areas for improvement in urpay's digital store, I conducted a benchmarking analysis against prominent Saudi Arabian voucher and gift card platforms:
————————————————————————————————————————
————————————————————————————————————————
————————————————————————————————————————
Samples
Samples
Digital Wireframes
Based on user feedback and persona insights gathered with the UX research team, I created high-level Low fidelity wireframes to address key pain points in the old store. The wireframes focused on improving navigation, product discovery, and preparing the layout for future physical product integration
High Fidelity Mockups
Digital Wireframes
Based on user feedback and persona insights gathered with the UX research team, I created high-level Low fidelity wireframes to address key pain points in the old store. The wireframes focused on improving navigation, product discovery, and preparing the layout for future physical product integration
High Fidelity Mockups
Digital Wireframes
Based on user feedback and persona insights gathered with the UX research team, I created high-level Low fidelity wireframes to address key pain points in the old store. The wireframes focused on improving navigation, product discovery, and preparing the layout for future physical product integration
High Fidelity Mockups
Notes
A full revamp of the urpay app is currently in progress. Screens and UX updates will be shared here at a later stage. Stay tuned 😉
—————————————-
Notes
A full revamp of the urpay app is currently in progress. Screens and UX updates will be shared here at a later stage. Stay tuned 😉
—————————————-
Notes
A full revamp of the urpay app is currently in progress. Screens and UX updates will be shared here at a later stage. Stay tuned 😉
—————————————-