Retour aux projets

Organisateurs de hackathon

Starter Hackathon Kit

Création d'un kit de page de lancement modulaire qui aide les organisateurs à lancer des événements rapidement sans perdre la finition du…

Rôle
Stratégie UX, UI design, intégration front-end.
Période
Production en 3 jours
Client
Organisateurs de hackathon
Équipe
Solo
Technologies
Next.js · React · CSS Modules · GSAP
Landing page Starter Hackathon avec compte à rebours et CTA.

Points clés

  • Rendre la mise en place rapide pour les équipes non techniques
  • Mettre en avant les infos clés sans fatigue de défilement
  • Garder le système visuel réutilisable d'un événement à l'autre

Temps forts

  • Le planning et les prix devaient rester au-dessus de la ligne de flottaison
  • Les sponsors avaient besoin d'une grille propre qui s'adapte
  • Les CTA doivent rester visibles sur mobile
  • Section d'ouverture modulaire

Les organisateurs lancent désormais des pages d'événements rapidement tout en conservant une identité visuelle cohérente.

Galerie

Aperçu de la landing Starter Hackathon.
Mise en page modulaire avec compte à rebours et CTA.
Landing page Starter Hackathon avec cadrage d'événement et CTA principal.
L'écran principal garde inscription, message et rythme visibles immédiatement.
Seconde section de landing Starter Hackathon prolongeant l'histoire de l'événement.
Une seconde séquence de landing prolonge le récit sans casser le système modulaire.
Zone d'inscription Starter Hackathon focalisée sur la clarté du sign-up.
L'inscription reste directe pour que les organisateurs pointent vers une seule action évidente.
Module timeline Starter Hackathon pour planning et jalons de l'événement.
Le bloc timeline transforme la logistique de l'événement en module réutilisable.
Logo Starter Hackathon utilisé à travers le kit de lancement.
L'actif de marque ancre le kit modulaire avec une identité immédiatement reconnaissable.

Retour d'expérience

Quand les équipes sont occupées, la vitesse compte plus que tout. Le système modulaire a prouvé que la clarté bat la complexité.

Liens

VisiterCode source