Earth • Shipped 2023

Innovation management for Fortune 500s

Role

Product Designer &

Frontend Engineer

Timeline

Jan - Dec 2023

Team

1 PM

2 Engineers

1 Designer (me!)

Skills

Product Design

Frontend Engineering

User Research

Overview

Onova's hackathons are facilitated by 3rd party platforms that are too disconnected

Onova is an innovation consultancy that hosts large-scale, internal hackathons for some of the world's largest companies (like Capgemini, BMO, and McDonald's!). However, navigating the hackathon logistical ecosystem was painful. For every client hackathon, various 3rd party platforms were pieced together by Onova's event-organizing team to fulfill all the event requirements.

Solution

Earth: A unified platform for large-scale hybrid hackathons

Earth is a unified platform that allows Onova to host large-scale hybrid hackathons. From registration and team-formation, to project submission and judging, Earth supports every step of the hackathon lifecycle.

Here are some of the key flows on Earth...

Customizable event home page with CMS

Create teams and invite members

Admin dashboard for event organizers

Outcomes

Earth delivered significant impact

8,000+ users

from Fortune 500 companies

7+ events

supported end-to-end

97% of users

would recommend Earth to a friend

Serving companies like...

Company logos: Google Cloud, Microsoft Azure, AWS, Capgemini

Initial Findings

Identifying key pain points throughout the event journey

With my stakeholders and PM, we used past survey data to identify key pain points throughout the event journey, setting a clear direction for our new product and the problems to focus on solving.

Initial research findings

Design System

I built a design system to support our rapid product development

When I came onto this project, the existing system was not built for scale. I started by working with the team to identify brand keywords, which were used to set a moodboard to guide the visual direction. In this brainstorming process, we kept 2 key considerations in mind:

Brand keywords

With the brand vision and considerations, I went on to develop a simple design system to streamline the development of the core product features and allow for consistency across the platform.

Design system: colours, type and components

Live Dashboard

Participants need a place that acts as the home page for their hackathon experience

To solve the problem of users having difficulty navigating the sites and information during the hackathons, I worked on providing a centralized system for participants to access all things related to the event. I joined the team early on to take over from the previous designer, so this process began with identifying areas of improvement from the previous design.

I explored new layouts and presented alternatives to the internal team. These focused on displaying the core features of the page and improving on the problems of the use of space and hierarchy.

Layout explorations

Fixing the scroll challenge!

The long-scroll challenge

A challenge we encountered was designing the page in a way that would allow for the most important content to be presented at the top without disrupting the flow for users to get the content they are looking for.

Our solution was a simple collapse and expand toggle to allow users to hide the 'important but not constantly used' header to get to the information they want to see.

Iterating with Insights

Key Finding: Users are not discovering the live dashboard

From user interviews and Google Analytics data, we found that users are not finding their way to the 'Live Now' dashboard page and that the 'Team & Submission' page name could be improved for clarity.

The navigation problem

I identified that there was a lot of room for improvement in the overall architecture of Earth that would make navigation clearer and more intuitive for users, while also solving the clients' need to have private and public content pages.

Restructured information architecture

With the new structure, page naming, and visual changes to the navigation bar, we saw a massive improvement in the discovery of the live dashboard page at our next event (the big launch!)

Results

The Big Launch

We launched Earth at the Capgemini x Google Cloud Gen AI Hackathon 2023

Our official launch for Earth served Capgemini and Google Cloud's partnered Gen AI Hackathon event with participation from over 1000 employees from these companies!

With Earth, we were able to facilitate a successful event that met our client's business goals:

Big launch goals

The success of this hackathon sparked the beginning of a long-term business relationship and recurring events for the future.

Learnings

Build fast, iterate faster

Startups don't wait for the perfect product. They build, test, and iterate. We needed to be able to build and test quickly to get feedback and improve the product.