Social Drink Gifting Made Easy

DoDrinks Prototype
dodrinks.com
DoDrinks Prototype browser screenshot
DoDrinks Prototype mobile screenshot

DoDrinks Prototype

DoDrinks is a startup gifting and promotions platform that lets users send and receive drinks. We launched a rapid prototype of the app to test the concept, and continue to work with DoDrinks on subsequent phases of the business.

We crafted all aspects of the DoDrinks app, starting with sketch prototypes using the popular Paper iPad app followed by interactive wireframes using Hotgloo. We developed the application using Ruby on Rails hosted on Heroku while we simultaneously created the visual design, branding, and identity.

UX Design

Designing the User Experience

In order to hone the experience a user would have buying or redeeming a drink, we created quick sketches of the process using Paper.

Sketches are a fast way to define the basic flow of the app without burning valuable time. Once the overall concept is dialed in, then we move on to more detailed wireframes.

Step 1
Step 1 Detail
Step 2
Prototyping

Building Interactive Prototypes

Hotgloo is an interactive wireframe tool that allows us to bring the user experience to life in the browser.

Unlike traditional static wireframes, interactive wireframes allow users to flow through the app as a real user would, click on active links, and use form elements as a real user would. We create different user scenarios and states that illustrate the behavior of the app before we write a single line of code.

Step 1
Step 2
Step 3
Receipt
Visual Design

Crafting the Look & Feel

With all the screens flows defined in Hotgloo, we can engineer the backend while simultaneously designing the visual look and feel, branding, and identity. We strive for pixel-perfection of a clean interface that is modern yet timeless.

Step 1
Step 2
Receipt
browser screenshot
Redeem
mobile screenshot
mobile screenshot
mobile screenshot
Identity Options
Identity