01 · Intro
It’s an online competition that brings together several teams passionate about UI/UX over the course of one week to solve UX/UI challenges in an exciting…
It’s an online competition that brings together several teams passionate about UI/UX over the course of one week to solve UX/UI challenges in an exciting and competitive environment.
Goal
The objective was to create a dynamic and immersive website that:
Streamlined registration for participants.
Provided a central hub for challenge announcements.
Displayed team outputs in an organized and inspiring way.
Updated scores in real-time after each challenge.
Delivered a unique and fun user experience with a visually appealing design.

02
Problems & solutions
- 01
The problem
One of the biggest challenges was time constraints. We had to design and build an interactive, visually appealing, and functional platform within a tight deadline. Additionally,
since the hackathon was fully online, the website had to provide a seamless and fun experience that kept participants engaged alongside the Discord server.
03 · Process
Research & Planning
Understanding the needs of hackathon participants was crucial. We analyzed competitor hackathon platforms and gathered insights on what makes an online hackathon engaging.
04 · Process
Wireframing & Prototyping
Given the time constraints, I quickly sketched wireframes and developed high-fidelity prototypes in Figma. The focus was on a playful yet intuitive interface, ensuring smooth navigation across all pages.
05 · Process
Visual Design & Branding
The design style embraced a fun and creative approach, inspired by Figma’s playful aesthetics. Bright colors, interactive elements, and engaging animations created a vibrant and energetic experience for users.
06 · Process
Development Handoff & Iterations
Once the design was finalized, I collaborated with developers to ensure an accurate implementation. We made real-time improvements based on user feedback from early testers.
07 · Process
Key features
Landing Page: A dynamic, visually captivating
Registration Page: Simple and intuitive for seamless sign-ups.
Works Page: Showcased team submissions in an organized, accessible format.
Scoreboard: Automatically updated after each challenge.
Challenges Page: Regular updates to keep participants informed.

08
Result
The website played a crucial role in enhancing the hackathon experience:
Increased Engagement: The fun and unique design kept participants actively returning to the platform.
Streamlined Experience: Easy navigation and clear information reduced confusion and improved workflow.
Positive Feedback: Participants loved the playful design, calling it a refreshing change from traditional hackathon sites.
Successful Execution: Despite the time constraints, we delivered a polished and impactful platform that elevated the event.
