A cutting-edge e-commerce platform designed to offer users unbeatable deals across a wide range of product categories.
OVERVIEW
Dealsgala is a cutting-edge e-commerce platform designed to offer users unbeatable deals across a wide range of product categories, from electronics and fashion to home goods and beyond. Our platform focuses on providing a seamless and enjoyable shopping experience for users who value both affordability and variety.
Available on iOS, Android, and via web, Dealsgala caters to modern shoppers who expect convenience and accessibility, regardless of the device they use.
IMPACT
STACK
Adobe XD
PrototypingIllustrator
Vector UIPhotoshop
ImagingMoqups
WireframingWordPress
Web PlatformIonic
Mobile DevPhpMyAdmin
DatabasePROBLEM
In a saturated market of e-commerce platforms, users often struggle with finding trustworthy deals and navigating through complex interfaces. Additionally, many platforms fall short in providing effective customer service, and users are frequently overwhelmed by the sheer volume of low-quality or irrelevant products.
Dealsgala aims to simplify the shopping process by offering a streamlined, user-friendly experience that prioritizes exceptional customer service.
How might we design a platform that simplifies the process of discovering and purchasing deals while maintaining a visually appealing and user-friendly interface?
To design an intuitive platform that offers a seamless shopping experience, helping users discover and purchase deals effortlessly.
This project encompassed the entire UX/UI design process, from initial research and user analysis to prototyping, testing, and final implementation. The design needed to be adaptable across web and mobile platforms.
RESEARCH
To develop a customer-centric e-commerce app, it was vital to comprehend the needs and behaviors of potential users. My research began with a deep dive into the following:
INTERVIEWS
To gain a deeper understanding of our target users and their shopping behaviors, I conducted primary research through user interviews with 6 participants.
I developed an Interview Guide consisting of 12 open-ended questions designed to encourage participants to share their personal experiences and shopping habits.
Participants: 6 participants (4 females, 2 males) — a mix of frequent online shoppers and occasional deal hunters.
ANALYSIS
Objective: Identify best practices and opportunities by evaluating top e-commerce platforms: Alibaba, AliExpress, Amazon, Temu, Wish, and Joom.
• Curated, High-Quality Products: Focus on handpicked selection to differentiate.
• Personalized Customer Service: Build trust with proactive support and clear policies.
• Simplified Shopping Experience: Streamline search to reduce decision fatigue.
• Verified Reviews & Ratings: Ensure users can trust product feedback.
EMPATHY
Synthesize user interview data to uncover patterns, insights, and needs.
AUDIENCE
Purpose: Represent key user segments, including budget-conscious shoppers and quality-focused buyers.
Impact: Guides design and development to ensure Dealsgala meets the needs of a diverse user base.
Focused on finding the absolute best value. They prioritize discount clarity, price transparency, and a friction-free checkout process.
Enthusiasts who look for top-tier product quality. They value detailed specifications, trust signals, and authentic brand storytelling.
JOURNEY
Purpose: Understand the end-to-end experience through User Journey Mapping, identifying key touchpoints and opportunities for improvement.
Outcome: Optimized interactions to ensure a seamless and satisfying experience across the entire Dealsgala platform.
STRUCTURE
The Dealsgala sitemap is a structured blueprint of the platform, designed to outline its core pages and navigation flow.
Entry points focused on low-friction browsing and deal discovery (Home, Categories, Global Search).
The critical path from selection to conversion, optimized for high-speed checkout and trust signals.
Personalized accounts with rewards, order history, and easy support to build long-term loyalty.
Architecture is mapped to a linear navigation hierarchy to ensure sub-3-click access to any product from any screen.
FLOW
Reducing cognitive load by presenting only relevant options at each stage of the browsing journey.
A friction-free path from finding a deal to secure checkout, minimizing drop-off rates.
Seamlessly guiding users from the final purchase back into discovery for their next deal.
Detailed Logic Map: User Journey from Homepage to Transaction Success
DESIGN
For the Dealsgala website and app, I led the UX/UI design process with a focus on creating a seamless and intuitive user experience. The goal was to ensure that users could effortlessly navigate through multiple product categories, find great deals, and complete their purchases with ease.
I collaborated closely with the development team using an agile methodology, allowing for continuous feedback and iterations throughout the design and build process.
Created low-fidelity and high-fidelity designs, incorporating a clean and modern aesthetic to appeal to a broad audience.
Designed intuitive UI elements like buttons, filters, and search bars, ensuring they were easily accessible across different devices.
Ensured the design was fully responsive, providing a seamless experience across web and mobile platforms.
SKETCHES
Purpose: Visualize early concepts and platform layouts to explore ideas quickly.
Impact: Guided wireframes and high-fidelity prototypes, ensuring intuitive navigation and a smooth transition from concept to execution.
WIREFRAMES
Purpose: Establish layout, structure, and logical user flow.
Impact: Incorporated stakeholder feedback to refine designs before high-fidelity prototyping.
Mobile layout exploration used to validate core interactions and structural hierarchy.
Interactive desktop drafts created to identify issues in the information architecture and user flows early on.
TESTING
Developed a Usability Testing Plan outlining objectives and methodology.
Liked: Clear product categorization.
Requests: Better visibility of user-generated content and a smoother add-to-cart process.
Refined app features to significantly improve user experience, accessibility, and overall engagement across all tested user flows.
I conducted both in-person and remote usability testing and created Transcripts for each participant.
After testing, I conducted a Usability Survey to measure satisfaction and validate improvements.
PATTERNS
Purpose: Synthesize usability testing results to identify patterns, frustrations, and priority areas for improvement.
Clean navigation, easy checkout, and faster filtering tools are critical.
Secure payments, transparent policies, and authentic reviews.
Flash sales, discounts, and rewards motivate users.
User-generated content influences purchasing decisions.
Address cart abandonment by automating steps.
Tailored recommendations make users feel valued.
BRAND
Purpose: Ensure visual consistency and a cohesive, engaging interface across the app.
Impact: Guides design decisions to deliver a personalized and immersive user experience.
APP
Detailed walkthrough of core user flows, highlighting the seamless transition from discovery to checkout.
Interact with the high-fidelity Adobe XD prototype firsthand.
Click below to load the live Adobe XD mockup.
LOGO
WEBSITE
REFLECT
1. Navigating a Saturated Market: Distinguishing Dealsgala in a crowded e-commerce landscape.
2. Ensuring Consistent Product Quality: Maintaining high standards with multiple suppliers.
3. Balancing UX with Feature Complexity: Striking a balance between feature-rich and user-friendly.
1. Value of User-Centered Design: Prioritizing user needs at every stage proved crucial.
2. Importance of Differentiation: A clear value proposition helped us stand out.
3. Iterative Development is Essential: Continuously testing and refining based on feedback.
Outcome: Reflection on these challenges and lessons equips the Dealsgala team to drive continuous growth, improvement, and user satisfaction.
NEXT
SUCCESS
