Réalisation
Réalisations
Des projets racontés par leur contexte, leur méthode et leurs livrables.
ISDG Montpellier — site école & CFA
Refonte et développement d’un site public administrable pour présenter les formations, structurer les parcours de candidature et rendre l’information plus lisible sur mobile comme sur ordinateur.
- Client
- ISDG Montpellier
- Mission
- UX/UI · Développement web · CMS
- Lieu
- Montpellier, France
- Site
- nouveau.isdgmontpellier.fr
Présenter une offre de formation dense dans un parcours simple, rassurant et exploitable aussi bien par les candidats que par les entreprises partenaires.
Structuration des contenus par besoins, hiérarchisation des appels à l’action, composants réutilisables, administration autonome et optimisation des écrans mobiles.
- Architecture de contenus structurée
- Parcours de candidature et de contact clarifiés
- Interface responsive
- Administration autonome des pages
Conception et développement du site de MS International Business School
Conception, développement et mise en ligne d’un site institutionnel sur mesure pour MS International Business School, avec un CMS administrable, une architecture PHP sécurisée et un déploiement conteneurisé sur un serveur VPS OVHcloud.
- Client
- MS International Business School
- Mission
- Conception UX/UI, développement PHP sur mesure, création d’un CMS et déploiement Docker
- Site
- msinternational-bs.fr
Un site institutionnel moderne et entièrement administrable
MS International Business School souhaitait disposer d’un site professionnel capable de présenter clairement son établissement, ses formations et ses services auprès de trois publics principaux : les étudiants, les entreprises et les partenaires institutionnels.
Le projet a consisté à concevoir une plateforme sur mesure, moderne, rapide et facilement administrable. Une attention particulière a été portée à l’organisation des contenus, à l’expérience utilisateur, à la compatibilité mobile et à l’autonomie de l’équipe dans la gestion quotidienne du site.
Les objectifs du projet
• Renforcer la visibilité et la crédibilité de l’établissement
• Présenter clairement l’école et son offre de formations
• Faciliter les demandes d’information et les candidatures
• Proposer une navigation fluide sur ordinateur, tablette et téléphone
• Permettre à l’équipe de modifier les contenus sans intervenir dans le code
• Mettre en place une architecture technique stable, sécurisée et évolutive
Conception fonctionnelle et expérience utilisateur
Une arborescence claire
Le travail a commencé par la définition de l’arborescence du site et l’organisation des principales rubriques :
• Présentation de l’établissement
• Formations
• Admissions
• Actualités
• Contact
• Informations institutionnelles
Cette organisation permet aux visiteurs de comprendre rapidement le positionnement de l’école et d’accéder facilement aux informations recherchées.
Un parcours orienté vers l’action
Les pages ont été structurées afin de permettre aux utilisateurs :
• D’identifier rapidement les formations proposées
• De comprendre les modalités d’admission
• D’accéder aux informations pratiques
• De contacter l’établissement
• D’effectuer une demande d’information ou de candidature
Les appels à l’action ont été intégrés aux endroits stratégiques pour fluidifier le parcours et encourager les prises de contact.
Conception technique
Le site a été développé sur mesure en PHP avec une architecture légère et performante.
Il ne repose pas sur un CMS standard. Une interface d’administration spécifique a été créée afin de répondre précisément aux besoins de l’établissement et de garantir une gestion simple des contenus.
Le front-end utilise HTML5, CSS3 et JavaScript pour proposer une interface moderne, responsive et compatible avec les principaux navigateurs.
Les données sont enregistrées dans une base SQLite, une solution adaptée à cette architecture légère et au volume de données du projet.
Technologies utilisées
Développement
• PHP pour le développement back-end
• HTML5 pour la structure des pages
• CSS3 pour la mise en forme et le responsive design
• JavaScript pour les interactions de l’interface
• SQLite pour le stockage des données
Infrastructure
• CMS développé sur mesure
• Docker pour la conteneurisation de l’application
• Caddy comme serveur web et reverse proxy
• Certificat SSL et connexion HTTPS
• Serveur VPS OVHcloud
• Système Linux Ubuntu
• Sauvegarde de la base de données et des contenus
Création d’un CMS sur mesure
Une interface d’administration sécurisée a été développée pour permettre à l’équipe de gérer directement l’ensemble des contenus du site.
Depuis le back-office, les administrateurs peuvent notamment :
• Modifier la page d’accueil
• Gérer les menus et les liens de navigation
• Ajouter ou modifier les formations
• Publier des actualités
• Administrer les pages institutionnelles
• Gérer les réalisations et les médias
• Modifier les coordonnées et les réglages généraux
• Ajouter des images et des documents
• Mettre à jour les contenus sans connaissances techniques
Cette solution permet à l’établissement de rester autonome et de faire évoluer son site au fil de ses besoins.
Architecture et sécurité
L’application a été conçue afin de séparer clairement :
• Le code de l’application
• La base de données
• Les fichiers téléversés
• Les contenus administrables
• Les fichiers de configuration
Cette organisation facilite les sauvegardes, la maintenance et les futures mises à jour.
Les données sont conservées lors des évolutions de l’application afin de limiter les risques de perte de contenu.
Le site bénéficie également de plusieurs dispositifs de sécurité :
• Connexion HTTPS
• Authentification sécurisée pour l’administration
• Protection des fichiers sensibles
• Gestion spécifique des permissions
• Sauvegardes régulières de la base et des contenus
Déploiement et hébergement
Le site est hébergé sur un serveur VPS OVHcloud fonctionnant sous Ubuntu.
L’application a été conteneurisée avec Docker afin d’isoler les différents services, de simplifier les déploiements et d’assurer une meilleure stabilité de l’environnement technique.
Caddy assure la gestion du trafic web, les redirections HTTPS et le renouvellement automatique des certificats SSL.
Cette architecture facilite également les opérations de maintenance et les futures évolutions du site.
Résultat du projet
MS International Business School dispose désormais d’une plateforme institutionnelle professionnelle, rapide, sécurisée et entièrement administrable.
L’établissement peut mettre à jour ses formations, ses actualités, ses pages institutionnelles et ses informations pratiques sans dépendre d’un développeur pour chaque modification.
L’architecture technique mise en place permet également d’ajouter progressivement de nouvelles fonctionnalités et de faire évoluer le site en fonction des besoins futurs de l’école.
- Analyse des besoins et définition de l’arborescence
- Conception du parcours utilisateur
- Création de l’identité visuelle du site
- Développement d’un site responsive
- Développement back-end en PHP
- Création d’une base de données SQLite
- Développement d’un CMS sur mesure
- Création d’un espace d’administration sécurisé
- Intégration des pages institutionnelles
- Création des fiches de formation
- Mise en place des formulaires de contact
- Gestion des images et des documents
- Conteneurisation de l’application avec Docker
- Configuration du serveur web Caddy
- Installation du certificat HTTPS
- Déploiement sur un VPS OVHcloud
- Création d’un système de sauvegarde
- Optimisation pour ordinateur, tablette et mobile
- Mise en ligne et tests de fonctionnement
- Formation à l’utilisation de l’interface d’administration
ABS Communes — plateforme web
Conception d’un site public administrable avec une navigation claire, une présentation structurée de l’activité et des accès directs aux informations essentielles.
- Client
- ABS Communes
- Mission
- Conception · Développement web · CMS
- Lieu
- France
- Site
- abs-communes.fr
Organiser l’information et proposer une expérience de consultation directe, cohérente et adaptée aux usages mobiles.
Travail sur la structure des pages, la hiérarchie des contenus, la cohérence graphique et l’administration du site afin de faciliter les mises à jour futures.
- Navigation simplifiée
- Pages structurées et réutilisables
- Interface responsive
- Contenus administrables
MS International Business School — site école
Création d’un site institutionnel administrable pour présenter l’école, ses programmes et ses parcours de candidature dans une expérience sobre, claire et responsive.
- Client
- MS International Business School
- Mission
- Identité digitale · UX/UI · Développement web
- Lieu
- Montpellier, France
- Site
- msinternational-bs.fr
Donner à une nouvelle école une présence numérique crédible, lisible et capable d’accompagner la croissance de ses programmes et de ses admissions.
Conception d’une architecture éditoriale orientée programmes et admissions, identité visuelle cohérente, composants responsives et administration autonome des contenus.
- Présentation structurée de l’école et des programmes
- Parcours de candidature visible
- Interface responsive
- Socle éditorial évolutif