THE PROJECT

eCycle is an e-bike-sharing system that provides electric bikes for people to use within various city locations situated across Canada. eCycle consists of multiple interconnected stations whereby people can exchange e-bikes to rent. The ‘docking’ stations provide convenient drop off and pick up locations to those with few mobility alternatives.

Project duration: 5 days.

My role: Solo project, being responsible for all techniques, sketches, brand guide, logo creation and final design.

The problem: eCycle users have only been able to locate available bikes and rent from the station kiosk without previous information. Stakeholders want a convenient way for them to plan their rides.

the approach

competitive analysis

3 Competitors

Storyboard

User Flow

39 Responses
06 Nationalities

Brand Guide

04 Main Topics

Wireframes

04 International students based in Australia and Argentina

High Fidelity Prototype

Data
Themes

Analysing business field and competitors

Desk research and competitive analysis were performed to better understand the field, the competitors’ business, their service as well as the overall design of their apps.

Key points raised for attention and possible opportunities:

  • Excessive personal information requested to sign up
  • Poor customer service and help sections in case of assistance
  • No shortcuts for everyday destinations
  • Difficulty in making payments on the app
  • No ride history
  • No booking options for a specific time
  • Hard visualization of electric bikes’ battery power

iNCREASING CERTAINTY,
DECREASING ANXIETY

A storyboard to illustrate situations where the user could plan their rides using a functionality that will serve to guarantee the bike will be there for them prior their arrival to the docking station. Working on reliability and precision to/while decreasing anxiety and uncertainty.

USERFLOW

It has been focused on the main functionalities on the app as mentioned in the brief, such as how to rent the eBike and finding key information throughout the user navigation.

iNCREASING CERTAINTY,
DECREASING ANXIETY

A storyboard to illustrate situations where the user could plan their rides using a functionality that will serve to guarantee the bike will be there for them prior their arrival to the docking station. Working on reliability and precision to/while decreasing anxiety and uncertainty.

Brand Guide & logo design

Inter is the official eCycle typeface. It is a clear font to understand, always looking for accessibility, so users can better see, read, and get informed on the app with no major problems. eCycle is a greener alternative to cars and other vehicles.
On top of the green, it is used neutral colours (black and white) to keep the logo and interface elegant. The colours can vary depending on the contrast with the background for both fonts and the logo.

DESIGN

Logo sketch

Searching for a round shape, the circle around the “e” (for eCycle) is an allusion for the bike wheel.

Logo

eCycle is a greener alternative to cars and other vehicles.
On top of the green, it is used neutral colours (black and white) to keep the logo and interface elegant. The colours can vary depending on the contrast with the background for both fonts and the logo.

Typography

Inter is the official eCycle typeface. It is a clear font to understand, always looking for accessibility, so users can better see, read, and get informed on the app with no major problems. 

colour pallete

All colours and its variations including neutral ones used on the application.

App Components

Inter is the official eCycle typeface. It is a clear font to understand, always looking for accessibility, so users can better see, read, and get informed on the app with no major problems. 

DESIGN

Logo Sketch

Searching for a round shape, the circle around the “e” (for eCycle) is an allusion for the bike wheel.

lOGO

eCycle is a greener alternative to cars and other vehicles.
It is used neutral colours (black and white) to keep the logo and interface elegant. The colours can vary depending on the contrast with the background for both fonts and the logo.

Typography

Inter is the official eCycle typeface. It is a clear font to understand, always looking for accessibility, so users can better see, read, and get informed on the app with no major problems. 

Colour Pallete

All the colours and its variations with neutral colours used on the application.

App Components

Components and styles including icons, typography, colours, buttons, forms and cards organised in Figma.

conclusion

It is curious to notice some answers go opposite to common sense. The pandemic caused problems in most situations although there were people who did not have major impacts. Not every hypothesis was proven to be accurate as most students haven’t had changes in their visa process as well.

By the time you’re reading this, a while has passed and the data and interviews cover a determined period. Many things might have already changed in their lives.

The project pays homage to the courage and resilience of every student who is going through beyond the natural challenges of living overseas because of COVID.

LEARNINGS

Among all the steps to make this project possible, the one that required more work was the interviews. The recruitment and scheduling were very challenging.

I’ve realized how difficult is to categorize such distinguished life situations. I believe UX techniques help us get where we want rather than delivering the results themselves. It is up to us, designers, to understand why, when and how to use each one of them.

A big thank you to the Unsplash community for the amazing pictures and every student who made this project possible.