StormHacks 2025

Designing for Western Canada's Biggest Hackathon

As the director of design for SFU Surge, I was responsible for leading a team of 4 other designers through the process of developing an art direction for the university's biggest event, StormHacks, a 24-hour overnighth hackathon.

Our goal for the year as an organization was simple. How do we become the biggest hackathon in Western Canada?

The Foundation

The Art Direction

Based off Greek Mythology, we developed an art direction and design system that embodied a combination of both hope from our heroes, and a deep evil presence from our villain.

IMG The logo for StormHacks in full colour form. Along with its lockup pairing with some of our actual sponsors!
IMG Symbols and patterns developed matching with the Greek Mythology direction for the event. As well as the fonts, Kingston Roman (left) and Catriel (right).
IMG Key art for the art style direction, drawn by myself and Maggie Chang.

Apply the Direction

A Compelling Teaser Website

Inspired by the design direction, I designed a teaser website based around the idea of a Lo-Fi music player to create interest in the event beyond what is expected from most Hackathons.

VIDEO The primary button interaction on the teaser website.
IMG UI modals for the individual functions on the site related to changing and listening to the music.
IMG A selection of the UI components used in the teaser website.

Grabbing Attention

Creating the Twist

When the Eye is pressed in the top right corner, the site shifts over to the evil Scummius inspired mode, creating intrigue and anticipation for the event, beyond expectations.

VIDEO The site shifting over to the evil mode.
VIDEO The second key art in the evil mode.

A Teaser Video

Starting Off With a Bang

To start off the campaign for the event, I created an animated teaser video showcasing the contrast of the two worlds to draw interest and intrigue, making this more than any other hackathon

VIDEO The first teaser video for StormHacks 2025

Reflection

Breaking the Norm

The reason this campaign was so successful for us was because it breaked the expectations most people had for a hackathon. It was unique, well executed, and consistent. This campaign helped us reach over 1200 applicants, and officially become Western Canada's Biggest Hackathon.

View Next Project

Google Docs: Thoughts