WanderGram

Curating travel for social media increases traffic for hospitality

Problem
Application
Role
Duration
Tools

Creating a solution for people to find photo-ops while traveling

Mobile

Lead Designer

1 week

Procreate, Figma, Google Suite, Zoom 

press to zoom

press to zoom

press to zoom

press to zoom
1/5
804-8045468_iphone-x-frame-iphone-x-frame-png-hd.png
Untitled.png
804-8045468_iphone-x-frame-iphone-x-frame-png-hd.png

Introducing WanderGram

WanderGram is a photo editing app that helps users make their photos look awesome before sharing them on Instagram or other social media.

WanderGram wants to explore a solution to help users find photo ops nearby while having an active community of users finding and sharing their favorite spots.

Day 1

Understanding the Problem

Before creating any solutions we need to dive into the data that WanderGram had provided to learn who are the optimal users. So we meet Nick and Sarah. Nick wants a solution to find the best photo-ops nearby without researching extensively. Sarah on the other hand doesn't mind researching however she has a hard time finding data on lesser-known locations.

Nick.png
Sarah.png

Nick and Sarah showcasing who is the ideal user

Creating a plan

I created an affinity map laying out the features Nick and Sarah wanted. I jotted the potential features as well as looked into the competitors/inspiration apps that would inform on how the app would look and feel. Finally, I deduced possible color palettes that would compliment the theme.

WanderGram Affinity Map.png

Affinity map showcasing ideas and app inspiration

Scoping out the competition

I looked up the top app results for travel and compared the features amongst each other to see which apps reach most of the users need and which apps were lacking. Traveladvisor was the top app with all the features, however it felt harder to be recommended places without searching. Roadtrippers offered a feature of buttons to recommend nearby spots however it was much harder to share with friends and family your trip.

Competitive analysis chart of the top travel apps

Day 2

Creating flows for frictionless use

Before starting the sketches for the prototype I was ideating the possible user flows on how one would go about using the app. I want to make the least amount of steps for a user to be able to choose a spot and travel to said location.

Sketches of possible user flows for WanderGram

Illustrating the blueprints

Before starting the sketches for the prototype I was ideating the possible user flows on how one would go about using the app. I want to make the least amount of steps for a user to be able to choose a spot and travel to said location.

Tabs to offer immediate suggestions as well as nearby trending spots

Location and weather to inform users

Favorited section so users can keep track of locations they like to frequent or one that plan to visit

Ability to customize trips and offer navigation to the locations

Ability to learn more about a location by seeing photos of other users and reviews of their experinece

Day 3

Untitled.png

#FCD676

Orange Yellow Crayola

#17AF8B

Jungle Green

#D04E85

Mystic

#EDF2E6

Ivory

#9A9F93

Morning Blue

#383837

Black Olive

#ColorStory

In order to create a new color palette I took inspiration from Instagram and other popular social media platforms. I payed special attention to the top posts tagged #vacation or #destination and grabbed the colors that kept showing up and implemented them into the color palette.

Color palette inspired by popular Instagram posts

Mapping out the app

When creating the low-fidelity screens I took inspiration from all the top travel apps and compared their layouts and features the implemented the features that followed the features the personas would benefit from having including:

  • A featured homepage

  • Curated trips

  • Place to keep favorite locations

  • Profile section where you and others can share locations and photos

  • A page dedicated to give extensive details about the place

Low-Fidelity screens mapping out the layout of the app

Day 4

Taking notes from users

After including all the details to make a fleshed out high-fidelity prototype I conducted a round of user testing with over 4 people who aligned with Sarah and Nick. Some comments users had about the app:

  • Allow the start page include a quick instruction of the important features

  • Map needs an option to share with others

  • Profiles need to show ability to see who you are currently following

  • Appreciated the homepage showcasing weather and location

  • Loved seeing the accessibility of the location and availability for bathroom or parking

  • Enjoyed seeing the variety of locations not including foods and parks

  • Liked seeing reviews from other users

After taking the comments of issues needing to be fixed I implemented what I thought would elevate the app and created the final iteration of WanderGram

Final screens for WanderGram

Last impressions from the sprint

After finishing the design spring here are the main takeaways from the experience:

  • Take inspiration for the UI from other apps that contain similar features to save time

  • When creating features from data already conducted pay close attention to any overlapping concerns to create an all in one solution for the users

  • People love being given the option to learn all that they can about the place

  • When you create a fun looking app it creates excitement and interest

  • When designing in a short amount of time it forces designers to come up with on the fly solutions

If given more time I would be able to create a more fleshed out prototype and integrate the editing features from the original app and create a more effortless flow from finding the location to editing then posting.

Test out the live WanderGram prototype below