Blenz Coffee

Vancouver's beloved cafe chain

Vancouver's beloved cafe chain

Vancouver's beloved cafe chain

Revitalizing Blenz's mobile app for effortless and efficient ordering, enhanced by a warm and inviting UI transformation.

Revitalizing Blenz's mobile app for effortless and efficient ordering, enhanced by a warm and inviting UI transformation.

Revitalizing Blenz's mobile app for effortless and efficient ordering, enhanced by a warm and inviting UI transformation.

Services

Mobile App Design UI & UX Design

Scope

1 Month

Industries

Food and Beverage

Date

January 2023

App Screen with open sidebar
App Screen with open sidebar
App Screen with open sidebar

Key Screens:

Key Screens:

Problem Overview

Young busy professionals are always on the go and they need to be able to order their coffee with ease. During my research I discovered that when COVID hit, consumers had to start ordering their coffee through apps more often. Vancouver's Blenz is no exception.

Young busy professionals are always on the go and they need to be able to order their coffee with ease. During my research I discovered that when COVID hit, consumers had to start ordering their coffee through apps more often. Vancouver's Blenz is no exception.

Preliminary Research

BC's flood preparation guide was a great resource in pin-pointing the most common needs in extreme weather conditions. These will later be implemented within my app as highest priority necessities.

Additionally I found a government-issued resource that dives into the step by step instructions of how to help an individual with a disability in the best way possible during an emergency. This information can be used in the "info" pages of the app.

Services and Apps on the market

Services and Apps on the market

Services and Apps on the market

In ensuring that the app is able to accomodate the key accessibility needs, I conducted market research with the ICE App. Here is what I discovered:

ICE App Overview

ICE APP SWAT Analysis

ICE PERSONA+EMPATHY MAP

Relevant Flood-Associated Issues

After researching the market, I found a big gap not only in accessibility-focused emergency services, but in disaster-focused apps in general.
While there are government ran downloadable apps, there is little difference between what the flood guide states on the website vs the application.

Early Brainstorming Sketches

Early Brainstorming Sketches

The advice always states that the user should prepare the necessities ahead of time. However, humans tend to procrastinate or forget, or simply the disaster can happen unpredictably, leaving the individual with no choice but to make due with what they have.

Funnelling Down the Concept

Volunteer

Volunteer

Volunteer

Donates food and necessities

Donates food and necessities

Donates food and necessities

  • Builds relationships and helps community

  • Receives in-app points

User in Need

User in Need

User in Need

Chooses/receives food and necessities

Chooses/receives food and necessities

Chooses/receives food and necessities

  • Receives necessities at the door

  • Saves time and nerves

Sitemap

In envisioning the user flow of the app, I wanted to have both perspectives mapped out: the app interactions from the volunteer and the person in need of a delivery.


The sitemap to includes the key functions of each screen. Branching off from the welcoming page where the user is prompted to choose whether they need help or would like to be a volunteer, to finite sub-sections such as account settings.

In envisioning the user flow of the app, I wanted to have both perspectives mapped out: the app interactions from the volunteer and the person in need of a delivery.


The sitemap to includes the key functions of each screen. Branching off from the welcoming page where the user is prompted to choose whether they need help or would like to be a volunteer, to finite sub-sections such as account settings.

In envisioning the user flow of the app, I wanted to have both perspectives mapped out: the app interactions from the volunteer and the person in need of a delivery.


The sitemap to includes the key functions of each screen. Branching off from the welcoming page where the user is prompted to choose whether they need help or would like to be a volunteer, to finite sub-sections such as account settings.

Sitemap on Sticky Notes

Sitemap on Sticky Notes

Sitemap on Sticky Notes

Sitemap on Sticky Notes

I found that by making the sitemap with sticky notes I was able to easily shift pages around freely.

Flats and Purpose Refinement

Beginning the design of the app, I began my brainstorming by trying out various home page layouts from the perspective of the user in need.

Sketches on Procreate

After feedback, I have decided to focus on developing the app from the perspective of the volunteer.


I have received some great suggestions and solidified my app's purpose. Venux (app's name) would serve as a government-funded community powered service. It will connect users in need with volunteers that will be able to deliver goods and necessities either through shopping or donation. The volunteers will be compensated for their expenses by the government and will be rewarded with points that can be used for discounts at grocery stores, prizes etc.

Wireframing

I began sketching the key screens in procreate to experiment with the overall layout.

Transferring over the Procreate Sketches into clickable Figma layouts:

Landing Page

Home Page

Opportunity Page

Cause Search Page

Cause Page

Profile Page

User Interface

Color and Typeface Choice

Color and Typeface Choice

Color and Typeface Choice

I began to take inspiration from palette generators such as coolours and adobe colour. The final palette was developed by experimenting with themes of calmness and nature, with a twist of modernity.

Logo Design

Logo Design

Logo Design

Through the development of my logo, I was playing around with elements that represent community.
As shown in the sketches, I used figures of humans joining hands and played around with the shape of the letter "X".

The final logo uses the shape of a circle - symbolizing unison, community and warmness. Furthermore, the circle showcases the birds-eye-view of three humans holding hands. The green "V" in the center of the circle stands for the app's name, while mimicking a plant-like shape, symbolizing growth and prosperity.

The final logo uses the shape of a circle - symbolizing unison, community and warmness. Furthermore, the circle showcases the birds-eye-view of three humans holding hands. The green "V" in the center of the circle stands for the app's name, while mimicking a plant-like shape, symbolizing growth and prosperity.

This app redesign was an absolute blast to work on! Through iterative user-testing, I got to dive into the psychological aspects that influence customer decisions. The end result is a vibrant, bright, easy-to-use makeover of the original coffee-ordering app.

Angelina Rudakova 2024 All Rights Reserved

Angelina Rudakova 2024 All Rights Reserved

Angelina Rudakova 2024 All Rights Reserved