Back to work

Hackathon organizers

Starter Hackathon Kit

Created a modular landing kit that helps organizers launch events fast without losing design polish.

Role
UX strategy, UI design, front-end implementation.
Timeline
3 day build
Client
Hackathon organizers
Team
Solo
Stack
Next.js · React · CSS Modules · GSAP
Starter hackathon landing page with countdown and CTA.

Key points

  • Make setup fast for non-technical teams
  • Surface key info without scrolling fatigue
  • Keep the visual system reusable across events

Highlights

  • Schedules and prizes had to stay above the fold
  • Sponsors needed a clean grid that scales
  • CTAs must stay visible on mobile
  • Modular hero layout

Organizers now launch event pages quickly while keeping a consistent visual identity.

Gallery

Starter hackathon landing page overview.
Modular layout with countdown and CTA.
Starter Hackathon live landing page with event framing and main CTA.
The primary landing screen keeps registration, messaging, and pacing visible immediately.
Starter Hackathon secondary landing section continuing the event story.
A second landing segment extends the story without breaking the modular system.
Starter Hackathon registration area focused on sign-up clarity.
Registration stays direct so organizers can point users toward one obvious action.
Starter Hackathon timeline module for event schedule and milestones.
The timeline block turns event logistics into a reusable module.
Starter Hackathon brand mark used across the launch kit.
The logo asset anchors the modular landing kit with a recognizable event identity.

Reflection

Speed matters most when teams are busy. The modular system proved that clarity beats complexity.

Links

VisitSource code