Pinner app

meri@23visuel.com

problem

Client wanted to own a product that would help people connect based on two criteria: Distance and Activity. The app would give accessibility to friends and, optionally, to strangers.
Karen from Bright8Media and I teamed up to work on the design challenge and deliver results to the client-side developers team.

Solution

During the brainstorming sessions we came up with 3 modes Pinner would be used for:

(continue reading below)
  • Team: Meri Harutyunyan, Karen Vardazaryan
  • My Functions: Design & UX
  • Tools/Techniques: sketch + Photoshop
  • Device: iPhone 5
  • Delivered: 2014
app store

Solution (cont'd)

Social mode helps users meet new people by making them publicly visible. This mode can be turned on and off by user.
To give some level of privacy to the user, we came up with a feature for the user to setup (1) a timer for visibility, as well as (2) a radius within which he/she would be publicly visible. This means that, if the user forgets to turn "Social mode" off, It would turn off automatically.

Meeting mode enables users to set up a meeting and invite friends. To start, the user chooses a location on the map, then invites friends and sets up a radius to share the event. Although the last two steps sound conflicting, the decision was made together with the client to enable both of the features, so that users who happen to be far away from the location of the meeting are not bothered by events they are unable to attend. In other words, this was a compromise in order to increase the conversion rate of meeting attendance.
The user would then have a list view of all the meetings with "today's meetings" highlighted, and an option to filter meetings sent by them.

GeoMessage is the winner mode for the app as it gamifies Pinner app and pushes towards healthier choices. The way it works is a user leaves a message to one of his/her friends and the message is locked for the friend (the friend would get notification but wouldn't be able to read it) unless the friend arrives to the location (± error margin).

Process

We have had several brainstorm sessions with the client. After every session, I worked on paper wireframes and then walked the client through the user flow. Once we agreed on the flow, I switched to Photoshop to work on hi-fi prototypes.
Karen and I developed the visual look and feel for the app, and prepared assets for production, including buttons, icons and redlines.

Project Critiques

Looking back at this project, I now see some missing logic at some points. To name a few:
- No onboarding experience was designed,
- In Meeting mode, user isn’t given enough control
- In Meeting mode, controls to set up a radius of sharing and inviting friends are counter-intuitive.

go to portfolio