Process

Being my first hackathon, there was definitely a learning curve to adapting to this fast-paced environment. As soon as the clock started, my team and I dove straight into our tasks. I began populating the Figma file, one teammate worked on building the site’s barebones structure, and another started experimenting with 3D models. We stayed aligned by providing updates to one another every hour and sharing helpful resources throughout the process.

To make our product stand out, we chose a theme that extended the business's identity: boba and board games. We incorporated creative elements like 3D models of dice, an embedded tic-tac-toe game, a playful 3D font, and a game catalog. For the landing page, I presented two design concepts to my team, and we voted on the one to move forward with. My inspiration came from a beverage ad, which ended up working to our advantage.

While designing the site, I encountered challenges in placing their logo in a way that stood out. To elevate its appeal, I decided to transform it into a 3D logo. Having discovered a 3D modeling platform called Womp just two weeks earlier, I saw this as an opportunity to test my skills, drawing on the experience I gained from learning Blender in high school. To create a cohesive design across the site, I developed 3D models for the page headers. I also sourced and manipulated a 3D die, which was incorporated into the logo and used as a recurring design element throughout the pages.

In addition to my primary responsibilities, I also handled several behind-the-scenes tasks. This included creating a CSV file of the menu items from their existing website, generating events data, sourcing images for all the games, and selecting a background image for the landing page.

From a coding perspective, I took charge of the events page. The design was intentionally straightforward to implement, allowing us to allocate more time to refining additional elements. A key focus for this page was ensuring responsiveness, making it functional and user-friendly across both mobile and web devices.