Koala Messenger

Description

Why waste time using a text service that was intended for two people when you have several friends trying to stay in touch? Inevitably, you end up infinitely scrolling to view missed discussions and decisions. Koala Messenger allows people to stay connected with their social circles to create “Here or There” decisions on group outings, “Comparisons” for those times when you just don’t know what outfit to choose, "Love or Hate" decisions to vote on an idea, and on-the-go "Events" so that everyone can join you for that last minute brunch. Friends can vote for what they want instead of adding to a lengthy discussion, and you can review the votes to make the decision that much quicker.

Collaboration

I worked closely with UX Design expert Rocky Medure to improve original wireframe concepts throughout the design. After meeting the entire team in person to brainstorm, I maintained a prominent virtual presence through emails and phone calls to ensure the design was meeting and exceeding expectations. Our team utilized Basecamp as a tool to discuss the project and assign tasks.

Sign-Up Process

Sign Up Screens

Design Chops

I was intrigued by the concept of Koala Messenger. Nothing quite like it existed in the app store, and my collaborators gave me the freedom to run with their concept and turn it into a desirable tool.

To complete the transformation, I had to:

  • Choose or design unique icons that had aesthetic appeal and made sense to the app’s targeted audience.
  • Develop a visual style using typography, color palette, and element forms.
  • Analyze wireframes and detail software interactions for final product.
Signing Up

Throughout the app, pops of color are used to guide the users through the steps. I used visual cues—like green checkmarks—to indicate the information has been entered correctly as well as provide a visual map of completed items. In the sign-up screen, the numbers at the top make it easy for the user to see how far along they are in the process.

The app provides continued guidance throughout interactions to clarify sucess to the user. For example, during the sign up process the user enters their phone number a notification appears to say the PIN has been sent.

Group Think

Autofill takes the edge off of remembering contact information by populating recipients from the user’s contact list as they are being entered.

Once contacts have been added, the user enters the post caption and can then make simple selections for the post type. This example shows a “Here or There” post, where the user can select a time, date, and two map locations for their friends to vote on.

Tally the Votes!

Outfit choices without an objective opinion are risky. The supportive friend depicted below has voted on the pink shoes. Anyone can view further statistics on voting patterns by tapping the “i” informational icon at the bottom of the post, beside the summary of how many friends have voted. This benefit deems no infinite scrolling through discussion threads necessary.

To meet current social media standards and expectations, users also have the ability to check-in to places or post photos that others can like or comment on. With each post housing its own voting and results, the message stream remains clutter-free for easy reading and private so that conversations stay separate from other posts.

Message Thread

Decision Creation Screens

Profile

Get in Touch!

In need of a designing-user-interface guru?

Hire me for your next project. I’d love to work with you!

Where you can find me

Currently I am working at Charles Schwab as a front-end developer. I code accessibility compliant HTML and OFT emails, as well as occasional landing pages. In between projects there I have been actively learning Javascript and Jquery to further my skillset.