Rôle
UI/UX Designer
Intégrateur Web
Année
2024
Outils utilisés
- Jimdo (CMS)
- Adobe Photoshop
- Figma
Catégorie
Webdesign
Intégration CMS
Contexte & Objectifs
Les Schtroumpfs sont une franchise emblématique de la bande dessinée franco-belge créée par Peyo. Le projet consistait à créer un site web dédié à cet univers coloré et magique, permettant aux fans de découvrir l'histoire, les personnages et les actualités de la franchise.
Défis du projet :
- Respecter rigoureusement la charte graphique officielle des Schtroumpfs
- Créer une expérience ludique et immersive fidèle à l'univers BD
- Assurer une navigation intuitive pour un public familial
- Optimiser le site pour une utilisation sur le CMS Jimdo
Processus de Création
1. Design d'Interface (UI)
J'ai commencé par concevoir l'identité visuelle du site en m'inspirant de l'univers graphique des Schtroumpfs. Le choix des couleurs (bleu iconique #0080FF, blanc champignon, vert forêt) et des formes arrondies évoquant les maisons-champignons crée une atmosphère immersive dès la première visite. Les illustrations ont été soigneusement sélectionnées pour respecter le style original de Peyo.
2. Maquettage des Pages
J'ai réalisé des wireframes et des maquettes détaillées de chaque page du site (accueil, personnages, actualités, boutique). L'architecture de l'information a été pensée pour faciliter la découverte du contenu tout en maintenant une cohérence visuelle. Les éléments interactifs (boutons, menus) ont été designés avec des formes organiques rappelant la nature.
3. Intégration sur Jimdo
Le paramétrage et le montage du site sur le CMS Jimdo ont nécessité une adaptation créative des maquettes aux contraintes techniques de la plateforme. J'ai personnalisé les modules Jimdo pour correspondre au design souhaité, en utilisant du CSS custom quand nécessaire. L'objectif était de créer un site visuellement riche tout en gardant une facilité de gestion pour le client.
4. Respect de la Marque
Tout au long du projet, j'ai veillé à respecter scrupuleusement les guidelines de la marque Les Schtroumpfs. La déclinaison web de l'univers graphique préserve l'authenticité de la franchise tout en apportant une touche moderne et interactive. Chaque élément graphique, de la typographie aux illustrations, a été validé pour sa conformité avec l'identité de la marque.
Progression du concept wireframe au design final
Résultat Final
Page d'accueil et sections du site web Les Schtroumpfs
Impact & Résultats
Le site web Les Schtroumpfs offre une expérience immersive et ludique qui ravit les fans de tous âges. L'interface colorée et intuitive facilite la découverte de l'univers magique du village des Schtroumpfs. Le choix de Jimdo comme CMS permet au client de mettre à jour facilement le contenu (actualités, nouveaux personnages, événements) sans compétences techniques. Le site respecte parfaitement l'identité de la marque tout en proposant une navigation moderne et engageante.