HACKATHON

HACKATHON

A promotional website for the Kazan City Hall hackathon. Designed to attract participants and collect applications

Service
UX/UI · Web site
Client
Kazan City Hall
Date
June 2024

Projects goals

Projects goals

  1. Increase user engagement with the event

  2. Provide a seamless application experience across devices

  1. Increase user engagement with the event

  2. Provide a seamless application experience across devices

Role & tasks

Role & tasks

  1. Design a modern and vibrant landing page
  • One-pager introducing the hackathon, case tracks, and timeline

  1. Implement registration via a pop-up with participation format selection
  • Users choose between individual application or team registration. The interface is minimal and doesn’t distract from the main page

  1. Deliver layouts to the front-end developer
  • Consider tight deadlines and technical feasibility

Screens

Screens

Work stages

Work stages

  1. Research
  • Analyzed previous hackathon sites, user flow, and communication goals of the event

  • Reviewed and applied Kazan Digital Legends brand guidelines

  1. Information architecture
  • Built a one-page structure leading users smoothly toward registration

  • Designed a user journey focused on clarity and minimal distraction

  1. UI design
  • Created a clean, visually structured interface with strong readability

  • Carefully adapted layouts for mobile while preserving key interactions

  1. Developer handoff
  • Delivered design files and specifications to the front-end developer

  • Provided guidance on adaptive layout, UI states, and the registration pop-ups logic

Wrap-up

Wrap-up

Design Decisions
  • Focused on clear visual hierarchy and a consistent information flow

  • The layout followed brand guidelines and was optimized for all screen sizes

Outcomes
  • Delivered the project within tight deadlines

  • The client praised the visual style and clarity of the interface

  • All hackathon details were organized clearly on a single landing page


Reflection
  • The client appreciated the design review during front-end development and close collaboration

  • This project strengthened my skills in brand alignment and working hands-on with developers


Live site

The final website was launched for the hackathon and showcases the visual identity, layout structure, and application flow

Made by me in Framer

Last update: February 2026

Made by me in Framer

Last update: February 2026

/
Hackathon KDT
/
Hackathon KDT
Hackathon KDT
Oleg Sukhov
Product designer