DealsGala

DealsGala (GreatdealBazar)

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.

Website URL: Dealsgala.com
Android App: Dealsgala
IOS App: Dealsgala

Business Impact

⚡

Faster Checkout Flow

🧭

Improved Navigation Efficiency

🛒

Reduced Cart Abandonment

My Role

As an E-commerce specialist and a designer, I was responsible for conducting user research, defining the problem, ideating solutions, and designing the overall user experience and interface.
I collaborated with developers to ensure the designs were implemented as envisioned.

Tools

Adobe Illustrator

Adobe Photoshop

Moqups

Adobe XD

WordPress

Ionic Framework

PhpMyAdmin

Problem Statement

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?
The platform is dedicated to providing only handpicked, quality products, ensuring that users can shop with confidence and ease.

Goal: To design an intuitive platform that offers a seamless shopping experience, helping users discover and purchase deals effortlessly.
Scope: 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

Objective: Understand user needs, pain points, and behaviors related to online shopping and deal discovery.
Methods: Conducted user interviews, surveys, and competitive analysis of existing e-commerce platforms.

User Interviews

To gain a deeper understanding of our target users and their shopping behaviors, I conducted primary research through user interviews with 6 participants.

View Full Interview Details

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.

Key Insights & Assumptions Validated
Users struggle with finding trustworthy deals across multiple platforms.
Validated: 5/6 participants expressed frustration with low-quality or irrelevant deals.

Ease of navigation is a critical factor in user satisfaction.
Validated: 4/6 participants emphasized clean, intuitive interfaces; 3 abandoned purchases on complex platforms.

Quality customer service is a deciding factor in platform loyalty.
Validated: 5/6 highlighted customer service as a key return factor.

Users trust platforms with handpicked, quality products.
Validated: 5/6 indicated preference for curated product offerings.

Users appreciate platforms that simplify the shopping process.
Validated: All participants valued streamlined shopping with clear descriptions and fast checkout.

Shoppers are receptive to personalized deal recommendations.
N/A: No strong consensus on personalized recommendations.

Competitive Analysis

In addition to user interviews, I conducted a competitive analysis of leading e-commerce platforms including Alibaba, AliExpress, Amazon, Temu, Wish, and Joom to identify best practices and areas where Dealsgala could differentiate itself. This involved examining the user interface, deal curation process, customer service offerings, and overall user experience of top competitors.

Findings

Strengths of Competitors:

1. Wide Product Selection:
Competitors like Alibaba, AliExpress, and Amazon offer an extensive range of products, catering to a broad audience with varying needs and preferences.

2. Advanced Search and Filtering:
Amazon, in particular, provides advanced search and filtering options, making it easier for users to find what they’re looking for quickly.

3. Fast Shipping (Amazon):
Amazon’s Prime service is a significant advantage, offering fast and reliable shipping options that are highly valued by users.

Weaknesses of Competitors:

1. Inconsistent Product Quality:
Platforms like AliExpress, Wish, and Joom often face criticism for the inconsistent quality of their products, which can erode trust among users.

2. Overwhelming User Experience:
Amazon’s vast product selection, while a strength, can also overwhelm users, leading to decision fatigue and difficulty in finding the best deals.

3. Poor Customer Service:
Many users report dissatisfaction with the customer service provided by lower-cost platforms like Wish and Temu, which can negatively impact user retention.

Overall conclusion:
Strengths:
Competitors excelled in offering wide product selections and leveraging advanced search algorithms to enhance user experience.
Weaknesses:
Many platforms were criticized for poor customer service, cluttered interfaces, and a lack of product quality assurance.
Findings:
Users valued ease of navigation and quick access to deals, but many found existing platforms cluttered and overwhelming.

Opportunities for Dealsgala:

Curated, High-Quality Products:
By focusing on a handpicked selection of quality products, Dealsgala can differentiate itself from competitors that struggle with product consistency.

Streamlined User Experience:
Simplifying the user interface and shopping experience can help Dealsgala stand out in a market where users are often overwhelmed by cluttered and complex platforms.

Exceptional Customer Service:
Prioritizing customer service can build loyalty and trust, addressing a common pain point for users on other platforms.

Efficient Delivery Options
While matching Amazon’s logistics capabilities may be challenging, offering reliable and transparent delivery options can enhance user satisfaction.

Insights:
These insights informed the direction of Dealsgala’s design and development, ensuring that our platform would address the specific needs and preferences of our target users while standing out in a competitive market.

Empathy Map

To synthesize the qualitative data gathered from user interview, I created an empathy map to identify patterns across users, uncover insights, and generate needs.

Insights:
Dealsgala shoppers value convenience, transparency, and affordability. By addressing pain points like streamlined navigation, improved filtering, and smoother cart experiences, Dealsgala can enhance the shopping journey while fostering trust and excitement for its users.

User Personas

Developed user personas based on the research, representing different segments like budget-conscious shoppers and top quality product enthusiasts.
These personas help guide the design and development of Dealsgala, ensuring that the platform meets the specific needs and preferences of its diverse user base.

