Lundi
17h30 Hip-Hop · Ado
19h00 Jazz · Adulte
Étude de cas
Studio DEGANSE
Site WordPress et logo sur mesure pour une école de danse urbaine au Taillan-Médoc. Univers sombre et cinématographique, planning custom responsive et deux formulaires de conversion.
Logo, site et planning custom livrés pour une école de danse au Taillan-Médoc — avec PDF téléchargeable et deux formulaires de conversion.
Client
Studio DEGANSE
Secteur
Danse & Éducation (Le Taillan-Médoc)
Technologies
WordPress · Elementor · HTML/CSS/JS
Mission
Logo + site vitrine + planning custom
Présentation
Le projet
Le Studio DEGANSE est basé au Taillan-Médoc, commune de la Bordeaux Métropole. La fondatrice propose des cours d'afro, jazz, hip-hop, contemporain et éveil corporel pour tous les âges.
Quand elle m'a contactée, elle avait une direction visuelle précise en tête — un univers sombre, cinématographique, loin des sites d'écoles de danse habituels — mais rien de concret à l'écran. Pas de logo, pas de site.
On a construit les deux ensemble : d'abord le logo, puis le site WordPress, avec un soin particulier apporté au planning des cours — la section la plus consultée par les parents et les élèves.
« Je voulais quelque chose qui ressemble à ce qu'on ressent en entrant dans un vrai studio — la lumière tamisée, le parquet, l'attente du mouvement. »
Livraison
Ce que j'ai réalisé
- 01
Logo sur mesure
Création complète du logotype — symbole, wordmark et tagline. Livré en deux versions (fond sombre / fond clair) et tous formats.
- 02
Site WordPress + Elementor
Construction du site avec hero, cours, équipe, témoignages et contact — dans la direction visuelle de la cliente.
- 03
Planning HTML/CSS/JS custom
Tableau de planning développé à la main, hors Elementor, responsive sur 3 formats. Téléchargeable en PDF.
- 04
2 formulaires de conversion
Formulaire d'essai découverte et formulaire d'inscription à la saison. Les deux intégrés nativement dans WordPress.
Logo
Le logo
Le logo devait fonctionner sur fond sombre — l'univers principal du site — mais aussi sur fond blanc pour les supports imprimés. Josefin Sans a été choisi pour sa finesse géométrique, cohérente avec la rigueur du mouvement danse.
- Symbole géométrique — cercles concentriques et diagonales évoquant le mouvement et la discipline
- Wordmark Josefin Sans — ultra léger pour « STUDIO », medium pour « DEGANSE »
- Tagline avec ancrage local explicite : Le Taillan-Médoc
- Deux versions livrées plus les formats SVG, PNG et PDF
Typographie
Josefin Sans + DM Sans
La paire Josefin Sans + DM Sans a été choisie par la cliente et j'ai structuré son usage sur l'ensemble du site. Josefin Sans pour tout ce qui est identitaire — titres, labels, navigation. DM Sans pour les textes de lecture.
Interface
Aperçu du site
Trois pages clés en aperçu, puis la page d'accueil complète dans un cadre défilable — l'univers sombre et cinématographique voulu par la cliente.
-
Planning et tarifs — section la plus consultée par les familles. -
Contact — formulaires d'essai et d'inscription intégrés. -
Événements — anniversaires et animations sur mesure.
Fonctionnalité clé
Le planning
Le planning des cours est la section la plus consultée d'un site d'école de danse — souvent par des parents sur mobile, rapidement, pour vérifier un horaire. Je l'ai développé entièrement à la main en HTML/CSS/JS, hors Elementor, pour un contrôle total sur le rendu à chaque taille d'écran. Il est aussi disponible en téléchargement PDF.
Planning 2026–2027
| Horaire | Lundi | Mardi | Mercredi | Jeudi | Vendredi | Samedi |
|---|---|---|---|---|---|---|
| 09h00 | Eveil · 3–6 ans | Afro · Adulte | ||||
| 14h30 | Afro · Enfants | Jazz · Ado | ||||
| 17h30 | Hip-Hop · Ado | Contemp. · Adulte | Afro · Avancé | |||
| 19h00 | Jazz · Adulte | Contemp. | Hip-Hop · Adulte | Afro · Débutant |
| H. | Lun | Mar | Mer | Jeu | Ven | Sam |
|---|---|---|---|---|---|---|
| 17h30 | Hip-Hop | Contemp. | Afro | |||
| 19h | Jazz | Contemp. | Hip-Hop | Afro |
Mercredi
09h00 Éveil · 3–6 ans
14h30 Afro · Enfants
17h30 Contemp. · Adulte
Samedi
09h00 Afro · Adulte
14h30 Jazz · Ado
Planning téléchargeable en PDF — pratique pour les familles qui veulent le garder ou l'imprimer.
Pourquoi du code custom dans un site WordPress. Elementor ne donne pas assez de contrôle pour un tableau responsive aussi précis. J'ai intégré le planning comme un bloc HTML custom, avec son propre CSS et les media queries nécessaires. Les trois vues — laptop, tablette, mobile — sont distinctes visuellement, pas juste « la même chose en plus petit ».
Conversion & bilan
Formulaires et apprentissages
Les deux formulaires
La stratégie de conversion repose sur deux formulaires aux intentions différentes — intégrés nativement dans WordPress.
- Formulaire d'essai — court, peu de champs, visible dès la section contact hero. Friction minimale pour les personnes qui hésitent encore.
- Formulaire d'inscription — plus complet, accessible depuis la page planning. Nom, âge, cours choisi, contact d'urgence.
Les deux utilisent des labels flottants CSS pour une expérience soignée, cohérente avec le style éditorial du site.
Ce que ce projet m'a appris
C'est le premier projet où j'ai dû mélanger deux logiques très différentes : la rapidité de WordPress/Elementor pour le site en général, et le développement custom pour une fonctionnalité précise qui demandait plus de contrôle.
Le planning m'a forcée à penser responsive vraiment différemment selon le device — pas juste réduire la taille d'une colonne, mais repenser complètement la présentation de l'information.
Projet né dans ma commune — le Taillan-Médoc. Travailler avec une cliente locale, sur un outil utilisé par des gens que je croise, c'est exactement pourquoi j'ai choisi le freelance en Gironde.
Avis client
« Collaboration au top avec Marina ! Elle a su cibler mon univers pour la création du logo et du site internet. Je suis très satisfaite. Je la recommande à 200 %. »
Voir le projet
Un projet similaire ?
Projets similaires
