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?