User Journey-map

The goal of User Journey Mapping was to understand the complete end-to-end experience of a user interacting with Dealsgala, identifying key touchpoints and potential areas for improvement to ensure a seamless and satisfying user experience.

Through this user journey mapping process, we were able to identify and optimize key touchpoints, ensuring that Dealsgala provides a seamless and positive experience for users at every stage of their interaction with the platform.

Sitemap

The Dealsgala sitemap is a structured blueprint of the platform, designed to outline its core pages and navigation flow.
It helps users and search engines easily understand the hierarchy and organization of content, ensuring a smooth user experience.
Key sections include:

Home Page: Entry point showcasing featured deals, categories and products.

Product Categories: Organized sections for browsing products, such as electronics, fashion, and home essentials.

Search and Filters: Tools to quickly locate products using keywords, filters, and sorting options.

Product Details: Dedicated pages providing in-depth information, images, reviews, and purchase options.

User Account: Sections for registration, login, order tracking, and managing user information.

Customer Support: Access to live chat, FAQs, and contact forms for issue resolution.

Checkout: Streamlined page for reviewing cart items, applying coupons, and completing purchases securely.

This sitemap ensures intuitive navigation, enhances accessibility, and supports Dealsgala's goal of delivering a seamless shopping experience.

FlowChart

The Flowchart for the Dealsgala project provides a clear visual representation of the core user journey, from browsing categories to searching, selecting products, and completing a purchase. This diagram outlines key interactions and decision points, such as search functionality, category selection, product exploration, and checkout.
It helps streamline the design and development process by mapping out user actions and system responses, ensuring a smooth and intuitive shopping experience for Dealsgala's users.

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. The design emphasized clean layouts, user-friendly navigation, and visually appealing interfaces that highlight deals and promotions while maintaining a clear path to purchase. I collaborated closely with the development team using an agile methodology, allowing for continuous feedback and iterations throughout the design and build process. This approach fostered close communication between the design and development teams. Each design sprint began with wireframes and low-fidelity prototypes, which were reviewed by the developers to identify potential technical constraints. Feedback loops were established after each sprint, ensuring that the design aligned with the development team's requirements.

Visual Design: Created low-fidelity and high-fidelity designs, incorporating a clean and modern aesthetic to appeal to a broad audience. Focused on a cohesive color scheme, typography, and imagery that aligned with the brand’s identity.
UI Elements: Designed intuitive UI elements like buttons, filters, and search bars, ensuring they were easily accessible across different devices.
Responsive Design: Ensured the design was fully responsive, providing a seamless experience across web and mobile platforms.

Initial Layout Concepts and Rough Sketches

During the design process for DealsGala, sketches played a crucial role in visualizing the initial concepts and layout of the platform. By sketching out different screens and user interactions, we were able to quickly iterate on ideas, explore various layouts, and ensure that the platform's navigation was intuitive. The sketches served as a foundation for wireframes and ultimately the high-fidelity prototype, enabling a smooth transition from concept to execution.

App Sketches

Web Sketches

Mid-Fidelity Wireframes

The initial design phase involved creating low to Mid-Fidelity wireframes to establish the overall layout and structure. These wireframes served as a blueprint, ensuring that the user flow was logical and intuitive. Feedback from stakeholders was incorporated, leading to refinements before moving to high-fidelity designs.

App Wireframes

Web Wireframes

Mid-Fidelity Prototype

After designing the essential pages needed for users to complete their tasks, I created a mid-fidelity prototype by linking these pages together.
This prototype allowed me to conduct usability testing, which is invaluable for identifying issues in the information architecture and user flows early on.
Testing at this stage helps uncover potential problems before investing significant time into refining visual details.

Usability Testing

Usability Testing
Conducted usability testing with 4 participants using A/B testing to evaluate design variations.

Key Feedback: Participants appreciated clear product categorization but highlighted needs for simpler navigation, flexible filtering, and better user-generated content visibility.

Key improvements made:
Simplified navigation bar for quicker access to popular features

Enhanced filtering options supporting multi-criteria searches

Improved user-generated content visibility through layout optimization

Refined add-to-cart process with auto-scroll to Shipping Method

View Testing Transcripts & Survey

Preparation: Developed a Usability Testing Plan outlining objectives and methodology.

I conducted both in-person and remote usability testing and created Transcripts for each participant based on my observation of their interactions.

After testing, I conducted a Usability Survey to measure satisfaction and validate improvements.

Affinity Map

The results from the usability testing could be summarized by creating an affinity map. Like the empathy map, it is effective in helping us find patterns and frustrations when users are interacting with the prototype, and identify areas of improvements based on priority levels.

Key Insights

1. Users Want Simplicity:
Clean navigation, easy checkout, and faster filtering tools are critical to making shopping stress-free.

2. Trust is Non-Negotiable:
Secure payments, transparent policies, and authentic user reviews build confidence and loyalty.

