Skip to content
manugalarza edited this page Sep 12, 2026 · 18 revisions

MS6 - Value Proposition & UI

1. Value Proposition

Our app turns finding things to do into a fun game. Instead of searching many apps and deciding alone, users get short "quests" nearby, based on their location, interests, free time, and past activity. The app also helps users find friends to join, so they don't have to try new things alone.

Value Proposition Statement

For people who feel stuck in a routine or don't want to try new activities alone, Wandr is a gamified discovery app that turns nearby places into quick, social "quests," unlike Google Maps or Instagram, which only show places but don't help you decide, plan, or find people to go with.

What Makes This Solution Different

Existing Solution / Alternative How Users Currently Solve This Limitation How Our Solution Is Different
Instagram / TikTok Users scroll through posts to find ideas Time-consuming, not personalized, easy to forget One personalized feed of ready-to-do quests, based on location and interests
Google Maps Users search manually for places Shows locations, not activities to do or people to go with Suggests specific quests, not just places
Asking friends in group chats Users try to plan and coordinate manually Slow, people don't answer, plans fall through Buddy system and friend map show who's already interested, instantly
Going out alone Users force themselves to try new things solo Creates anxiety, many people give up Group-friendly quests and activity broadcasting make it easy to find company

Key Differentiators

  • Gamified "quests" with points, streaks, and badges that reward trying new things, not just using the app
  • Buddy system and friend map that show who's nearby or interested, reducing the anxiety of going alone
  • Micro-commitment design: quests are quick to accept or skip, so trying something new feels low-risk
  • Smart filtering by time, distance, and interests, so quests always fit the user's schedule

2. UI/UX Design

Colour Palette

Screenshot 2026-09-11 at 9 32 08 PM
Primary #163820
Secondary #5A7B62
Tertiary #BFA78A
Neutral #FCFAF6

Rationale:

Emotional and Brand Reasoning: The app aims to solve routine fatigue and the stress of planning activities. Serene greens and earthy tones convey calmness and a low-effort experience, helping to reduce users' decision paralysis.

Target Audience Alignment: The deep green projects reliability and safety, directly addressing user anxieties about trying new activities alone or concerns about street security.

Contrast and Accessibility: The neutral off-white creates a clean background that prevents visual clutter on information dense screens like interactive maps and quest detail cards. Using the deep green for text and core interface elements ensures high contrast and strong legibility for users navigating on the go.

Typography

Screenshot 2026-09-11 at 10 22 04 PM

Typography Catalog

Style Font Weight Size (pt/sp) Usage
Headline Large Inter Bold 32 Home screens, main profile greetings.
Title Large Inter SemiBold 22 Quest titles in the activity feed or detail view[cite: 1].
Title Medium Inter Medium 16 Category names, secondary section headers.
Body Large Inter Regular 16 Full event and activity descriptions[cite: 1].
Body Medium Inter Regular 14 General text, user review summaries[cite: 1].
Label Large Inter Medium 14 Primary action buttons like "Accept Quest" or "Navigate Now"[cite: 1].
Label Small Inter Medium 11 Secondary metadata (distance in km, reward points, energy level)[cite: 1].

Rationale

Legibility: Inter was designed specifically for user interfaces and screen reading. Its tall x-height and optimized spacing ensure that small text remains highly legible. This is crucial when the user needs to quickly scan critical details like prices, schedules, and distances while navigating the city.

Personality: It is a neutral, clean, and modern typeface. This neutrality allows the color palette and the promotional event photography to capture the user's attention without creating visual clutter. It conveys efficiency and clarity, aligning with the goal of reducing decision fatigue and making planning a low-effort process.

Platform Consistency: The proposed weight and size structure integrates directly with Material Design guidelines. This makes it easier to create clear hierarchical interfaces on information-dense screens, such as interactive maps or the achievements dashboard, ensuring the app feels native, predictable, and easy to navigate.

Icons and Images

Aside from the default icons for features given by IOS and Android, it was proposed to use this logo as a temporary icon for the app.

image

Design Exploration

Before settling on a final direction, we explored three different design system variants to compare visual language, component styles, and overall feel.

Liquid Glass

Section(1)

Neomorphism

ImageToStl com_merged-document (1)

Fluent Design

Fluent design app generated by Stitch

fluent naranja

UI Prototype

fluent verde

Navigational Patterns

flow

⬅️ Go to Sprint 2

🏠 Home

   📖 About the project

   📗 Deliverables Index

🚀 Sprint 1

   📄 MS2

   📄 MS3

   📄 MS4

   📄 Sprint 1

🚀 Sprint 2

   📄 MS5

   📄 MS6

   📄 MS7

   📄 Sprint 2

Clone this wiki locally