Hack4Bengal 2.0
The landing screen introduces the event with strong branding, collaboration details, and clear call-to-action buttons, creating a powerful first impression. The winners section highlights top-performing teams using card layouts to build credibility and inspire new participants.
Hack4Bengal 2.0 – Hackathon Event Website
The goal of this project is to design a modern, engaging, and informative website that effectively promotes a hackathon. It aims to attract participants, showcase the event’s credibility, and provide all necessary details such as timeline, themes, venue, and prizes while encouraging users to take action like registering or joining the community.
Too much information on a single long-scrolling page makes navigation difficult and overwhelming.
Dense use of cards, images, and content creates visual clutter and affects readability.
Tackling the Problem
Improve content hierarchy and structure sections for easier navigation.
Simplify layouts with better spacing and consistent design patterns to reduce clutter.
Prioritize one primary call-to-action and keep others secondary for clearer user flow.
The Solution
This screen introduces the hackathon with strong branding, collaboration details, and a visually rich background. It immediately captures attention and provides clear entry points through primary call-to-action buttons like joining the community or exploring projects.
The winners screen showcases top teams using card-based layouts with project highlights. It builds credibility and motivates new participants by demonstrating the quality of past outcomes.
The timeline screen presents key event phases such as registration, hackathon start, and closing. It simplifies complex scheduling information into an easy-to-follow structure.
This screen highlights achievements using numbers and images, such as total hackers, events, and projects. It acts as social proof, showcasing the scale and success of the initiative.
The themes section displays different problem areas like education, health, and climate. It helps participants align their ideas with the event’s focus areas.
This screen clearly communicates the rewards for winners and special categories. It serves as a strong motivational factor for participation.
The mentors section introduces experienced professionals associated with the event. It adds credibility and assures participants of guidance and quality mentorship.
This section highlights supporting organizations and collaborators. It strengthens trust by showcasing reputable partnerships behind the event.
