Experia
UX / UI
Frontend
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 and competitive environment.
Client
Year
2025
Category
UX/UI & frontend
More Screens
visit behance
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.
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.
my process
1. 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.
2. 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.
3. 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.
4. 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.
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.
Result & Impact
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.