Hollie Ngo
Project

GrabLive Feature

Year: 2022
Role: Lead Product Designer
Client: Grab
OVERVIEW

GrabLive Feature

Leaf is a mobile application designed to raise awareness of your carbon footprint on the environment.

This was created as part of a weekend hackathon organised by Girl Geek Sydney and Canva, with the objective being to come up with an idea to solve for the theme 'Write the Future'.

Understanding the problem

I conducted a brainstorming workshop with the team to uncover pains felt by individuals. It was revealed that:
Individuals were unaware of their direct impact of their water, electricity and consumption on the environment
  • Individuals wanted to take action on reducing their carbon footprint but didn't know where to begin

  • Individuals would be more conscious of their actions if their impact was quantifiable and measurable

Product vision and solution

  • From these findings, we decided as a product to identify key business goals:We want users to understand the impact of their current usage
  • We want users to take actions to reduce their water, waste and electricity usage
  • We want users to understand how their actions positively affect change
  • As a starting point, we each did some market research on competitors to investigate the current offerings in the market and take inspiration from particular features that we liked about each app.
  • I then conducted a 15 minute sketching session to encourage each member of the team to draw out their vision of the solution.

Defining the MVP

  • In order for the engineers to begin on the architecture, I mocked up the main screens for the MVP based off the sketches created by the team and came up with the following:
  • Login screen

  • Register profile

  • Select a goal

  • To do list

  • Progress dashboard

  • Rewards page

Designs

With the clock ticking, I quickly did some mockups of the basic user journey before going over it with the desired styling. I opted for a refreshing gradient look and the simplicity of the UI. 


Development

I used Invision to allow the engineers to inspect the HTML and CSS of the designs. The team used Glitch to develop the application and the app was built using React. It is accessible via the web and on native iOS app.


Results and takeaways

We were able to successfully implement 75% of the designs and delivered a presentation at the end of the hackathon to a panel of judges. We took home the Best Experience and Design Award at the end of the night.