Billow
Billow

Billow is a social media in which users can invite friends to join events and share the location. The app lets people easily explore activities, and make friends with someone who has the same interests as you. Shorten the distance between people and explore more fun around you.

TYPE

iOS Mobile application

MY ROLE

UX researcher & UI Designer 

SOFTWARE

Adobe Illustrator, Adobe Photoshop, Adobe XD

DURATION

3 months

Billow Branding
The Research

We needed to understand users' behaviors of how they keep following the events they are interested in online. In this survey, we created a series of google surveys and tended to design each question as an open-end form which assists us to comprehensively organize the users' journey later. 

When asked "What social media do you use the most frequently?"  
  • 70 % of interviewees said they use Instagram the most frequently

  • 22 % of them use Snapchat 

  • and the rest of 8 % of interviewees use Facebook 

  • In addition, to dig into what the reason makes them use certain social media more frequently compared to others is that "the randomness" and "the story feature". 

To continue this survey and asked, "how do you keep track of you are interested in online?"
  • 50 % of interviewees use Instagram or Snapchat story features to explore new events

  • 25 % of them receive private messages from friends about new events they may be interested in

  • and then 12.5 % of them see Facebook event suggestion so that they are notified about new events around their current cities they are living at

After finding out an interesting event you would like to join, "how do you invite your friends to attend it with social media?
  • 50% of interviewees answered that they would send private messages with social media and invite friends going the event with them

  • 12% of them said they don't invite people 

  • and the rest of 38% of them did not clarify how they would invite friends in detail

  • Be aware that there is no certain way for people to sent event invitations

Research Insight

After the google survey form and I also selected a number of people to interview and understand how their research event processing looks like specifically

The research event processing 
  • In this section, their answers are too diverse to be presented with clear steps or categories

  • Interviewees would go to multiple mediums websites back and forward to comprehensively understand the event content 

  • Unclear processing is the biggest issue to make the event searching inefficient 

Asked, "Would you like to share events and finding more people joining events with you?" 
  • 50% of them are willing to know people who are sharing similar interesting, with mutual friends' group, and social media page

  • In other words, this APP is better to suggest online friends with the above characteristics

And then how do people remind themselves about the events schedule?
  • 39 % of interviewees don't remind themselves about the coming events with any methods

  • 38 % of them would like the event page and turn on the notification to receive the newest updates

  • and 28 % of them would save events with either screenshot or personal calendar

  • Yeah! It looks like there is no social media to remind event schedules! People may miss the fun...

Users' Journey

Okay, it is time to make a clear conclusion about what I have found in this survey 

Analyze the event searching processing from beginning to end  
  • To start drawing the layout of users' journey, I imagine from the perspective of an event researcher and also thinking about possible difficulties they may face

  • Rectangle white blocks will represent each behavior,  diamond gray blocks are the decision making and orange blocks are the processing warning that it can be issues that slow down the entire searching 

Competitor Analysis

We observed other social media that help users to look for new activities and invite them to friends, and none of them dresses to match people who have the same interests. 

After putting the existing solution into a 2x2 matrix, I am able to find out the strengths of this APP  
  • A mobile app that suggests fun activities based on users’ current location, is able to update live stories about the event you are attending, and easily invite friends to join with them.

The Solution
  After going through users' journey and pointing out a few inefficient steps users may face, and I think it should be
  • Billow allows the users to research fun activities around their current location, to match/contact with people who have the same interests, and also to update their story video about live events. After research, we found out the searching event and inviting friends processing has been slowed down and been inefficient on social media. So, we decided Billow to let people easier reach out to people to join activities together. 

Here is the main feature to do the "Problem Solving" 
  1. Event filters

  2. Story feature

  3. Send invitations

  4. Matching feature

Paper Prototype 
  What do we want this social media iOS APP?
  • We want the map page showing pins, and each pin is represented as a unique event. Each pin should be clearly pointing on the map so that users can have a better sense to know where and how long the distance the user from the event. Apart from showing events around users' current locations, there should be a button that users can switch to see those events of their followings. It can know what events are happening globally. In addition, once a pin was clicked, the event detail will be stretched and users can see how other internet friends are interacting. By clicking the add event button on the map, users can easily share their joy from activities on the internet and make more friends

  What kinds of features will we implement?
  • There are eight basic principles we want to implement on this app, and to quickly test our concept, we created paper prototyping. To quickly test our concept, we created paper prototypes that demonstrate key user flow.

  • The paper prototype allowed us to brainstorm on main features without expending too many resources.  We iterated on our wireframe by conducting guerrilla usability testing with paper prototypes. With a total of 8 participants, we aimed to validate the solution concept, clarity on components.

