Un site à moderniser
En 2019, la ville de Phalsbourg m’a confié la mission de refondre son site internet. L’ancien site, conçu plusieurs années auparavant, n’était ni responsive ni ergonomique, avec une charte graphique sombre et peu engageante. L’objectif était clair : proposer une expérience utilisateur moderne, intuitive et adaptée aux nouvelles habitudes de navigation.
Une approche centrée sur l’identité locale
Pour concevoir un design en accord avec l’identité de la ville, j’ai choisi de m’inspirer des couleurs du blason de Phalsbourg :
- 🔵 Le bleu, parfait pour une utilisation web,
- 🟡 Le jaune, appliqué par petites touches pour dynamiser l’ensemble,
- ⚫ Le noir, utilisé pour structurer et apporter du contraste.
Au-delà de la palette de couleurs, il était essentiel d’intégrer les éléments forts du patrimoine phalsbourgeois. La Place d’Armes, la Porte de France, la Porte d’Allemagne, l’Église de l’Assomption-de-la-Bienheureuse-Vierge-Marie et la statue du maréchal Mouton ont ainsi été mis en avant grâce à un effet parallax interactif.
Une expérience utilisateur dynamique et optimisée
Pour améliorer la navigation et rendre le site plus engageant, plusieurs fonctionnalités clés ont été mises en place : ✅ Un menu déroulant (giga menu) pour une navigation intuitive, ✅ Un agenda interactif classé par date et défilant dynamiquement, ✅ Un fil d’actualités pour informer rapidement les habitants, ✅ Un feed des réseaux sociaux intégré pour une communication fluide, ✅ Une version responsive pensée pour une consultation sur mobile et tablette, ✅ Un footer enrichi, rappelant l’histoire de la ville et facilitant l’accès aux informations essentielles.
De Adobe XD à une version responsive
À l’époque, je travaillais encore sur Adobe XD (avant de migrer vers Figma). J’ai conçu des maquettes détaillées pour desktop, tablette et mobile afin d’assurer une navigation fluide sur tous les supports. L’accessibilité et la hiérarchie de l’information ont été au cœur de cette refonte.
Un site moderne au service des habitants
Grâce à ce projet, le site de Phalsbourg est devenu un véritable outil d’information et d’échange, accessible à tous, et reflétant l’identité historique et dynamique de la ville.
🖥️ Un projet qui allie UX, UI et identité locale !
➡️ Vous souhaitez moderniser votre site web et offrir une meilleure expérience à vos utilisateurs ? Contactez-moi pour discuter de votre projet !
