Brisk App

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

Let’s go shopping!

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.

Project Duration

7 months, 2016

Tools Used

Photoshop

Illustrator

My Role: Product Design & Strategy

Working in intense collaboration with the founders, we had weekly planning meetings and follow-ups to understand business/user requirements, define priorities and set product goals. I was a big part in the building of the Brisk app. I created the UX and UI design from scratch and seen it grow from a single screen design to a full e-commerce operating system.

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.

Key Questions

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

Personas

After thinking about the project, I decided to set up two personas that embody the users we are looking for.  

It was very important to provide valuable information about each persona, like demographics, problems, motivations.

I referred to the personas throughout the entire product development process.

Preparing the Journey

I constructed a user flow of what a basic start to finish the looks like while purchasing an item. This helps me in understand ways users can interact with the product, as well as allowing me to see navigation through user goals.

Customer Journey

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

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 of the design are focused on the user, it was time to develop the UI of the project. 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 started 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 guidelines of the operating system.

Brisk's Color Palette

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

The Font - Open Sans

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

The Iconography

To simplify some parts of the app I decided to opt for using icons rather than text. These icons are primarily used to condense space as well as quickly provide the user with adequate information.

The Final Product

The layouts of the app were designed to be simple and direct.

The goal for the user was to have an efficient app that would meet all the needs, and provide positive feedback to motivate future use.

To achieve this, I tried to include only what I felt was necessary for the user to accomplish these tasks.

 

From the moment they open the app, users are exposed to the various elements in stages. This means that once a stage begins, a user has a relatively closed and linear way of moving through the app. This type of slow disclosure gives the user the least amount of information to think about.

Order Flow

Brisk will guide the user all the way 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 gives the user an opportunity to open his own store and become a Brisker for free!

 

He doesn’t need to have a real store; he can use the shops around him as providers, buy from them, and sell is 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.

Contact Me

© 2020 by Tali Kivilevitz Shainer Design