KnowQuest
Native Mobile App
CLIENT
KnowQuest
UI/UX Designer | Solo
8 months
Mobile
THE PROBLEM
Users found it difficult to discover and navigate relevant information efficiently within fragmented, overwhelming mobile knowledge platforms.
THE SOLUTION
I designed a native mobile experience that streamlined knowledge discovery through intuitive navigation, clear hierarchy, and frictionless search patterns.
Clarity Snapshot
A mobile-first redesign of KnowQuest’s review experience, transforming a cluttered, low-trust web platform into a clear, verifiable system for consumers and businesses.
The MVP focuses on proof of purchase, structured criteria, and visible trust signals to replace vague opinions with credibility.
The MVP focuses on proof of purchase, structured criteria, and visible trust signals to replace vague opinions with credibility.
.webp)
The Chaos
KnowQuest didn’t have a feature problem, it had a credibility problem.
KnowQuest’s original web platform was dense, confusing, and visually associated with scam-like sites.
KnowQuest’s original web platform was dense, confusing, and visually associated with scam-like sites.
Users didn’t understand its value: a review app that uses structured criteria and verified purchases instead of random text reviews.
.webp)
The Constraints
Solo designer
Mobile-first redesign
Academic timeline with real-world validation goals
No backend changes; design decisions needed to work with assumed verification systems
The Insight
Through heuristic evaluation, usability testing, and competitive analysis, I found that credibility is a system, not a statement. Users look for proof, not promises.
Users didn’t want more features; they wanted to see and feel proof of verification and professionalism.
Users didn’t want more features; they wanted to see and feel proof of verification and professionalism.
The Structure
1. Transparency and ease
- Reduced ambiguity by pairing every verification step with visible system feedback.
- Added verified badges, credibility scores, and contextual tooltips to visualize legitimacy.
.webp)
2. Guided human interaction
- Simplified every flow: onboarding, search, rating, and redemption.
- Responsive error messages and micro-feedback to keep users confident.
.webp)
3. Trust through consistency
- A unified design system established visual continuity, accessibility, and legitimacy across all touchpoints.
.webp)
The Clarity
The final high-fidelity prototype introduced distinct but cohesive dashboards for Consumer and Business user types:
Consumer Dashboard
Design Decision
I prioritized visible verification signals over social proof because users equated professionalism with process, not popularity.
Rating A Business
Design Decision
Step-based wizard (1–3) to reduce overwhelm
Rating can get messy fast, so the flow is chunked into clear steps (Order Method → Verify → Rate) to keep cognitive load low and completion rates high.
Rating can get messy fast, so the flow is chunked into clear steps (Order Method → Verify → Rate) to keep cognitive load low and completion rates high.
Order method first to set context
“Dine-in / Take-out / Delivery” captures the scenario upfront so feedback is interpreted correctly (service speed means different things for delivery vs dine-in).
“Dine-in / Take-out / Delivery” captures the scenario upfront so feedback is interpreted correctly (service speed means different things for delivery vs dine-in).
Criteria selection before rating to prevent random feedback
Users choose what they’re rating (taste, service speed, etc.) so the system collects targeted, structured data instead of vague comments.
Users choose what they’re rating (taste, service speed, etc.) so the system collects targeted, structured data instead of vague comments.
Verification gate to protect trust
Requiring a receipt/screenshot/transaction code discourages fake reviews and signals fairness to both users and businesses, without feeling heavy-handed.
Requiring a receipt/screenshot/transaction code discourages fake reviews and signals fairness to both users and businesses, without feeling heavy-handed.
One-criterion-at-a-time rating for focus
The UI isolates a single criterion with a short prompt and a simple star control, improving rating accuracy and reducing decision fatigue.
The UI isolates a single criterion with a short prompt and a simple star control, improving rating accuracy and reducing decision fatigue.
Reward feedback loop at the end
The points update and thank-you screen closes the loop, reinforcing contribution and encouraging repeat participation without needing a long form or forced review text.
The points update and thank-you screen closes the loop, reinforcing contribution and encouraging repeat participation without needing a long form or forced review text.
Redeeming Earned Points
Design Decision
Front-loaded value clarity
Rewards surface cost, expiry, and availability at a glance so users can decide to redeem without drilling into details or second-guessing.
Rewards surface cost, expiry, and availability at a glance so users can decide to redeem without drilling into details or second-guessing.
Intentional friction at the point of loss
Because point redemption is irreversible, a confirmation step is used to slow the user just enough to prevent accidental spend while clearly communicating the consequence.
Because point redemption is irreversible, a confirmation step is used to slow the user just enough to prevent accidental spend while clearly communicating the consequence.
Reinforced trust through redundancy
Point cost and reward details are repeated at confirmation to eliminate uncertainty and ensure users feel fully informed before committing.
Point cost and reward details are repeated at confirmation to eliminate uncertainty and ensure users feel fully informed before committing.
Clear state transitions to reduce anxiety
Distinct loading and success states make it obvious when points are spent and what the outcome is, preventing double actions or doubt.
Distinct loading and success states make it obvious when points are spent and what the outcome is, preventing double actions or doubt.
Post-action recoverability
Providing access to the redeemed reward after completion ensures users don’t feel punished for moving quickly and can retrieve the value when needed
Providing access to the redeemed reward after completion ensures users don’t feel punished for moving quickly and can retrieve the value when needed
Business Dashboard
Design Decision
From raw ratings to decision-ready signals
Instead of exposing businesses to exhaustive charts and tables, the dashboard synthesizes ratings into alerts, trends, and performance summaries that clearly indicate where to act and why.
Instead of exposing businesses to exhaustive charts and tables, the dashboard synthesizes ratings into alerts, trends, and performance summaries that clearly indicate where to act and why.
Actionable asymmetry over averages
The system surfaces outliers (lowest-rated criteria, polarization, sudden drops) rather than relying on overall averages, ensuring businesses focus on what is actively harming or helping their reputation.
The system surfaces outliers (lowest-rated criteria, polarization, sudden drops) rather than relying on overall averages, ensuring businesses focus on what is actively harming or helping their reputation.
The Impact
Endorsed by leadership for clarity and execution
The redesigned experience was formally approved by leadership, validating the product direction, usability improvements, and design quality.
The redesigned experience was formally approved by leadership, validating the product direction, usability improvements, and design quality.
Complete UI/UX overhaul of a complex system
Led a full redesign of the core product interface, simplifying complex workflows and establishing a cohesive visual and interaction language across the platform.
Led a full redesign of the core product interface, simplifying complex workflows and establishing a cohesive visual and interaction language across the platform.
Shipped developer-ready designs
Delivered a structured Figma file with annotated development notes, interaction specs, and design rationale to support efficient implementation by engineers.
Delivered a structured Figma file with annotated development notes, interaction specs, and design rationale to support efficient implementation by engineers.
The Reflection
This project reinforced that clarity is credibility. Trust isn’t added through decoration but earned through consistency, feedback, and intentional design.
