Mon Stage en Développement Web
UX/UI Design & WordPress
Création du site web de l’école de musique associative Le Cocon Musical.
Anna Ghlijyan
Stagaire։ Developeuse web
Période: Mai 2026–Juin 2026
01. Présentation du projet
Dans le cadre de ma formation en développement web,j’ai participé à la conception et à la réalisation du site internet de l’école de musique associative Le Cocon Musical.
L’objectif était de créer une plateforme moderne,
intuitive permettant de présenter les cours,
les enseignants et les informations pratiques de l’établissement.
02. Objectifs du projet
Analyse des besoins client
Conception d’un site web
Travail collaboratif
Développement de l’autonomie
03. Démarche UX/UI
Analyse
Échanges avec le client, identification des utilisateurs
cibles et définition des contenus prioritaires.
Benchmark
Étude comparative de sites d’écoles de musique
pour identifier les bonnes pratiques et tendance
Arborescence
Création de l’architecture du
site pour organiser
les contenus de manière logique et intuitive.
Maquettes UI
Création des maquettes sous Figma avec une attention portée à l’UX et à l’identité visuelle.
Intégration
Intégration et développement
du site sous
WordPress
04. Conception graphique
Palette de couleurs
#39474F
#0C7046
#0AC8B
#E0D6C8
#F5E5C8
Typographies
Titres
Textes
05. Ma contribution
UX Research
- Analyse des besoins
- Benchmark
- Arborescence
- Organisation des contenus
- Parcours utilisateur
UI Design
- Conception du logo
- Palette de couleurs
- Choix typographiques
- Maquettes sous Figma
- Prototype interactif
Développement
- Intégration WordPress
- Création des pages
- Personnalisation CSS
- Design responsive
06. Outils et technologies
Figma
Affinity
WordPress
CSS3
Magnific
Coolors
07. Réalisation du site
- Réalisation du benchmark
- Création de l’arborescence
- Conception du logo
- Élaboration de l’identité visuel
- Création des maquettes Figma
- Intégration du contenu
- Assemblage du site sous WordPress
- Personnalisation du design avec CSS
08. Difficultés rencontrées
- La principale difficulté rencontrée a été
la découverte de WordPress sans formation préalable. - L’absence de contenus fournis par le client a également obligé à utiliser des éléments temporaires․
09. Solutions apportées
- Pratique régulière
- Recherche de documentation
- Essais et ajustements successifs
- Échanges avec les formateurs
10. Apprentissages clés
- Comprendre les étapes de création d’un site web professionnel
- Découvrir la méthodologie UX/UI
- Concevoir une identité visuelle complète
- Réaliser des maquettes interactives
- Découvrir WordPress et ses possibilités
- Participer à un projet réel répondant aux besoins d’un client
11. Résultat final
12. Conclusition
Ce stage m’a permis d’acquérir une expérience concrète dans la création de sites web professionnels avec WordPress. J’ai développé mes compétences techniques, créatives et organisationnelles tout en participant à la réalisation d’un projet réel destiné à une école de musique.
Ce stage a constitué une expérience déterminante dans mon parcours professionnel et a confirmé mon intérêt pour le développement web et web mobile.