3. Deals Drive Excitement:
Flash sales, discounts, and rewards motivate users to explore and buy more.

4. Social Proof is Powerful:
User-generated content like reviews, photos, and videos influences purchasing decisions and creates trust.

5. Streamline the Experience:
Address cart abandonment by automating steps like scrolling to shipping options and simplifying multi-step processes.

6. Personalization Wins:
Tailored product recommendations and a seamless wishlist experience make users feel valued and understood.

Styleguide

The style guide serves as a foundational reference, ensuring visual consistency throughout the app's UI design. It reflects the app’s commitment to delivering a personalized, and immersive experience, guiding future design decisions to maintain a cohesive and engaging interface.

DealsGala's Application

The image on the left side shows the old design and the right-hand side image is the refined version.
The app can be downloaded on Android and IOS.
Link to the Android app: Dealsgala
Link to the IOS app: Dealsgala

Application Walkthrough

App Mockup

Screenshots

Logo Concepts

Design Evolution: Old vs New

Version 1

⚪ Basic layout structure
⚪ Limited visual hierarchy
⚪ Dense product display

→

Version 2

✅ Cleaner, modern layout
✅ Improved visual hierarchy and spacing
✅ Better product categorization
✅ Enhanced call-to-action buttons

Web New Design — Full Pages

Product Categories

Sub-Categories

New Products

Products

Single Product

Cart

Contact

Blog Post

About

Reflection

Challenges

1. Navigating a Saturated Market:
One of the biggest challenges was distinguishing Dealsgala in a crowded e-commerce landscape dominated by giants like Amazon, Alibaba, and AliExpress. Competing against well-established platforms required a strategic approach to carve out a unique niche.

Impact: This challenge pushed us to focus on specific user needs that were not adequately addressed by competitors, such as curating high-quality products and offering exceptional customer service.

2. Ensuring Consistent Product Quality:
Maintaining a consistently high standard of product quality was challenging, especially when working with multiple suppliers. Ensuring that all products met Dealsgala’s criteria required rigorous vetting and continuous monitoring.

Impact: This challenge emphasized the importance of robust quality control processes and the need to build strong relationships with reliable suppliers.

3. Balancing User Experience with Feature Complexity:
Striking a balance between providing a feature-rich platform and maintaining a simple, user-friendly interface was a significant challenge. Adding too many features risked overwhelming users, while too few could limit the platform’s appeal.

Impact: This led to iterative design and testing processes to refine the user interface, ensuring that essential features were accessible without cluttering the experience.

4. Adapting to Changing User Expectations:
The e-commerce landscape is constantly evolving, with users’ expectations shifting rapidly. Keeping up with these changes while developing a stable product was challenging.

Impact: This challenge underscored the need for flexibility in design and development, enabling quick adjustments based on user feedback and market trends.

Lessons Learned

1. The Value of User-Centered Design:
Prioritizing the needs and preferences of users at every stage of development proved crucial. User research, testing, and feedback were integral in shaping a platform that truly resonated with the target audience.

Application: Moving forward, continuing to involve users in the design process will ensure that Dealsgala evolves in line with user expectations and needs.

2. Importance of Strong Differentiation:
In a competitive market, having a clear and distinct value proposition is key. By focusing on handpicked, high-quality products and exceptional customer service, Dealsgala was able to stand out.

Application: Emphasizing the platform’s unique selling points in all aspects of marketing and development will reinforce its position in the market.

3. Iterative Development is Essential:
The process of continuously testing, iterating, and refining the platform based on feedback was invaluable. It allowed us to address issues early and improve the product incrementally.

Application: Adopting an iterative approach as a standard practice will help maintain product quality and user satisfaction as the platform grows and evolves.

4. Agility in Adapting to Market Changes:
The ability to quickly adapt to changing market conditions and user expectations was crucial. Flexibility in development and strategic planning enabled Dealsgala to remain relevant and competitive.

Application: Maintaining an agile mindset will be key to responding to future challenges and opportunities in the fast-paced e-commerce industry.

By reflecting on these challenges and lessons learned, the Dealsgala team is better equipped to navigate future projects, ensuring continuous growth and improvement of the platform.

Next Steps

🎯 Personalization Features: Implement AI-driven product recommendations based on browsing history, purchase patterns, and user preferences.
🧪 A/B Testing: Run systematic A/B tests on the checkout flow, product page layouts, and CTA button placements to optimize conversion rates.
📱 Mobile Performance Optimization: Optimize loading times, image compression, and touch interactions for a smoother mobile experience.
🔬 Additional User Testing: Conduct follow-up usability testing with a larger, more diverse participant pool to validate recent design changes.
♿ Accessibility Audit: Ensure WCAG 2.1 compliance across all pages with screen reader testing and keyboard navigation support.

How to Measure Success

✅ Task Completion Rate

📈 Conversion Rate

🛒 Cart Abandonment Rate

😊 Customer Satisfaction (CSAT)

📊 Net Promoter Score (NPS)

⏱️ Avg. Session Duration