Hollie Ngo
Project

Knock Knock Live

Year: 2020
Role: Lead Product Designer
Client: Knock Knock

OVERVIEW

Sealadder is a self-education accreditation platform that helps people advance their career, by providing goals driven guidance, tracking all learning and providing credibility when applying for a job or promotion.

This was a personal project that I did outside of university and work hours, where I spent a large amount of my spare time and weekends working closely with the founder and a small team of engineers to build the vision.


Background

With the growth of Massive Online Open Courses, coding bootcamps, and startup incubator programs; it has become more apparent that the democratisation of education is providing individuals with the autonomy to create their own career paths.
Turned an idea into a product. The ability to transform an idea into something much more tangible is a process that is both exhilarating and rewarding. I worked closely with the founder and team to shape the product vision and strategy of Sealadder. While the product is still in development and has not yet been released to the public, being able to see how much we have grown as a team and startup is truly sensational.
  • Juggled many different hats. Working in an early-stage startup is not easy. I dedicated hours of my spare time and weekends conducting research, sketching, testing and designing the product alongside coordinating events, writing video scripts, creating pitch deck presentations and filling out grant applications for the business and marketing side of the business.

  • Pitched to investors and crowds. I developed skills in not only designing our pitches but also presenting them to investors and large crowds at events such as Startcon, Slingshot Accelerator programs and Academy Xi (landing 3rd Place in the PitchX competition in 2017).


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

Based on the sketching sessions, it was revealed that there were commonalties in the product vision. We identified the following key user stories:

  • Set a goal. Users can define environmental goals e.g. to save electricity, conserve water, reduce waste.

  • Receive tasks to do. Users receive a list of actions to perform based on their goals e.g. turn off unused lights, turn off running taps, switch off unused powerpoints etc.

  • View impact over time. Users can see their progress over time and the measurable impact of their actions on the environment.

  • Earn Rewards. Users are rewarded for efforts towards reducing their carbon footprint in the form of discounts on electricity and water bills.

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

Based on the sketching sessions, it was revealed that there were commonalties in the product vision. We identified the following key user stories:

  • Set a goal. Users can define environmental goals e.g. to save electricity, conserve water, reduce waste.

  • Receive tasks to do. Users receive a list of actions to perform based on their goals e.g. turn off unused lights, turn off running taps, switch off unused powerpoints etc.

  • View impact over time. Users can see their progress over time and the measurable impact of their actions on the environment.

  • Earn Rewards. Users are rewarded for efforts towards reducing their carbon footprint in the form of discounts on electricity and water bills.


Development

Based on the sketching sessions, it was revealed that there were commonalties in the product vision. We identified the following key user stories:

  • Set a goal. Users can define environmental goals e.g. to save electricity, conserve water, reduce waste.

  • Receive tasks to do. Users receive a list of actions to perform based on their goals e.g. turn off unused lights, turn off running taps, switch off unused powerpoints etc.

  • View impact over time. Users can see their progress over time and the measurable impact of their actions on the environment.

  • Earn Rewards. Users are rewarded for efforts towards reducing their carbon footprint in the form of discounts on electricity and water bills.


Results and Demo

  • 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.