Near Yangon app

Are you on the hunt for the best coffee shops in Yangon? Look no further than Near Yangon, your personal guide to the city's coffee scene. This app makes it easy to find hidden gems and popular spots alike, whether you're a local searching for a new favorite hangout or a visitor eager to explore Yangon's vibrant cafe culture. With Near Yangon, you get detailed maps, real user reviews, and tailored recommendations based on your preferences.

PROJECT TYPE

App Design, Case Study

ROLE

UI&UX Designer

Mapping the Best Coffee Shops in Yangon with Near Yangon

Near Yangon app

Project Overview

Welcome to the case study presentation of the Near Yangon app. Near Yangon is a mobile application designed to help users discover and navigate to the best coffee shops in Yangon. This app is tailored for those who enjoy exploring new places, relaxing environments, and vibrant social scenes.

Problem

Discovering new coffee shops often leads to disappointment due to inconsistent quality and unreliable reviews. Busy schedules make it difficult to find accurate, up-to-date information and navigate effectively. With too many choices and unreliable Wi-Fi, users struggle to find suitable spots to relax and work. Near Yangon addresses these issues by providing reliable recommendations, comprehensive details, and easy navigation.

Solution

The Near Yangon app addresses these challenges by offering reliable, curated recommendations for coffee shops , ensuring consistent quality. It provides comprehensive, up-to-date information about each location, including amenities, ambiance, and Wi-Fi reliability. With user-friendly navigation features, the app helps users efficiently find the best spots to relax, work, and socialize, simplifying the decision-making process.

Empathize

User Reaches

User Interviews

Define

User persona

User Journey

Ideate

Empathize mapping

Information Architecture

User Follow

Design

Wireframe

Hi-Fi Design

Prototype

Testing

Feedbacks

Redesigns

Future Concept

Design Process

The design process for the Near Yangon app involved several key stages to ensure a user-centered approach. We began with user research, including interviews and surveys, to understand the needs and pain points of our target audience. Next, we developed user personas to guide our design decisions. We then created wireframes to outline the app’s structure and low-fidelity prototypes for initial user testing. Based on feedback, we iterated and produced high-fidelity mockups using a minimalist design with a light gray background, dark gray text, and vibrant accents. Finally, we built an interactive prototype to simulate the user experience and gather final feedback before development.

Design Timeline

Empathize

Week 1

Finding a problem and solution , Conducted interviews and surveys to gather insights, identified key pain points and needs.

Ideate

Week 1

Brainstormed potential solutions to address the identified problems, Generated a variety of ideas through sketching and mind mapping, Selected the most promising ideas for further development.

Design

Week 2

Created low-fidelity wireframes to outline the app’s structure and functionality, Developed high-fidelity mockups using a minimalist color scheme (light gray background, dark gray text, vibrant accents),Built an interactive prototype to simulate the user experience.

Testing

Week 1

Conducted usability testing with the interactive prototype, Collected user feedback to identify areas for improvement, Iterated on the design based on testing results to enhance usability and user satisfaction.

Define

Week 1

Analyzed the data collected during the empathize phase, Developed user personas to represent the target audience, Created a clear problem statement based on user insights.

Target Audience

The Near Yangon app caters to young professionals, students, expats, tourists, remote workers, and coffee enthusiasts who enjoy exploring new coffee shops in Yangon. These users seek reliable recommendations and comprehensive information to find the best spots for relaxing, working, and socializing. By addressing their need for accurate details and easy navigation, Near Yangon enhances their experiences, helping them discover and enjoy the city's vibrant café and bar scene.

User Research

To ensure Near Yangon meets user needs, we conducted extensive user research, including interviews and surveys with young professionals, students, expats, tourists, and remote workers. These sessions revealed key pain points, such as inconsistent quality of coffee shops , unreliable reviews, and difficulties in finding accurate information and navigating to new places. Insights from this research guided the design process, ensuring the app addresses the real challenges faced by our target audience, providing reliable recommendations and comprehensive details to enhance their experience in Yangon.

I need a good coffee shop nearby.

Says

Do

Feels

Thinks

User

I prefer bars with high ratings.

