Resume

Contact

Alice Zhang

About

Work

Resume

Contact

Timeless

How might the human sleep/wake cycle be regulated within a certain timeframe, when the exact time is not visible?

Client: CatHacks VII Hackathon

Space: Well-Being Devices, Experimental tech

Timeframe: 48 hours

My Role: Visual design, slide deck creation, video editing

Team: 4 members: 2 Arduino specialists, 1 developer, 1 designer. Teammate names: Meghan Hein, Cameron Jupp, Chantal Snazel

Tools: Figma, video editing tools

Contribution:

Created moodboard that guided a lightweight design system that were used in digital illustration assets, mockups, and presentation slides in our final video submission.

Timeless

How might the human sleep/wake cycle be regulated within a certain timeframe, when the exact time is not visible?

Client: CatHacks VII Hackathon

Space: Well-Being Devices, Experimental tech

Timeframe: 48 hours

My Role: Visual design, slide deck creation, video editing

Team: 4 members: 2 Arduino specialists, 1 developer, 1 designer. Teammate names: Meghan Hein, Cameron Jupp, Chantal Snazel

Tools: Figma, video editing tools

Contribution:

Created moodboard that guided a lightweight design system that were used in digital illustration assets, mockups, and presentation slides in our final video submission.

Timeless

How might the human sleep/wake cycle be regulated within a certain timeframe, when the exact time is not visible?

Client: CatHacks VII Hackathon

Space: Well-Being Devices, Experimental tech

Timeframe: 48 hours

My Role: Visual design, slide deck creation, video editing

Team: 4 members: 2 Arduino specialists, 1 developer, 1 designer. Teammate names: Meghan Hein, Cameron Jupp, Chantal Snazel

Tools: Figma, video editing tools

Contribution:

Created moodboard that guided a lightweight design system that were used in digital illustration assets, mockups, and presentation slides in our final video submission.

Timeless

How might the human sleep/wake cycle be regulated within a certain timeframe, when the exact time is not visible?

Client: CatHacks VII Hackathon

Space: Well-Being Devices, Experimental tech

Timeframe: 48 hours

My Role: Visual design, slide deck creation, video editing

Team: 4 members: 2 Arduino specialists, 1 developer, 1 designer. Teammate names: Meghan Hein, Cameron Jupp, Chantal Snazel

Tools: Figma, video editing tools

Contribution:

Created moodboard that guided a lightweight design system that were used in digital illustration assets, mockups, and presentation slides in our final video submission.

Overview

The initial idea for Timeless was driven by the user story:

"As an alarm-denier, I want a clock that doesn't display the time so I don't procrastinate my morning routine.”

Visual Language

Typography and most UI elements were derived from the Evergreen UI design system as we could quickly pick it up and work with it.

To establish a concise visual language with limited time, I started the task by creating a mood board of bright colours and skies to represent the morning.

From the mood board, I derived the principal colours for the interface.

Schematic and Hardware

Schematic drawn by teammates Chantal and Cameron. This shows how we expected Timeless to work, and it was powered by an Arduino circuitboard.

Schematic and Hardware

Schematic drawn by teammates Chantal and Cameron. This shows how we expected Timeless to work, and it was powered by an Arduino circuitboard.

Schematic and Hardware

Schematic drawn by teammates Chantal and Cameron. This shows how we expected Timeless to work, and it was powered by an Arduino circuitboard.

Schematic and Hardware

Schematic drawn by teammates Chantal and Cameron. This shows how we expected Timeless to work, and it was powered by an Arduino circuitboard.

The Concept

The user signs in to their account, set their desired alarm times, and proceed to use Timeless without their device in their sleep environment.

A pitfall we ran into was that a component on the Arduino board malfunctioned late into the night, and pushed our decision to show how we would expect a user to use Timeless. We adapted our presentation and demo video to show the expected output from a working Arduino component.

The Concept

The user signs in to their account, set their desired alarm times, and proceed to use Timeless without their device in their sleep environment.

The Concept

The user signs in to their account, set their desired alarm times, and proceed to use Timeless without their device in their sleep environment.

The Concept

The user signs in to their account, set their desired alarm times, and proceed to use Timeless without their device in their sleep environment.

Presentation

In standard hackathon fashion, we pulled an all-nighter to finish the presentation slides and video. The video was edited on Windows Movie Maker and posted to YouTube, for which the link was submitted in our final submission. Our video was played in a livestream that included all hackathon participants, sponsors, and judges.

See this project on Devpost

Takeaways

I got the experience of being a dedicated visual designer in a time-pressure situation with all of my teammates focusing on development tasks, and it was inspiring to see my teammates wrangle with Arduino and front-end web dev code in such a pressuring situation.

We won the categorical prize 'Best Hardware Hack'. 🏆

Back to Home

Overview

Visual Language

Schematic and Hardware