La Bifurk
Maquette Figma
•
Mai 2025 - Jui. 2025
La Bifurk est un lieu culturel et alternatif situé à Grenoble. Ancien bâtiment industriel, il a été transformé en espace vivant, ouvert à toutes et tous. On y trouve des concerts, des expos, du skate, des marchés, des ateliers… C’est un lieu de création, d’expression et de rencontre.
Les gens viennent pour écouter, partager, construire, débattre ou juste passer un bon moment. L’ambiance est libre, dynamique, portée par une énergie collective. La Bifurk accueille des projets engagés, souvent en marge des circuits classiques. Ici, on fait les choses autrement, avec du fond et de la passion.
C’est un lieu autogéré, animé par des associations, des artistes, des bénévoles. Chacun peut s’impliquer, proposer, inventer. Rien n’est figé, tout évolue selon les envies, les luttes, les besoins du moment. À La Bifurk, on ose, on crée, on dérange parfois. Mais toujours avec sincérité.
2 000
2 000 m² d’espace dédié à la culture, au sport et aux initiatives citoyennes.
100
Plus de 100 événements organisés chaque année : concerts, expos, festivals, débats, etc.
20
20 ans d’existence au service de l’expérimentation sociale, artistique et collective.
Objectifs
Le projet qui m’étais demandé était de faire une refonte esthétique du site de LaBifurk. L’entierté du projet devait être réalisé sur FIGMA, en faisait des maquette interactive. Le projet étant scolaire, notre professeure nous a fourni un exemple de dossier de conception FIGMA pour nous y référer. Ainsi, le dossier comprenait une page maquette desktop/mobile, de même pour la page Wireframe, une page de moodboard et un espace pour les assets.
Nous avions carte blanche sur la représentation visuelle du site web.
Recherches
En ce qui concerne les recherches pour le design de La Bifurk, nous avions libre choix sur le design et la refonte graphique. Pour améliorer le site de La Bifurk, j’ai d’abord repéré ce qui n’allait pas. Le site était vieux, peu clair, pas très joli avec des couleurs discutables. On a voulu créer une nouvelle version plus moderne avec Figma. Pour trouver des idées, on a regardé des sites sur Awwwards et d’autres galeries en ligne. On a noté ce qu’on aimait : les couleurs, les animations, les menus simples. J’ai aussi cherché des palettes de couleurs qui vont bien ensemble. On voulait un style vivant, mais facile à lire. Ensuite, j’ai trouvé des icônes simples pour représenter les activités. On a choisi une police claire et moderne. J’ai animé quelques éléments pour tester les effets. À la fin, ça donne une maquette claire, vivante et plus agréable à utiliser.
Conception
Nous avons commencé par penser une maquette claire, facile à comprendre et agréable à explorer en faisant un wireframe. J’ai organisé les pages pour que la navigation soit simple et logique. Nous avons ajouté du responsive pour que le site fonctionne bien sur tous les écrans, petits ou grands. J’ai mis en place des animations au clic et au survol pour rendre l’expérience plus vivante. Nous avons aussi travaillé des transitions douces entre les sections. J’ai choisi des couleurs qui attirent l’œil tout en restant lisibles, sur ton bleuté. Nous avons utilisé une police simple et moderne. Nous avons fait attention à garder un style cohérent sur toutes les pages.
Conclusion
Je suis content d’avoir réalisé ce projet, sur lequel nous avons obtenu la note de 16/20. J’ai beaucoup appris, notamment sur l’organisation des éléments dans une page, la conception sur Figma, les recherches graphiques, et le travail en équipe. J’ai découvert l’importance de bien structurer une maquette, de penser à l’UX/UI, et de choisir des couleurs cohérentes.
J’ai aussi pris plaisir à créer des animations et des transitions pour rendre le site plus vivant. Ce que j’ai le plus apprécié, c’est de travailler avec mes collègues et amis. On se comprend facilement, on communique bien et on sait se partager les tâches de façon équilibrée. Ce projet m’a vraiment permis de progresser et de vivre une super expérience en groupe.