Empathy Map

Search for nearby coffee shops or bars.

Excited to explore new places.

Concerned about quality and ambiance.

Save favorite places for future visits.

I hope it’s not too crowded.

Is this place worth visiting?

Yangon

Teacher

24 years old

Age

Name

Location

Job

Aung Moe Zaw Oo

Frustrations

Coffee shops often don't match their reviews. It’s disappointing and wastes my time.

Finding detailed, up-to-date information about coffee shops is a challenge.

Personality Traits

Outgoing

Curious

Tech-Savvy

Organized

User Persona

Aung is a dedicated teacher who works at a local high school in Yangon. He enjoys exploring the city's coffee shops to relax and work outside his home and school.

Goals and Motivations

Background

Find new coffee shops to relax and work.

Discover quiet, comfortable, and aesthetically pleasing places.

Awareness

Consideration

Decision

Action

Retention

Aung hears about the "Near Yangon" app from a friend who recommends it for finding great coffee shops

Word of mouth, social media, App Store, Google Play Store.

Curious and excited to try the app.

😊

Curious

Aung decides to download the app and checks the reviews and ratings.

App Store, Google Play Store, app reviews, social media ads.

Hopeful and slightly cautious based on reviews.

🙂

Hopeful

Aung downloads the app and opens it for the first time.

App download, onboarding screens, initial setup.

Welcomed by a clean and intuitive onboarding process, feels reassured.

😌

Reassured

Home screen, Discover screen, Filters, Coffee Shop details, Favorites.

Finds the app easy to navigate and appreciates the detailed information.

😃

Satisfied

Navigates to the Home screen and sees featured coffee shops.

Taps on the "Discover" tab and enters his location.

Uses filters to narrow down the search to nearby coffee shops with high ratings.

Selects a coffee shop from the list and views its details.

Saves it to favorites.

User Action

Touchpoints

Experience

Emotion

Visits the coffee shop and enjoys the experience.

Later, opens the app again to explore more places and manage his favorites.

App reuse, Favorites screen, additional searches.

Satisfied with the app’s performance and usefulness, likely to recommend it to others.

😀

Happy

User Journey

In order to identify the problem, the key points of the process had to be pinpoints . User journey map is to better understand the pain points, challenges, mindset which the user may encounter

Open App

Near Yangon

Login

Home

Discover

Favorite

Profile

Register

Onboarding

Email

Recommend

Cafe

Search

Notification

Search

See favorite

lists

Your profile

Favorites

App sittings

Security & Privacy

Support

About app

Logout

Terms and conditions

Newly add

coffee shops lists

Notification

Filter

Filter

results

Coffee shop

lists

Trending

View details

View details

Remove favorite

Save to favorite

View details

Save to favorite

Forget

password

Email

OTP

verification

New password

New password

update

Password

User name

Email

Password

User Follow

Information Architecture of Near Yangon

List of favorite Coffee shop

Favorite

List of favorite Coffee shop

with map

Home

Featured coffee shop

Recommend coffee shops

Recent searches

Search Bar

Filter Option

List of Nearby Places

Discover

Wireframe

Color Palette

#FF6B6B

#2C3E50

#F0F0F0

Profile

Profile

Favorites

Favorites

Home

Home

Discover

Discover

Home

Discover

Favorites

Profile

About

Menu

Reviews

About

Menu

Reviews

About

Menu

Reviews

Typography

Aa1

Typeface

Primary Color: #2C3E50 (Dark Gray) - Used for main text and primary buttons.

Accent Color: #FF6B6B (Vibrant Red) - Used for highlights, active states, and important icons.

Background Color: #F0F0F0 (Light Gray) - Used for app backgrounds and container elements.

Roboto

ashjk kakh dkhf ajklfhl aklfh ajfkl

1 2 3 3 5 4 7

Regular

Medium

Semi Bold

Bold

12 . 14

14 .16

16 . 20 . 24. 32 . 54

16 . 24

Iconography

Style: Minimalist and line-based icons

Source: Figma Community Icon Library (recommend using Material Icons for consistency)

Design System

Thank You

For Watching

Your feedbacks are highly appreciate.