Set de Copos — Site d'un bar à concerts
Site web d'un bar à concerts proposant un calendrier d'événements en temps réel synchronisé avec Firebase Firestore, un carrousel d'avis clients, une carte interactive et une présentation détaillée de la sélection de gins et des concerts.
Développé avec React 19 et TypeScript, il déploie une esthétique cosmique de club nocturne aux néons éclatants (rose vif, bleu-vert, corail), des animations de particules en canvas et des transitions fluides signées Framer Motion. Un design entièrement responsive, qui restitue l'ambiance nocturne singulière du lieu.
Vue d'ensemble
Secteur
Vie nocturne et divertissement / Restauration
Périmètre
Conception et développement complets d'un site monopage, avec un système de gestion des événements en temps réel, un thème cosmique sur mesure et une intégration backend Firebase
Durée
2 semaines, du design à la mise en ligne
Le défi
Set de Copos avait besoin d'une présence digitale moderne, capable de refléter son atmosphère nocturne cosmique et de communiquer efficacement sur ses concerts hebdomadaires et sa carte de gins. Le bar cherchait un moyen d'informer sa clientèle des événements à venir en temps réel, sans compétences techniques pour mettre à jour le site. Le site devait par ailleurs restituer l'énergie et la modernité du lieu, tout en restant accessible et simple à parcourir.
La solution
Nous avons développé un site React monopage à l'esthétique cosmique affirmée, avec des néons éclatants et des effets de particules animées qui font écho à l'ambiance du bar. Le site intègre un calendrier d'événements connecté à Firebase, mis à jour en temps réel, que l'équipe du bar gère facilement depuis son back-office. Nous avons déployé des animations Framer Motion fluides sur l'ensemble du site, créé un carrousel d'avis sur mesure mettant en avant les avis Google et intégré une carte interactive pour localiser le lieu en un clin d'œil. Le résultat : un site visuellement marquant et performant, fidèle à la marque, qui tient les clients informés des prochains événements.
Fonctionnalités clés
Résultats
Technologies utilisées
Prêt à lancer votre projet ?
Voyons ensemble comment créer un site remarquable, adapté aux besoins de votre entreprise.