Aller au contenu
SELIACONSULTING
Démarrer un projet
Étude de cas · OF

Conception et développement du site de MS International Business School

Conception et développement du site de MS International Business School
01 / Problématique

Le contexte et le défi.

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.

02 / Méthode

Une réponse construite autour de l’usage.

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.

03 / Livrables

Ce qui a été produit.

  1. 01Analyse des besoins et définition de l’arborescence
  2. 02Conception du parcours utilisateur
  3. 03Création de l’identité visuelle du site
  4. 04Développement d’un site responsive
  5. 05Développement back-end en PHP
  6. 06Création d’une base de données SQLite
  7. 07Développement d’un CMS sur mesure
  8. 08Création d’un espace d’administration sécurisé
  9. 09Intégration des pages institutionnelles
  10. 10Création des fiches de formation
  11. 11Mise en place des formulaires de contact
  12. 12Gestion des images et des documents
  13. 13Conteneurisation de l’application avec Docker
  14. 14Configuration du serveur web Caddy
  15. 15Installation du certificat HTTPS
  16. 16Déploiement sur un VPS OVHcloud
  17. 17Création d’un système de sauvegarde
  18. 18Optimisation pour ordinateur, tablette et mobile
  19. 19Mise en ligne et tests de fonctionnement
  20. 20Formation à l’utilisation de l’interface d’administration
06Galerie
Le projet en images

Des vues utiles pour comprendre les choix.

07À suivre
Continuer l’exploration

D’autres projets, d’autres contextes.

Tous les projets
WhatsApp