Gram City

jasmin-plouffe-designer-gram-city-02.png
 
 

Client:

Independent Project


Role:

UX/UI Designer


Deliverables:

Competitive Analysis, User Flows, Sketches, Wireframing, InVision Prototype and User Testing


Platform:

iOS App


 

Challenge:

I love taking photos especially when I travel. But how many times have I missed that one place that is notorious to take photos at. I figured if I had this problem then other photographers and tourists must have it too.

Therefore, I created Gram City an iOS (native) mobile app that lets users find the best places to take a photo in any city. The app features various points of interest including architecture, art, bars, restaurants and pop culture landmarks that will get you likes on your Instagram posts.


Results:

Actually testing out the app proved to be the most beneficial because now it showed what a user was looking to do versus what I thought was I thought a user would like. The visual design is really the finishing touches on a product.

 
 
 

InVision Prototype

 
 
 

How Might We Design A Map That Allows Users To Easily Find Notorious Location To Take Photos At?


 
 

The Competitive Analysis

What I learned:

Upon completing the competitive analysis, I learned when a map had too much information on it, it was visually overwhelming. When a map had too little information, the user does not have enough information and has to do more work in order to decide on that particular location.

 
 

The Basic User Flow

The Sketches

 
jasmin-plouffe-designer-gram-city-30.jpg
 
 
 

The Inspiration

After a recent trip to Denmark, I was inspired by the simplicity of the Louisiana Museum map. Because of the two different mediums, the white map does not get lost against the white wall. I also love the simplicity of the map's features. Each wing is printed in black and the English translation is printed in grey. The hierarchy pops right off the map. Even with the information and bathroom symbols, the map is still not overwhelming and cluttered. It is very easy on the user's eye. I also was inspired by this save the date by Underwood Letterpress. The abstract city guide says so much with so little detail.

Museum map of the Lousiana Museum in Denmark.

Museum map of the Lousiana Museum in Denmark.

Save the date by Underwood Letterpress via Instagram.

Save the date by Underwood Letterpress via Instagram.

 
 

The Visual Design 

jasmin-plouffe-designer-gram-city-22.png
 
 
 
 
 
 

The User Testing

I tested my initial prototype on 3 users. I found conducting the user testing was more beneficial than I expected it to be. I learned that the 67% of users felt lost initially after opening the app. I need to examine the onboarding process more to make the user wants to continue to explore Gram City. Seeing users interact with the app was also really good to see too because it showed me what was their natural gestures were.

 
 

jasmin-plouffe-designer-gram-city-02.png

My first attempt to address the challenge provided valuable information. By conducting user testing, I learned what a user was looking to do versus what I thought was I thought a user would like.


The major challenge I faced was the on-boarding process. The app seemed more intuitive for younger users but more confusing for older ones.


I realized I didn’t understand how important visual hierarchy is for smaller devices. Coming from a print background, I don’t have to worry if an icon is too small to click on. In my next iterations, I want to simplify the information box to only have what is really needed.