Venux

Accessibility-Focused Delivery App

Accessibility-Focused Delivery App

Accessibility-Focused Delivery App

Services

Visual Design

UI & UX Design

Scope

2 Months

Industries

Accessibility Design

Date

March 2023

Venus aims to ease the hassle of acquiring necessities such as groceries, during extreme weather conditions by partnering volunteers with those in need. The app is designed to promote a sense of community during the troubling times of extreme climates.

Venus aims to ease the hassle of acquiring necessities such as groceries, during extreme weather conditions by partnering volunteers with those in need. The app is designed to promote a sense of community during the troubling times of extreme climates.

Venus aims to ease the hassle of acquiring necessities such as groceries, during extreme weather conditions by partnering volunteers with those in need. The app is designed to promote a sense of community during the troubling times of extreme climates.

Key Screens:

Key Screens:

Problem Overview

Problem Overview

Climate change continues to take its toll on towns of Lower Mainland, bringing upon more severe floods and snow falls with every year. While able-bodied folks can take alternative routes and persevere through the water, those who rely on wheelchairs as a mode of transportation are faced with many challenges during this time.

Climate change continues to take its toll on towns of Lower Mainland, bringing upon more severe floods and snow falls with every year. While able-bodied folks can take alternative routes and persevere through the water, those who rely on wheelchairs as a mode of transportation are faced with many challenges during this time.

Preliminary Research

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

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

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

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

Cause Page

Profile Page

User Interface Design

User Interface Design

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.

Mid-Fidelity Prototype

Mid-Fidelity Prototype

In this stage, I incorporated the colours and typography to the screens.

Log in

Cause page

Sign up page

Opportunity Page

Opportunity Page

The opportunity screen now includes a swipe-interaction. This allows the volunteer to delete the requests that they cannot accommodate. In order to find out more information, the volunteer will instead press the green button with a "plus" sign on it.


The little looking glass sign formed with the "O" in "Opportunities" page title was inconsistent so it was eliminated in the later iteration.

User Testing

User Testing

The most important part is bringing the app out into the real world!
I prompted the app testers to adopt the lens of the persona shown below:

A community-driven young volunteer
residing in Langley, BC.



Then, asking the tester to follow the following prompts:


1. Interact with the clickable prototype.


2. Feel free to voice their thoughts as you go through each screen and point out any confusion or elements you would like to have changed. These changes can be about the content, formatting, or functionals.
Here is what I discovered:

User Test 1

User Test 2

High Fidelity App

High Fidelity App

Home + Account Pages

Home Page

Cause page

Different Ways of Browsing

Click below to interact with the prototype!

The end result is a user-friendly concept that if incorporated into the real world would be an invaluable resource for acquiring basic necessities for anyone struggling with accessibly locating a store.

While this project is still a rough concept, I would love to have the opportunity to develop it further and make use of it for the communities in the lower mainland - especially during the extreme winter storms we have in some parts of BC!

Angelina Rudakova 2024 All Rights Reserved

Angelina Rudakova 2024 All Rights Reserved

Angelina Rudakova 2024 All Rights Reserved