Refonte du site web du Collège-lycée Saint-Michel de Saint-Mandé.
Compétences acquises:
Analyse & Conception UX :
- Stratégie & Conseil : Analyse approfondie des besoins clients et conduite de veille concurrentielle pour positionner le projet.
- Wireframing : Création de structures de pages et de parcours utilisateurs via l’outil Balsamiq.
- Architecture d’information : Organisation et hiérarchisation des contenus fournis pour une lecture optimale.
Développement & Design (Avada) :
- Maîtrise du Builder Avada : Conception de sites web sur-mesure et gestion complète du thème.
- UI Design avancé : Création et configuration de composants spécifiques (Top Headers dynamiques, Méga-menus complexes).
- Intégration de contenu : Mise en page harmonieuse des éléments textuels et visuels pour garantir la cohérence graphique.
Analyse des besoins et stratégie digitale
J’ai identifié les attentes du client pour moderniser l’image de l’établissement. L’objectif principal visait à valoriser les activités parascolaires et le projet pastoral. Cette phase de conseil a permis de définir une nouvelle orientation visuelle. De plus, nous avons structuré la navigation pour améliorer l’accès aux informations clés.
Veille concurrentielle et prototypage
J’ai réalisé une veille approfondie sur les sites d’autres établissements catholiques. Ensuite, j’ai analysé l’ergonomie des menus pour proposer une interface intuitive. Grâce à l’outil Balsamiq, nous avons conçu des maquettes fonctionnelles précises. Par la suite, ce travail préparatoire a servi de guide technique pour toute la phase de développement.
Développement avec le builder Avada
J’ai déployé le thème Avada issu de ThemeForest pour sa grande flexibilité. Pour ce faire, j’ai configuré les options du thème selon la charte graphique de l’école. En effet, ce builder permet une personnalisation avancée des mises en page. De cette manière, l’architecture du site répond exactement aux exigences techniques et esthétiques du client.
Intégration du contenu et finitions
J’ai intégré l’ensemble des textes et des images fournis par l’établissement. En outre, j’ai conçu un top header incluant les coordonnées et les réseaux sociaux. Enfin, j’ai mis en place un méga menu personnalisé pour chaque section du site. Ainsi, la navigation finale offre une expérience utilisateur fluide et professionnelle.
