Hello

Preparing the experience

Étude de cas

L'AlchimisteProjetfictifSitebaràcocktailsspeakeasy

Projet d'entraînement personnel : conception et développement du site web d'un bar à cocktails underground fictif basé à Paris. L'objectif était de créer une identité visuelle sombre, immersive et atmosphérique qui plonge l'utilisateur dans l'univers speakeasy dès les premières secondes — en HTML, CSS et JavaScript pur, sans framework.

HTML / CSSJavaScript VanillaCSS AnimationsDesign immersifResponsive designGitHub Pages

80+

Réf. spiritueux

35

Cocktails à la carte

7

Années d'existence

4

Pages du site

Aperçu du site L'Alchimiste
Page d'accueil2026 · Paris 11e

Direction artistique

L'underground comme esthétique

Chaque détail du design incarne l'identité speakeasy du bar : fonds noirs profonds, textures subtiles, typographies expressives et micro-animations qui renforcent l'atmosphère feutrée. Le site ne cherche pas à vendre — il invite, il intrigue, il transporte dans l'univers de L'Alchimiste. Ambiance jazz, lumières tamisées, formules mystérieuses.

Ce que le site propose

  • L'histoire et la philosophie du bar par Théo Karim
  • Les cocktails signatures renouvelés chaque saison
  • La carte complète avec descriptions et prix
  • L'agenda des événements : soirées jazz, masterclasses, privatisations
  • Système de réservation et prise de contact
  • Mentions légales

Approche technique

HTML/CSS/JS pur — aucun framework

Comme Maison Solène, ce projet a été entièrement conçu sans framework. Le design immersif repose uniquement sur du CSS avancé : variables custom, animations @keyframes, transitions fluides, scroll-reveal et layout CSS Grid/Flexbox. Une preuve que l'artisanat technique produit des résultats aussi impressionnants que les solutions basées sur des frameworks.

Résultat

Une expérience qui se ressent

L'Alchimiste est déployé sur GitHub Pages. Le site transmet une vraie émotion dès le chargement : hero immersif, navigation élégante et sections qui révèlent progressivement l'univers du bar. Parfaitement responsive, il fonctionne aussi bien sur mobile que sur grand écran.