Case Study: Socialight Mobile App

Socialight is an entertainment event platform that gives promoters the ability to connect and target event-goers through their mobile device. This project was developed as a prototype to attract venture capitalist and currently only promotes the Atlanta area.

With the app, event-goers have the ability to browse and search events, RSVP, get directions, and see details about events. Promoters can manage their profile, events, and reach out to their RSVPs through a desktop web browser or their mobile app.

Socialight is powered by a central web database which pushes data to the mobile app through a custom built API using JSON (JavaScript Object Notation). Currently, Socialight is only for iOS and will be expanded to other mobile operating systems in the future.

1 Research

Before we began developing the mobile application, we performed market research and analysis to determine what entertainment event-goers were searching for in the Atlanta area. Getting an understanding of who would use the app and why was also a crucial aspect to the success of the application. Establishing user segments and developing matching personas would provide the foundation for the app’s functional requirements.

Our research consisted of comparing search terms such as “clubs in atlanta,” “atlanta nightlife,” “bars in atlanta,” and “things to do in atlanta” to see the viability of the project as well as how people in the Atlanta area go about finding entertainment.

reasearch-Socialight

Knowing the popular search terms, how they have evolved over time, and the online trends allowed us to establish the user segments and develop personas for the project.

2 Scope & Discovery

By consulting with Socialight on their business model, we were able to fully define the project requirements for the app. Guided by these requirements and the user personas we created, we were able to identify the features needed for each user type.

scope-Socialight

3 Wireframes

Because the scope of the project was so large, it was extremely important for us to create detailed wireframes that addressed every possible situation that could arise within the app. We went through user scenarios and worked out all of the technical connections before moving into the visual design process.

The first set of wireframes deals with separating the event-going user from the promotional user. Although, event-goers are not required to have an account to browse and RSVP to events, promoters are and must be logged in to market through the app.

screen1-Socialight

Since the event-goer is not required to have an account, we had to figure out how a user would view and share events without having to create an account.

screen2-Socialight

We wanted to build a robust set of options for the user to find the events they were interested in. With this goal in mind, we set up a system where they could browse events by 4 different criteria: Location, Date, Special Offers, or Genre.

screen3-Socialight

The last step in the wireframing process was to design an interface for the desktop version that would allow the promotional user to quickly and easily manage their events, their profile, and access their RSVP lists.

screen4-Socialight

4 Logo & Branding

Since Socialight is a new brand, had complete creative control over the logo and all of the aesthetics. We choose to incorporate skylights into the logo to reflect the excitement of a premier event. Influenced by colors associated with the night life, we designed the brand to appeal to the most relevant user segments.

branding-Socialight

5 Design Features

To the right, are visual designs of the landing page and the home page of the app. The landing page separates the two different types of users: event-goers and event promoters.

The home page is from the perspective of the event-goer who is using the app to find entertainment they are interested in. The home page displays events based on upcoming date and popularity (number of RSVPs).

screen5-Socialight

The first option for finding events is based on location. You can either use your phone’s native GPS, a zip code, or a venue name to find events in your area.

The second option to find events by date. This gives the user the freedom to search for upcoming events or find events happening on a specific date.

screen6-Socialight

The third option is to find an event based on special offers given out by promoters or venues. For example, let’s say you are looking for somewhere to go for a bachelorette party. In this case, you may want to filter your search for upcoming events that are offering a ladies night special.

The last option to find events is to sort them by genre. This allows the user to filter events based on whatever scene they enjoy the most.

screen7-Socialight

6 Download the app

If you are interested in downloading the app for yourself, you can find it on the iTunes store or go to www.shinetonight.com for more information.