top of page

GramCity

A traveler assistant app with a new feature of finding Instagramable locations.

The app allows users to find Instagrammable places where they can take pictures and share them with family and friends on social media. 

A traveler assistant app with a new feature of finding Instagramable locations.

The app allows users to find Instagrammable places where they can take pictures and share them with family and friends on social media. 

A traveler assistant app with a new feature of finding Instagramable locations.

The app allows users to find Instagrammable places where they can take pictures and share them with family and friends on social media. 

A traveler assistant app with a new feature of finding Instagramable locations.

The app allows users to find Instagrammable places where they can take pictures and share them with family and friends on social media. 

A traveler assistant app with a new feature of finding Instagramable locations.

The app allows users to find Instagrammable places where they can take pictures and share them with family and friends on social media. 

GramCity

A traveler assistant app with a new feature of finding Instagramable locations.

The app allows users to find Instagrammable places where they can take pictures and share them with family and friends on social media. 

See prototype

GramCity MockUp.png

My Role

UX/UI Designer

Technology

Mobile App

Duration

March - April 2023

Tools

Figma

FgJam

Google Form

Zoom

UX Process

Design Thinking Framework with an agile process: Google Ventures Design Sprint 5-days process

Epathy

1

Define

2

Ideate

3

Prototype

4

5

Test

Background

GramCity, a new startup, focuses on enhancing users' photos for social media, particularly Instagram. They sought to develop a feature aiding users in discovering great photo spots nearby. I joined their design sprint to devise a potential solution, culminating in a feature for the GramCity mobile app.

Background

Background

DAY 1: Understand & Map

On day one of the Google Ventures Design Sprint, I began by understanding the problem and mapping out potential user experiences based on research insights. This included organizing research findings into different categories using an affinity map.

Problem Space

Frustration in finding Instagrammable locations to take a photo in any city.

Disappointment from the user who cannot impress his community.

User disappointment is leading to abandonment or usage decrease of the GramCity app.

Affinity Mapping

During the research phase, participants were prompted to share their methods for discovering new and appealing photo locations. Below are examples of the insights gathered and the subsequent affinity mapping process that I employed to organize these insights effectively.

Design Sprint Insights.png

Drawing from the gathered insights, I structured the data into two distinct groups for further analysis and categorization.

Design Sprint Affinity Groups 1&2.png

The first group comprises individuals who have a specific type of location in mind that they wish to explore, while the second group consists of users who are interested in discovering Instagrammable places in their vicinity without a specific preference.

Business Goal

GramCity's core business goal is to curate and facilitate the discovery of scenic physical locations, specifically tailored for capturing visually appealing photographs at Instagrammable spots. This initiative aims to empower users in seamlessly sharing their captivating experiences with their social media community, thereby enhancing engagement and fostering a vibrant online presence.

Persona

Informed by the research insights and the conclusions drawn from the affinity mapping process, I have identified two distinct personas for this project. The first persona, Nick, embodies the segment of users actively seeking Instagrammable places near their current location. On the other hand, Sarah represents users with a specific vision of the area they wish to explore.

 As a user, Nick wants to search Instagrammble places near his location so that he will have information about all Instagramable places around him. 

Persona Nick GramCity.png

As a user, Sarah wants to find the special type of Instagrammble locations so that she will have information about the specific type of Instagramable places that she was looking for.

Persona Sarah GramCity App.png

HMW (How Might We)

How Might We help Nick and Sarah find the most Instagrammble locations to take a photo in any city?

How Might We help Nick and Sarah find physical places and locations by spending less time and in an easy way?

How Might We help Nick and Sarah to explore how to find great locations for their photo near them?

How Might We help Nick and Sarah to explore where they can find awesome Instagrammable places near them?

Solution Statement

Design a flow for the GramCity mobile app to help users find awesome Instagrammable places to take beautiful photos, wherever they are in a short period of time. So it reduces the frustration and the disappointment of finding Instagrammable places in a short period of time.

So, I decided that it will be good to have two specific solutions to find Instagrammable places: 

  • first by using a search box feature for a specific search experience, and 

  • the second way is by creating an exploratory flow by dividing Instagrammable places into different groups which are gonna narrow the research to Instagrammable place.

Day 2: Sketch Your Solution

On day two of the design sprint, I researched relevant products for inspiration, focusing on apps like TripAdvisor, Visit A City, and Viator. Attached are screenshots of the screens I studied for inspiration.

1. TripAdvisor

