Product Design and Pitch for iBeacon system

Project Description

I wrote requirements for how the feature should respond to iBeacons, storyboarded the interaction, and wireframed the UI. Then I presented the idea, which received enthusiastic support!

The feature was an extension of Cafe Coach, one of Zipongo’s features, which provided personalized recommendations for what meals the user should eat at the company cafe. It had extremely high usage, and users loved it. (“I read it every day!”) When Apple announced iBeacon support, I realized that we could use its location detection functionality to automatically display meal recommendations to users!

Skills Used

  • Interaction design
  • Wireframing
  • Product Management

The Pitch and Wireframes

The feature was for an application centered around an iBeacon transmitter, placed inside a cafe, like so:
A single iBeacon transmitter with a user standing outside the field.

Then when a user walked close to the beacon, our app would wake up:
The Zipongo app is woken up when the user enters the iBeacon field, and sends a local push notification.

And send a local push notification with two recommended meals:
An example notification on iOS, with a recommended entree and side.An example notification on Android.

If the user opened the notification, they would see the full set of personalized recommendations for that cafe:
The full recommendations for the current cafe. The full recommendations for the current cafe.

Cafes could have multiple Beacons mounted within them (see the lower left), which would not interfere:
Multiple users can enter the iBeacon field at the same time.

Finally, all recommendations were personalized to an individual’s diet, allergies/restrictions, and even preferences. (In this case, shown by uniquely coloring each icon.)
Different users receive different, personalized recommendations (indicated by the different colors).