JoyMate

Design Principle

Trust should be designed, not assumed.

METADATA

Role

Product Designer

Project Type

Concept Project

Platform

Mobile Application

Scope

End-to-End Product Design

Tools

Figma

Project Introduction

JoyMate is a mobile eCommerce application designed to help gamers purchase gaming and streaming equipment with greater confidence. The experience focuses on building trust through purchase-verified customer reviews while keeping product evaluation and checkout clear, fast, and intuitive.

Understanding the Problem

Gamers often rely on customer reviews when purchasing gaming and streaming equipment, but unreliable or unverified feedback can make it difficult to determine whether a review reflects genuine product experience. This creates uncertainty when evaluating products and can lead to poor purchasing decisions, particularly for users investing in performance-critical equipment.

The experience also needs to balance trust with efficiency. Even when users find credible information, slow or unnecessarily complex purchasing flows can create additional friction and reduce confidence during checkout.

Research & Discovery

To understand how gamers evaluate products and perceive trust, I conducted qualitative research through interviews and surveys. The research focused on shopping behavior, reliance on customer reviews, and frustrations with existing eCommerce platforms.

Key Insights

Users strongly distrust reviews that are not purchase-verified. Gamers prefer fewer but more credible reviews over large volumes of feedback, while time-consuming purchasing flows reduce engagement. Transparent pricing and clear review sources also increase confidence when evaluating products.

User Personas

User Problem Statements

Mike

Mike is a hardcore gamer and technology enthusiast who needs not just an app/website that provides detailed product information, but also customer reviews, personalized recommendations and easy checkout process because detailed description is not enough, customer reviews can give him good perspective on the reality of the product he’s about to buy.

Amanda

Amanda is a professional gamer and streamer who needs an app/website that provides wide range of gaming and streaming equipment with reliable customer support, and fast delivery because providing an optimal user experience for her audience is a time-consuming matter, as she balances gaming, streaming, and managing her social media accounts.

Design Exploration

The design exploration translated the research insights into a purchasing experience centered on trust, clarity, and efficiency. The flow was structured to connect product discovery, evaluation, checkout, and purchase-verified review submission into a coherent journey.

User Flow

Wireframes

Low-fidelity wireframes were created to explore how product information, reviews, and purchase actions could be organized without overwhelming users. The exploration focused on establishing clear information hierarchy, making review credibility visible, and keeping navigation and checkout straightforward.

Low-Fidelity Prototype

Design Decisions

Made purchase verification central to the review experience

Rather than treating reviews as general user-generated content, I connected review submission to completed purchases so credibility became part of the product experience itself.

Prioritized review credibility over review volume

The interface emphasizes clear indicators of verified feedback so users can quickly distinguish trustworthy experiences from unverified opinions.

Balanced trust with purchasing efficiency

The experience was designed to provide the information users need to evaluate products confidently without introducing unnecessary friction into the shopping and checkout journey.

Used visual hierarchy to reinforce confidence

Product information, reviews, verification cues, and purchasing actions were given clear visual roles so users could understand the experience without being overwhelmed by competing information.

Visual Design & UI System

The visual system was designed to reinforce clarity and trust while keeping attention on product credibility. Typography, color, components, and verification cues work together to create a consistent experience across product discovery, review, and purchasing screens.

Design System

Final Design Solution

The final high-fidelity design brings the trust-first experience together by combining purchase-verified reviews, clear product information, and an efficient purchasing flow. The interface gives users the information and confidence needed to evaluate gaming equipment and complete a purchase without unnecessary friction.

Key Features
Purchase-verified customer reviews

Reviews are tied to completed purchases to strengthen credibility and reduce misleading feedback.

Clear product information

Product specifications and descriptions are presented in a structured way to support confident evaluation.

Fast and intuitive checkout

The purchasing flow minimizes unnecessary friction so users can move from evaluation to purchase efficiently.

Trust-focused interface

The visual hierarchy emphasizes credibility and useful information rather than unnecessary visual noise.

High-Fidelity Prototype

Usability Testing & Iteration

An unmoderated usability study was conducted to evaluate how verified reviews influenced purchasing behavior, with a focus on trust perception, clarity, and review usability. The feedback informed refinements to review credibility indicators, review organization, and minor layout and interaction details.

Findings

Outcomes & Learnings

JoyMate demonstrated how UX can use product mechanisms to strengthen trust rather than relying on visual credibility alone. The experience created a clearer product-evaluation process, reduced reliance on potentially misleading feedback, and reinforced the importance of verified reviews in purchase confidence. The project also showed that design can actively prevent misuse while improving usability, particularly when trust is a critical part of the user’s decision-making process.

Thank you!

Have a project in mind? Contact me

Have a project in mind? Contact me

Have a project in mind? Contact me

Create a free website with Framer, the website builder loved by startups, designers and agencies.