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.
7 months, 2016
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.
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?
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.
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.
In this project, we 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.
After thinking about the project, we decided to set up two personas that embody the users we are looking for.
It was very important for us to provide valuable information about each persona, like demographics, problems, motivations. We referred to the personas throughout the entire product development process.
Preparing the Journey
We constructed a user flow of what a basic start to finish the looks like while purchasing an item. This helps us in understanding ways users can interact with the product, as well as allowing us to see navigation through user goals.
In order to get to know our users' behavior better, we 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 is 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.
Now that the usability and experience of the design is 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.
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 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
The Font - Open Sans
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.
Waiting for your order
Send your order and 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.
Open your store
Brisk also gives you an opportunity to open your own store and become a Brisker for free! You don’t need to have a real store; you can use the shops around you as providers, buy from them, and sell is to the user with a slight markup for profit.
Simplicity is better
The least number of steps a user has to take to reach their final goal translates into acceptance and desirability.
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.