Noxy
Projet de fin de bootcamp UX réalisé en solo. J'ai imaginé et conçu un site web pour un bar lounge fictif à Paris, en prenant en charge l'ensemble du projet : recherche utilisateur, UX, UI, direction artistique, développement WordPress et SEO.
Accéder au site
Le concept
Noxy est un concept de bar lounge fictif parisien à l'univers cyberpunk. Le site web traduit cet univers en une expérience digitale immersive, pensée pour présenter le lieu, ses événements et faciliter la préparation d'une visite.
Les objectifs
Le projet répond à un double enjeu : transmettre l’univers immersif de Noxy tout en proposant une expérience simple et efficace. Le site doit présenter l’identité du lieu, valoriser sa programmation événementielle et faciliter les actions essentielles comme la réservation, la prise de contact ou l’accès aux informations pratiques.
Cibles utilisateurs
Noxy s'adresse à une clientèle urbaine, sensible aux expériences immersives et aux lieux à forte identité visuelle. Il cible principalement les Parisiens et visiteurs de passage à la recherche de sorties originales, d'événements musicaux et de bars conceptuels.
Parcours utilisateur
Trois intentions principales structurent l’expérience : informer rapidement les visiteurs, leur faire découvrir l’univers du lieu à travers les événements, puis faciliter le passage à l’action. Le parcours accompagne ainsi l’utilisateur de la découverte du bar jusqu’à la préparation de sa venue.
Architecture du site
La structure du site repose sur une architecture claire permettant aux utilisateurs d’accéder rapidement aux contenus principaux. La page d’accueil centralise la navigation et les différentes connexions entre les pages facilitent l’exploration du site jusqu’aux actions de conversion.
Inspiration
Pensé autour d’un univers cyberpunk, Noxy puise ses références dans les ambiances nocturnes, les lumières néon, la technologie et la culture japonaise, entre influences urbaines et imaginaires futuristes.
Direction artistique
L’interface repose sur un thème sombre associé à trois couleurs d’accentuation : cyan, magenta et jaune.
Le choix typographique mêle une esthétique futuriste et élégante, inspirée des univers technologiques et des interfaces de science-fiction néo-retro.
J’ai imaginé un logo mêlant les influences des kanjis et des circuits imprimés pour créer un symbole graphique en cohérence avec l’univers cyberpunk et technologique du projet.
L’iconographie mélange des éléments simples et lisibles avec des touches graphiques inspirées des codes futuristes : icônes colorées, tags néon et visuels de produits aux influences cyberpunk.
Design system
Un système de composants réutilisables a été mis en place afin de garantir une cohérence visuelle et une expérience homogène sur l’ensemble du site.
Zoning et conception des interfaces
La phase de conception a permis de structurer les contenus et les parcours avant de passer à la réalisation des interfaces. Les premières réflexions ont été menées sur papier, puis affinées à travers différentes versions de maquettes jusqu’à l’interface finale.
Prototype et tests utilisateurs
Un prototype interactif a été réalisé afin de tester les principaux parcours et de valider l’expérience avant le développement du site.
Développement et réalisation technique
Le développement a été réalisé en veillant à respecter fidèlement les maquettes. Une attention particulière a été portée au responsive design, aux performances et au référencement naturel afin d'offrir une expérience fluide sur tous les supports.
