New in Atlanta: Beer Delivery

UX design Prototyping wireframes User research data analysis user-centered design visual design Beer Runner Beer Delivery App information architecture

Brief

Have you ever wanted to get more beer but you and your friends were a few too many drinks in to drive? I have designed an app called Beer Runner that allows you to have beer delivered directly to your door. My app will cut down on DUI’s and tragic accidents, but let’s be real... Beer Runner is designed to make money.

Methodologies

-User Research

-Competitive Analysis

-Sketching

-Personas

-User Flows

-Low Fidelity Wireframes

-High Fidelity Wireframes

-Prototyping

-User Testing

Tools

-Axure RP

-Sketch

-Adobe Photoshop

-Adobe Illustrator

-InVision

-Keynote

Initial Research: Is it legal?

-There is very little or no written law about opening an alcohol delivery business, so a good lawyer will be necessary.

-Beer and liquor is perfectly legal to be delivered according to Georgia law.

-Wine, however, requires a special license to have it delivered to your doorstep.

Typical Beer Runner Users

Competitive Analysis Takeaways

-I decided to create a small delivery fee after taking a look at the competition and survey results.

-Companies across the board are doing promos, so I’ll take that route as well

-Recruiting drivers seems to be a place where companies in the industry are lacking, so I’ll pick that up too

-Other large industries support a feature that allows user’s to see where their driver is, since I don’t have a budget, I’ll use that feature also

-Letting user’s know the details of their current order in the delivery business is a must

Now that I understand the lay of the land, I begin to sketch my ideas out on paper.

Here is a link to all of my .sketches

After I get all of my ideas on paper, I begin to make wireframes that can be interpreted by developers.

Here is a link to all of my .wireframes

Here is a link to all of my .wire frame prototype

Here is a link to all of my .annotated wireframes

User Testing Methods

Johnee and Fillip want to have a good time in real life so I designed the app so that they focus on buying beer quickly. All of the other functions are secondary, which is why I put them inside a hamburger menu. Once I worked out the kinks, I visually designed the wireframes and created a prototype for more user testing.

Color Scheme

I chose colors with high contrast so that actions in Beer Runner are obvious, easy, and can be made quickly.

Here is a link to all of my .prototype frames

I chose the vibrant pinkish-red color because I wanted a color that would inspire action or in other words, influence people to buy beer. Red typically triggers a flight or fight response, usually this is okay for action buttons but since a large portion of Beer Runner's will be drunk, I don't want to incite aggression. I feel like pinkish-red tones steers away from connotations of blood and alert, but is still pops and adds life to the app.

The dark colors in Beer Runner give the app a sophisticated and trustworthy feel, I want the user to know that they can count on Beer Runner to deliver their beer in a timely manner. The dark color scheme also makes the user feel as if they are taking a ride on the dark side (without actually doing anything illegal). After all, the end result of acquiring beer is having fun.

Visually Designed Prototype Testing

Fortunately, almost all of the kinks were worked out in wireframe testing. I designed the app to be easy to use, adding visuals only helped. In this phase, I made everything consistent and uniform so that the user didn't have to learn how to use features throughout Beer Runner.

Iteration #3: Final Prototype