7.png

2. Visit A City

Visit A City.jpeg

3. Viator

Screenshot_20230714_134834_Viator.jpg

All three apps offer trip planning, reviews, community travel advice, and booking options. They also feature location identification before users start their search for destinations.

I sketched my solution using a Crazy 8s exercise, ensuring users input their location before GramCity suggests Instagrammable places. The screens feature a user interface for searching Instagrammable locations using specific and exploratory triggers.

Crazy 8's Design Sprint.png

GramCity's pivotal screen features specific search and exploratory triggers, catering to two distinct user groups identified during affinity mapping. Here's an example of this crucial screen with two specific triggers:

1.Specific Search Trigger.png

1. Specific Search trigger: the first way is where the users can use the search box and type the name of the Instagrammable place that they already know and would like to visit. Here is a sketch image of a specific search trigger.

2. Exploratory search trigger: the second way is when users explore Instagrammable places from a different group of places: “Beach areas”, “Towns & Cities”, “Historic Places”, or “Infamous places”. Here is a sketch image of the exploratory search trigger.

2. Exploratory Search Trigger.png

DAY 3: Decide and Create a Storyboard

On the third day of the design sprint, I finalized my chosen solution. Building upon the conclusions from affinity mapping and identifying two user groups, I proceeded with designing a screen that enables location identification before users initiate their search. This screen incorporates specific search triggers tailored for the two personas representing distinct user groups.

Once I finalized my decision on the solution to proceed with, I crafted a storyboard to visualize the flow. Attached is an image of my 8-panel storyboard.

Storyboard Design Sprint.png

DAY 4: Prototype Your Solution

On day four of the design sprint, I began prototyping by crafting low-fidelity wireframes for GramCity's new feature, tailored for users like Nick and Sarah. Here are all the low-fidelity screens for GramCity:

LF Screens.png

On the first screen, GramCity asks for Nick and Sarah's location and directs them to screen 2 with a "Start" button. Screen 3 prompts them to allow location identification, followed by a confirmation notification. On-screen 4, Nick uses the search box to find specific Instagrammable places by typing their names. Sarah follows a similar process but chooses an exploratory search trigger like "Beach areas" on screen 4 to view related Instagrammable locations. The final screen displays detailed information about the selected Instagrammable place for both Nick and Sarah.

DAY 5: Validate

I conducted remote moderated usability tests and interviewed 5 participants, all experienced in searching for Instagrammable places. They tested GramCity's new feature for finding such locations. Tasks included locating their current position, searching for Instagrammable places, and selecting from specific groups of locations.

During interviews, users shared feedback on potential new features and the app's utility.

Users completed tasks promptly during testing, indicating favorable usability for the initial MVP iteration.

One finding from the testing process is as follows:

Screen 8. Findings

Finding 1. Design Sprint.png

Screen 8. Changes

Finding 1.

Users were frustrated that on the screen just one picture of an Instagrammable place.

Change 1.
Add a carousel option for showing more pictures of the same Instagrammabale place

Change 1. Design Sprint.png

Final High-Fidelity Screens

Following extensive usability testing and subsequent refinements to the low-fidelity wireframes, I proceeded to develop high-fidelity screens for GramCity's new feature. Below are the finalized high-fidelity screens showcasing the new feature, along with a link to an interactive prototype.

HF Screens. Design Sprint.png

Next step for the project

  • Implement a "View on Map" feature linked to Google Maps to display Instagrammable places around the user.

  • Enhance Google Maps with pop-up location icons that open images of Instagrammable places when clicked.

  • Display suggested Instagrammable places adjacent to the selected location on screen 8.

  • Include images alongside the names of Instagrammable places on screen 7 for a visual reference.

  • Introduce new categories of Instagrammable places like "Famous Locations" and "Top 10 Most Visited Places Nearby."

  • Provide links to social media platforms such as Instagram, Facebook, and Pinterest for users to view more pictures of the same location.

  • Incorporate a link to Tripadvisor reviews for each Instagrammable place to offer users insights from other travelers.

Conclusion

I acquired valuable insights into designing the location identification system for the GramCity app, enabling targeted suggestions of Instagrammable places based on user proximity. This knowledge is crucial for users making informed decisions about their destination choices. Moving forward, I am eager to explore additional interview avenues to gain a deeper understanding of user motivations and decision-making characteristics related to choosing locations. This holistic approach will further enhance the app's user experience and overall effectiveness.​

bottom of page