High-Fidelity Prototype
BILLOW'S FUNCTIONALITIES
  • After searching and completing guerrilla usability testing with paper prototypes, the direction on how to design the final high-fidelity prototype and approach the problem is more clear in this project. 

  • Here is the prototyping design 🤩 

SEARCH

Generally, the search page is a map that presenting the user's current location and the city around them. And there are a couple of keys functionalities in this page

Event Selected

Events

  • After entering a keyword for event searching, a window will pop up with related events around the user's current location.

 Selected event status 

  • Users can update their own event status for each event.
  • "Going", "interested", or "not interested".
  • After the update the event status, the user can receive the newest events' notification.

Event Calendar

Search bar

  • On the top of the search page, there is a search bar for users to target the event keyword they are looking for. Once, the keyword is entered and a search result window will pop up.

Calendar

  • The icon next to the search bar is the calendar. After confirming going to an event, the notification of the calendar will turn on and save the event in the schedule. 
  • By pressing the icon, the page will be navigated to the calendar page, which shows the following event that the user is interested in or confirms to go.

Event Filter

Filter

  • Users can customize the filter, like what time they prefer for the event, how far the event is away from them, or sorting the event by specific.

Filter setting

  • After setting up and update the filter, the sorted events will be updated on the page.

Event Comment

Event Comment

  • By clicking the event comment, it can view others' comments and event reviews. Also, it is sharable with friends.

Event Page

Event Story 

  • By clicking the story circle, the story will show on the screen and is able to view the live video of the event.

Event Page

  • The event page collects the details of the event, including, the location, time, ticket resource, description, and official website. In addition, users can see who is going to the same event among their friends.

Event Followings

Event Followings

  • On the page of the event follows, users can view their friends' current event stories worldwide and get the newest update of the event they are following. 

The difference between event search and event followings 

  • Event following primarily presents the stories of followings and receive the newest event updates users like. It will be less considered users' physical location.

  • Event search aims to explore nearby events based on users' current location and sort events into different categories. 

Event Invitation

Invitation 

  • People can send an event invitation to friends and share the information with them.

The new idea of invitation

  • Part of the future part will focus on how users can customize their own invitation emoji or cute animation. I want users to experience interaction through the process of sending an invitation to their friends and have a sense of ceremony.

MATCH

The mission of Billow is to let people easily find fun activities around them and invite friends together. Also, to share live event videos worldwide. To spread the joy, we make Billow include the match feature so that users can explore fun activities with new friends. 

Match

Match Feature

  • Users can find someone who has similar events interesting and invite them to go to explore the fun. 

SHARE

By pressing the share button, users can film their event story and share it to selected friends or the public.

CREATE EVENT

Film 

  • Users can record videos about the events they have been going to, and post them on own profile page as memories.

Video editing

  • Users can create unique event videos with those editing tools.

Update event information

  • After recording the event story, users can update the event information and share it with others. The update will be collected by algorithms and create own event page to attract more people who have a similar taste as you, and then they may join with you.

Share event story

  • The owner can decide either share the event story with the public or with specific friends only.  They manage how their profile will look like from different views.

MESSAGE

Users can privately send messages and make invitations to friends.

Message

Message Feature

  • In the message box, users can freely text with their friends, and share event invitations to each other. In advance, after the user confirms the event invitation, it can save to own calendar and receive customized event animation.

Inbox Feature

  • The inbox page shows messages from others who are not users’ friends. After the users accept others' friend requests, the message will be moved to the general message box for protecting users' privacy.

PROFILE

The Profile page records individual event stories and activities they are interested in.

CREATE EVENT

Event Story 

  • Event stories record users' journey an experience. In advance, users can set up own privacy for each event story, either they are presented in the public, or only showed few special friends.

Interested Event

  • Interested event feature collects users' habit and interesting, which let more people know the users.

Notification

  • The notification page shows current news and follows up events they are interested in. Also, the user can see who send a friend's request to them and view their personal profile page.