KiwiHacks Website banner

KiwiHacks Website

2 devlogs
8h 33m 8s

I am collaboratively developing the official website for KiwiHacks 2026, working as part of a small team to build a web presence for the event. The site is built using React, and Vercel is used for deployment.
A key goal of the project is to move away from a generic, vibe-coded site and instead create something more original, intentional, and aligned with the identity of KiwiHacks. Rather than relying on common templates or overused design patterns, we want to craft a distinctive visual style that communicated relatability to our teenage audience.

Loading README...

Christie B

To give the website a more distinctive and hancrafted feel, I added a range of custom visual elements to make the website more unique, such as hand-drawn stars, polaroid-style photo frames, and gingham tape accents, contributing to a more playful website vibe.
This will hopefully make the site feel less corporate and more community-driven, reflecting the collaborative and creative spirit of KiwiHacks.
I changed the image of previous hackathons to a corkboard-style collage to add visual interest while still keeping the content organised and easy to engage with.
In addition, I implemented a custom footer that includes the handwritten-style signatures of the KiwiHacks team – reinforcing the personal, human aspect behind the event – and a I added a dedicated sponsors section to acknowledge partners in a structured and visually consistent way.

Attachment
0
Christie B

I created the first draft of the website with HTML and CSS inside of React.
The involved designing, coding, and styling the web page.
A key goal of the project is to move away from a generic, vibe-coded site and instead create something more original – this means that I had to spend abundant time on the design and visuals, making sure that they aligned with the KiwiHacks branding.
The reason why this first devlog is so late is because I didn’t know that I could count this for Flavourtown 🤣🤣

Attachment
0