Wicklow wolf 's festival
Projet d'école
30H
12 mars 2025
Wicklow Wolf est une brasserie artisanale indépendante irlandaise spécialisée dans la fabrication de bières crafts de haute qualité, fondée par Quincey Fennelly et Simon Lynch.
Réaliser une refonte de leur site web afin de promouvoir la première édition de leur festival de musique éléctro.
Logiciels
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 39" xmlns="http://www.w3.org/2000/svg"><g d="M 7.083 0 L 32.917 0 C 36.833 0 40 3.167 40 7.083 L 40 31.917 C 40 35.833 36.833 39 32.917 39 L 7.083 39 C 3.167 39 0 35.833 0 31.917 L 0 7.083 C 0 3.167 3.167 0 7.083 0 Z M 9 27.35 L 9 10.2 C 9 10.083 9.05 10.017 9.167 10.017 C 9.45 10.017 9.717 10.017 10.1 10 C 10.5 9.983 10.917 9.983 11.367 9.967 C 11.817 9.95 12.3 9.95 12.817 9.933 C 13.333 9.917 13.833 9.917 14.333 9.917 C 15.7 9.917 16.833 10.083 17.767 10.433 C 18.6 10.717 19.367 11.183 20 11.8 C 20.533 12.333 20.95 12.983 21.217 13.7 C 21.467 14.4 21.6 15.117 21.6 15.867 C 21.6 17.3 21.267 18.483 20.6 19.417 C 19.933 20.35 19 21.05 17.917 21.45 C 16.783 21.867 15.533 22.017 14.167 22.017 C 13.767 22.017 13.5 22.017 13.333 22 C 13.167 21.983 12.933 21.983 12.617 21.983 L 12.617 27.333 C 12.633 27.45 12.55 27.55 12.433 27.567 L 9.2 27.567 C 9.067 27.567 9 27.5 9 27.35 Z M 12.633 13.233 L 12.633 18.833 C 12.867 18.85 13.083 18.867 13.283 18.867 L 14.167 18.867 C 14.817 18.867 15.467 18.767 16.083 18.567 C 16.617 18.417 17.083 18.1 17.45 17.683 C 17.8 17.267 17.967 16.7 17.967 15.967 C 17.983 15.45 17.85 14.933 17.583 14.483 C 17.3 14.05 16.9 13.717 16.417 13.533 C 15.8 13.283 15.133 13.183 14.45 13.2 C 14.017 13.2 13.633 13.2 13.317 13.217 C 12.983 13.2 12.75 13.217 12.633 13.233 Z M 32 17.817 C 31.5 17.55 30.967 17.367 30.4 17.25 C 29.783 17.117 29.167 17.033 28.533 17.033 C 28.2 17.017 27.85 17.067 27.533 17.15 C 27.317 17.2 27.133 17.317 27.017 17.483 C 26.933 17.617 26.883 17.783 26.883 17.933 C 26.883 18.083 26.95 18.233 27.05 18.367 C 27.2 18.55 27.4 18.7 27.617 18.817 C 28 19.017 28.4 19.2 28.8 19.367 C 29.7 19.667 30.567 20.083 31.367 20.583 C 31.917 20.933 32.367 21.4 32.683 21.967 C 32.95 22.5 33.083 23.083 33.067 23.683 C 33.083 24.467 32.85 25.25 32.417 25.9 C 31.95 26.567 31.3 27.083 30.55 27.383 C 29.733 27.733 28.733 27.917 27.533 27.917 C 26.767 27.917 26.017 27.85 25.267 27.7 C 24.683 27.6 24.1 27.417 23.567 27.167 C 23.45 27.1 23.367 26.983 23.383 26.85 L 23.383 23.95 C 23.383 23.9 23.4 23.833 23.45 23.8 C 23.5 23.767 23.55 23.783 23.6 23.817 C 24.25 24.2 24.933 24.467 25.667 24.633 C 26.3 24.8 26.967 24.883 27.633 24.883 C 28.267 24.883 28.717 24.8 29.017 24.65 C 29.283 24.533 29.467 24.25 29.467 23.95 C 29.467 23.717 29.333 23.5 29.067 23.283 C 28.8 23.067 28.25 22.817 27.433 22.5 C 26.583 22.2 25.8 21.8 25.067 21.3 C 24.55 20.933 24.117 20.45 23.8 19.883 C 23.533 19.35 23.4 18.767 23.417 18.183 C 23.417 17.467 23.617 16.783 23.983 16.167 C 24.4 15.5 25.017 14.967 25.733 14.633 C 26.517 14.233 27.5 14.05 28.683 14.05 C 29.367 14.05 30.067 14.1 30.75 14.2 C 31.25 14.267 31.733 14.4 32.183 14.583 C 32.25 14.6 32.317 14.667 32.35 14.733 C 32.367 14.8 32.383 14.867 32.383 14.933 L 32.383 17.65 C 32.383 17.717 32.35 17.783 32.3 17.817 C 32.15 17.85 32.067 17.85 32 17.817 Z" fill="transparent" height="39px" id="he_xamar5" width="40px"><path d="M 7.083 0 L 32.917 0 C 36.833 0 40 3.167 40 7.083 L 40 31.917 C 40 35.833 36.833 39 32.917 39 L 7.083 39 C 3.167 39 0 35.833 0 31.917 L 0 7.083 C 0 3.167 3.167 0 7.083 0 Z" fill="rgb(0, 30, 54)" height="39px" id="KM1BPPTqP" width="40px"/><path d="M 0 17.433 L 0 0.283 C 0 0.167 0.05 0.1 0.167 0.1 C 0.45 0.1 0.717 0.1 1.1 0.083 C 1.5 0.067 1.917 0.067 2.367 0.05 C 2.817 0.033 3.3 0.033 3.817 0.017 C 4.333 0 4.833 0 5.333 0 C 6.7 0 7.833 0.167 8.767 0.517 C 9.6 0.8 10.367 1.267 11 1.883 C 11.533 2.417 11.95 3.067 12.217 3.783 C 12.467 4.483 12.6 5.2 12.6 5.95 C 12.6 7.383 12.267 8.567 11.6 9.5 C 10.933 10.433 10 11.133 8.917 11.533 C 7.783 11.95 6.533 12.1 5.167 12.1 C 4.767 12.1 4.5 12.1 4.333 12.083 C 4.167 12.067 3.933 12.067 3.617 12.067 L 3.617 17.417 C 3.633 17.533 3.55 17.633 3.433 17.65 L 0.2 17.65 C 0.067 17.65 0 17.583 0 17.433 Z M 3.633 3.317 L 3.633 8.917 C 3.867 8.933 4.083 8.95 4.283 8.95 L 5.167 8.95 C 5.817 8.95 6.467 8.85 7.083 8.65 C 7.617 8.5 8.083 8.183 8.45 7.767 C 8.8 7.35 8.967 6.783 8.967 6.05 C 8.983 5.533 8.85 5.017 8.583 4.567 C 8.3 4.133 7.9 3.8 7.417 3.617 C 6.8 3.367 6.133 3.267 5.45 3.283 C 5.017 3.283 4.633 3.283 4.317 3.3 C 3.983 3.283 3.75 3.3 3.633 3.317 Z M 23 7.9 C 22.5 7.633 21.967 7.45 21.4 7.333 C 20.783 7.2 20.167 7.117 19.533 7.117 C 19.2 7.1 18.85 7.15 18.533 7.233 C 18.317 7.283 18.133 7.4 18.017 7.567 C 17.933 7.7 17.883 7.867 17.883 8.017 C 17.883 8.167 17.95 8.317 18.05 8.45 C 18.2 8.633 18.4 8.783 18.617 8.9 C 19 9.1 19.4 9.283 19.8 9.45 C 20.7 9.75 21.567 10.167 22.367 10.667 C 22.917 11.017 23.367 11.483 23.683 12.05 C 23.95 12.583 24.083 13.167 24.067 13.767 C 24.083 14.55 23.85 15.333 23.417 15.983 C 22.95 16.65 22.3 17.167 21.55 17.467 C 20.733 17.817 19.733 18 18.533 18 C 17.767 18 17.017 17.933 16.267 17.783 C 15.683 17.683 15.1 17.5 14.567 17.25 C 14.45 17.183 14.367 17.067 14.383 16.933 L 14.383 14.033 C 14.383 13.983 14.4 13.917 14.45 13.883 C 14.5 13.85 14.55 13.867 14.6 13.9 C 15.25 14.283 15.933 14.55 16.667 14.717 C 17.3 14.883 17.967 14.967 18.633 14.967 C 19.267 14.967 19.717 14.883 20.017 14.733 C 20.283 14.617 20.467 14.333 20.467 14.033 C 20.467 13.8 20.333 13.583 20.067 13.367 C 19.8 13.15 19.25 12.9 18.433 12.583 C 17.583 12.283 16.8 11.883 16.067 11.383 C 15.55 11.017 15.117 10.533 14.8 9.967 C 14.533 9.433 14.4 8.85 14.417 8.267 C 14.417 7.55 14.617 6.867 14.983 6.25 C 15.4 5.583 16.017 5.05 16.733 4.717 C 17.517 4.317 18.5 4.133 19.683 4.133 C 20.367 4.133 21.067 4.183 21.75 4.283 C 22.25 4.35 22.733 4.483 23.183 4.667 C 23.25 4.683 23.317 4.75 23.35 4.817 C 23.367 4.883 23.383 4.95 23.383 5.017 L 23.383 7.733 C 23.383 7.8 23.35 7.867 23.3 7.9 C 23.15 7.933 23.067 7.933 23 7.9 Z" fill="rgb(49, 168, 255)" height="17.999999872843446px" id="YpSLhGSG4" transform="translate(9 9.917)" width="24.068059037112317px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g d="M 6.838 40 C 3.062 40 0 36.938 0 33.162 L 0 6.838 C 0 3.062 3.062 0 6.838 0 L 33.162 0 C 36.938 0 40 3.062 40 6.838 L 40 33.162 C 40 36.938 36.938 40 33.162 40 Z M 19.501 10.605 L 13.515 10.605 L 6.64 29.104 L 11.997 29.104 L 12.89 26.341 L 19.766 26.341 L 20.659 29.104 L 26.179 29.104 L 19.502 10.605 Z M 16.326 21.725 L 14.379 21.725 L 16.326 15.695 L 18.274 21.725 Z M 26.862 14.539 L 31.819 14.539 L 31.819 29.104 L 26.862 29.104 Z M 31.982 11.906 C 31.997 13.264 30.898 14.224 29.342 14.211 C 27.786 14.224 26.688 13.264 26.702 11.906 C 26.688 10.547 27.787 9.587 29.342 9.6 C 30.899 9.587 31.997 10.547 31.982 11.906 Z" fill="transparent" height="40px" id="fHWK21U0r" width="40px"><path d="M 6.838 40 C 3.062 40 0 36.938 0 33.162 L 0 6.838 C 0 3.062 3.062 0 6.838 0 L 33.162 0 C 36.938 0 40 3.062 40 6.838 L 40 33.162 C 40 36.938 36.938 40 33.162 40 Z" fill="rgb(51, 0, 0)" height="40px" id="z6LQcEk1J" width="40px"/><path d="M 12.861 1.005 L 6.875 1.005 L 0 19.504 L 5.357 19.504 L 6.25 16.741 L 13.126 16.741 L 14.019 19.504 L 19.539 19.504 L 12.862 1.005 Z M 9.686 12.125 L 7.739 12.125 L 9.686 6.095 L 11.634 12.125 Z M 20.222 4.939 L 25.179 4.939 L 25.179 19.504 L 20.222 19.504 Z M 25.342 2.306 C 25.357 3.664 24.258 4.624 22.702 4.611 C 21.146 4.624 20.048 3.664 20.062 2.306 C 20.048 0.947 21.147 -0.013 22.702 0 C 24.259 -0.013 25.357 0.947 25.342 2.306 Z" fill="rgb(255, 154, 0)" height="19.504126443099977px" id="myocp6uJp" transform="translate(6.64 9.6)" width="25.342539741716266px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 39" xmlns="http://www.w3.org/2000/svg"><path d="M 7.083 0 L 32.917 0 C 36.833 0 40 3.167 40 7.083 L 40 31.917 C 40 35.833 36.833 39 32.917 39 L 7.083 39 C 3.167 39 0 35.833 0 31.917 L 0 7.083 C 0 3.167 3.167 0 7.083 0 Z" fill="rgb(22, 24, 26)" height="39px" id="idRRTaKV9" width="40px"/><g d="M 4.5 28 C 6.983 28 8.999 25.909 8.999 23.333 L 8.999 18.666 L 4.5 18.666 C 2.016 18.666 0 20.757 0 23.333 C 0 25.909 2.016 28 4.5 28 Z M 0 14.003 C 0 11.427 2.016 9.336 4.5 9.336 L 8.999 9.336 L 8.999 18.67 L 4.5 18.67 C 2.016 18.67 0 16.579 0 14.003 Z M 0 4.667 C 0 2.091 2.016 0 4.5 0 L 8.999 0 L 8.999 9.334 L 4.5 9.334 C 2.016 9.334 0 7.243 0 4.667 Z M 9.001 0 L 13.5 0 C 15.984 0 18 2.091 18 4.667 C 18 7.243 15.984 9.334 13.5 9.334 L 9.001 9.334 Z M 18 14.003 C 18 16.579 15.984 18.67 13.5 18.67 C 11.017 18.67 9.001 16.579 9.001 14.003 C 9.001 11.427 11.017 9.336 13.5 9.336 C 15.984 9.336 18 11.427 18 14.003 Z" fill="transparent" height="27.999999105671577px" id="zccJvqDDz" transform="translate(11 6)" width="18.00000040298631px"><path d="M 4.5 9.334 C 6.983 9.334 8.999 7.243 8.999 4.667 L 8.999 0 L 4.5 0 C 2.016 0 0 2.091 0 4.667 C 0 7.243 2.016 9.334 4.5 9.334 Z" fill="rgb(10, 207, 131)" height="9.333956777790718px" id="raOSGSq_T" transform="translate(0 18.666)" width="8.999100134431622px"/><path d="M 0 4.667 C 0 2.091 2.016 0 4.5 0 L 8.999 0 L 8.999 9.334 L 4.5 9.334 C 2.016 9.334 0 7.243 0 4.667 Z" fill="rgb(162, 89, 255)" height="9.333956858962637px" id="jwwu70TNE" transform="translate(0 9.336)" width="8.999100134431622px"/><path d="M 0 4.667 C 0 2.091 2.016 0 4.5 0 L 8.999 0 L 8.999 9.334 L 4.5 9.334 C 2.016 9.334 0 7.243 0 4.667 Z" fill="rgb(242, 78, 30)" height="9.333956777790746px" id="nPIamXuoB" width="8.999100134431622px"/><path d="M 0 0 L 4.5 0 C 6.983 0 8.999 2.091 8.999 4.667 C 8.999 7.243 6.983 9.334 4.5 9.334 L 0 9.334 Z" fill="rgb(255, 114, 98)" height="9.333956777790746px" id="SqhtElbAF" transform="translate(9.001 0)" width="8.999100134431622px"/><path d="M 8.999 4.667 C 8.999 7.243 6.983 9.334 4.5 9.334 C 2.016 9.334 0 7.243 0 4.667 C 0 2.091 2.016 0 4.5 0 C 6.983 0 8.999 2.091 8.999 4.667 Z" fill="rgb(26, 188, 254)" height="9.333956858962637px" id="COlZc1FwX" transform="translate(9.001 9.336)" width="8.999100134431622px"/></g></svg>)
Le projet
Le site mêle l’univers brut de la bière artisanale à l’esthétique vibrante de la scène électronique, à travers une direction artistique combinant textures, typographies contrastées, animations dynamiques et une palette de couleurs vives et puissantes. L’identité visuelle joue sur les tensions entre nature et technologie, fermentation et vibration, dans une ambiance à la fois immersive et sensorielle. C’est un projet libre qui explore les possibilités du design événementiel à travers un équilibre entre expérience utilisateur, narration visuelle et identité de marque.
Mon approche
Créer une esthétique différente
J'ai cherché à réaliser un site qui serais différent du site principale de wicklow wolf mais en gardant certaines caractéristiques de la direction artistique de leur marque.
Une identitée marquée
Marqué par une palette de couleurs vives et attractives, le site s'inscrit dans des couleurs électro pur.
Une navigation réfléchi
La navigation est pensée comme un parcours fluide et impactant, où l’utilisateur découvre la programmation, les lieux, les bières et l’ambiance du festival.
Les difficultés
Le mélange des style
L'un des points les plus difficiles à accorder sur ce projet fut d'adapter le style graphique de Wicklow Wolf au style coloré et entrainant de l'éléctro. Wicklow wolf ce distingue par un communication sobre et fonctionnelle avec des formes rectangulaires et une typographie tout aussi géométrique.
La hyérarchisation des informations
Afin de rester au plus prêt de la réalité du monde du travail, le brief du projet fut donné de manière désordonnée et plus ou moins floue, à la manière d'un client lambda. Ainsi, il fut difficile de récupérer toutes les informations et de rester organisé. Pour la structure, je me suis aidé du site actuelle de wicklow wolf tout en ajoutant ma vision du projet.
Gallerie
