Helping you do something awesome

DoStuff Media is rapidly growing with on-the-ground communities in over 20 cities around the world. They needed a mobile application to make it even easier for their users to find the best stuff to do in their cities.

001. Brief

DoStuff engaged thirteen23 to combine their successful set of event-finding websites into a single mobile application.

002. Solution

We designed and developed a new mobile experience, adding notifications and geolocation to surface nearby events.

003. Outcome

The application has grown to over 20 cities, receiving critical acclaim from TechCrunch and a 5-star rating in store.

From web to app

Adapting a website to a mobile experience is a matter of scale, both in screen size and in focus. We wanted those familiar with the sites to feel comfortable the first time they used the app while also taking advantage of the opportunities provided by the platform.
Prioritizing

PRIORITIZING AND SIMPLIFYING

For the first iteration of the application, we focused our features around the primary experience — easily finding and saving the stuff you want to do. We mapped out loose user flows, cataloged possible actions, and then planned our features accordingly.
Navigation

DESIGNING THE NAVIGATION

Because of the cyclical nature of DoStuff’s content — an event could link to an artist could link to a venue could link to another event — users could get lost in what we affectionately called “back button hell.” We settled on a simple tab navigation to ensure you could always jump between sections, no matter how deep you were in the application.
The DoStuff app is smartly designed to find you something to... do, but without overwhelming you with endless lists of sleazy club nights and lame community gatherings.
— TECHCRUNCH

Extending the brand

For the UI design, we drew inspiration from DoStuff’s city websites, customizing each locale with colors, fonts, and image treatments. We wanted to ensure it didn’t feel like you were changing applications when changing cities, so we chose a dominant color theme for each city.
Detail

Animation

While we’re designing the UI, we often explore animation concepts to add more personality and to help orient the user. One of the transitions we prototyped addressed moving from the main list view to a detail view and back again.

BRINGING THE CITIES TOGETHER

Beyond making sure the cities looked good together, we needed to make sure they worked together. Since each city's website operates individually, the same person could have a different username and password across cities. We didn’t want someone to have to sign into the app repeatedly, so we created a way to seamlessly migrate your account when you changed cities, creating a single sign-on experience.

SWIFT: THE NEW FRONTIER

We opted to develop the project in Swift, Apple’s newest language, because its release aligned well with our launch date. Swift is easy to maintain, easy to read, and quick to write, so it made sense to use it over Objective-C. There were bumps in the road, but in the end it was worth it. We were able to give DoStuff a codebase on the latest platform, reducing maintenance moving forward.

Moving to Android

Following the design and development of DoStuff’s iOS application, we did a full exploration of what the native Android experience should look like.
Navigation animation

MENU REDESIGN

One of the biggest differences between iOS and Android is its navigation patterns. DoStuff’s information architecture required careful consideration when translating across platforms. On Android, we replaced the tabs with a navigation drawer, retaining the same functionality but providing more space to scroll through events.
Rsvp animation

LEVERAGING ANDROID’S NATIVE PATTERNS

Google’s Material Design patterns allowed us to add new functionality in a way that felt native to Android users. Buttons on Android commonly show secondary options when tapped, which we leveraged for the “Add” button on event cards. This added the ability to seamlessly RSVP or win tickets without have to backctrack to the event page.
The DoStuff app is a game changer...
— Josh Baker, Owner of Do317

Recognition

  • Techcrunch
  • CNN
  • W3 Award