Brisk App

Brisk is a location-based mobile shopping app with fast delivery and payment at your doorstep. Brisk also gives you an opportunity to open your own store.

It’s the 21st century. There’s an app or website for everything; a lot of our problems and needs can be solved by searching for the solution online.

Years 

2015 - 2016

My Role

Lead Product Designer User research, wireframing, prototyping, and final product design

Tool Used

Photoshop

Illustrator

The Challenge

Create an interactive mobile application prototype that can make the grocery shopping experience faster and easier. 

Wouldn’t it be fantastic to decide what you want to cook for dinner, and then find the necessary ingredients on your doorstep within a few minutes?

Problem Statement

Some users prefer to shop at a supermarket, rather than with a groceries app, but sometimes, they find that they are unable to get exactly what they need for their recipes at a neighborhood grocery store. Also, shopping in the central supermarket is not always the best experience.

Solution Statement

By creating the Brisk mobile app, users can find the ingredients they need from grocery stores in their neighborhood, and have them delivered to their home within a few minutes.

01

Key Questions

In this project, I took a goal-directed design approach that proved to be quite effective in our design efforts. We started by asking ourselves some initial key questions.

02

Creating Personas

After thinking about the project, I decided to set up two personas that embody the users we are looking for. It was essential to provide valuable information about each persona, like demographics, problems, motivations. I referred to the personas throughout the entire product development process.

03

Preparing the Journey

I constructed a user flow of an essential start to finish while purchasing an item. This helps me understand how users can interact with the product and see navigation through user goals.

04

Customer Journey

To better understand our users' behavior, I created Lauren’s Journey Map from getting the app to placing and receiving an order.

Research

Sketches & Wireframes

Before creating the design I sketched out a wireframe of the app in order to find the best way to communicate and show users how to use the application in an intuitive manner. 

After creating a couple of different versions, I found a version that had the best user flow and created an easy and fast way to get to the end result. This stage of the design was useful and helpful to go from the conclusion part to the creative part.  

After sketching I created the grayscale wireframes using Photoshop that later I used to complete the final design as well.

UI Design

Now that the usability and experience are focused on the user, it's time to develop the UI. The design process was an exciting creative challenge. 

 

I first started to set the tone and feel of the brand. I could determine colors, textures, emotions, and sensations. I began to design the buttons, icons, font sizes, cards, and any other building blocks that created the graphic universe of the product. 

 

The design was for a mobile app, both iOS and Android. In each platform, I use some of the operating system guidelines.

Brisk's Color Palette

I decided to stick to the flat design used a lot in apps at the time, a very fresh and light color theme.

The Font - Open Sans

I used Open Sans, very clean font for Hebrew and English.

Iconography

To simplify some parts of the app, I decided to use icons rather than text. These icons are primarily used to condense space and quickly provide the user with adequate information.

Order Flow

Brisk will guide the user through the fulfillment process. The user sees the delivery flow at all times, and he/she will know when the delivery is expected to arrive.

Store owner on-boarding

Brisk also allows the user to open his store and become a Brisker for free!

 

He doesn’t need an actual store; he can use the shops around him as providers, buy from them, and sell it to the user with a slight markup for profit.

Takeaways

Simplicity is better

The least number of steps a user has to take to reach their final goal translates into acceptance and desirability. 

Constant Validating

This is what truly determines the quality of a UX process. But unfortunately, we didn't have a constant validation process that determined the success or failure of a product or service.

The Final Product

Create an interactive mobile application prototype to make the grocery shopping experience faster and easier. Wouldn’t it be fantastic to decide what you want to cook for dinner, and then find the necessary ingredients on your doorstep within a few minutes?