Web design Dijon – Studio création site internet Langres
Le Commanditaire
Bellatores est un club de combat médiéval en armure installé à Montsaugeon, Petite Cité de Caractère perchée entre Langres et Dijon. Il hérite d’une longue histoire associative : Gentes Dames et Chevaliers, fondée en 2003 par quatre passionnés du XIIIe siècle, a monté et démonté son campement plus de cent fois devant plus de cent cinquante mille spectateurs, avant d’abandonner, vers 2010, le combat chorégraphié pour le combat d’instinct, avec coups réellement portés, duels à la touche ou à la mise au sol. C’est dans ce creuset que sont nés les fondateurs de Bellatores, qui ont ajouté l’ambition de la compétition. L’entraînement mêle AMHE, béhourd et autres arts martiaux, pugilat, lutte, canne, sous une devise claire : absorber ce qui est utile, rejeter ce qui ne l’est pas, ajouter ce qui est propre. Le club vit de ses membres et de ses prestations, démonstrations, interventions scolaires, présentations d’armes et d’armures, tournois. Le site avait donc deux objectifs commerciaux clairs : recruter des adhérents, actifs ou de soutien, et vendre des prestations aux organisateurs d’événements de Haute-Marne, de Langres à Dijon. Le studio ZEDYX, graphiste et web designer, avait déjà créé le logo du club ; il a livré site, charte, photographies et vidéo dans un même mouvement, du logo au web design.
Fonctionnalités & Intégrations
Le cœur fonctionnel est un formulaire intelligent de contact et d’adhésion : il interroge le visiteur sur son intention, adhérer ou demander un devis, puis affine, type d’adhésion (adhérent ou actif), type de prestation (intervention scolaire, démonstration, tournoi), avant de collecter les coordonnées et d’envoyer la demande au club avec un message de confirmation. Une galerie photo et une vidéo de présentation, toutes deux produites par le studio, une carte interactive du lieu d’entraînement, un carrousel de logos de partenaires et amis, et des cartes de présentation des membres complètent la page. Le studio a construit le responsive sur la grille Bootstrap : les blocs de prestations passent de trois colonnes à une, les portraits se réorganisent, la galerie devient un défilement tactile, le menu se replie en bouton. Le formulaire en plusieurs étapes a été vérifié au doigt, sur téléphone, car c’est ainsi qu’un parent de Langres ou un organisateur d’événement de Dijon prend contact ; l’ensemble des interactions a été testé sur les formats courants. C’est le niveau de finition que le studio ZEDYX, graphiste et web designer installé entre Langres et Dijon, applique à tous ses projets de web design, même pour une seule page.
Référencement & Performances
Le référencement cible une niche précise : « combat médiéval », « béhourd », « AMHE », « Haute-Marne ». Le titre de page et la meta description associent ces termes au positionnement géographique entre Langres et Dijon, ce qui capte à la fois les recherches locales et les recherches de discipline. Le site propose ses propres vignettes de partage, grande et carrée, via les balises Open Graph et Twitter, une couleur de thème mobile et un balisage Hn hiérarchisé malgré le format une page : un H1 pour la discipline, des H3 par section. Le texte est abondant et réel, ce qui donne à Google de la matière sur chaque prestation. Côté performances, un site statique sans base de données répond instantanément, là où un CMS aurait ajouté plusieurs centaines de millisecondes à chaque chargement ; les seuls appels externes sont les polices, la vidéo et la carte. Le studio a réduit le nombre de scripts et regroupé les styles. Pour une association, la visibilité gratuite est vitale : le studio ZEDYX, graphiste et web designer entre Langres et Dijon, applique ici les mêmes méthodes de SEO que pour les entreprises de Dijon, avec un site qui se charge vite et se lit d’un trait.
Architecture & Identité
Bellatores, club de combat médiéval en armure basé en Haute-Marne, entre Langres et Dijon, voulait un site qui recrute des membres et vende des prestations. Le studio a choisi un site une page : tout se lit en défilant, et un menu fixe ancre vers six sections, Présentation, Entraînements, Prestations, Galerie, Nous rejoindre, Contact. L’ordre suit la logique du visiteur : comprendre la discipline, voir où et quand on s’entraîne, découvrir ce que le club propose aux événements (armes et armures, démonstrations, interventions scolaires, tournois), regarder la galerie, puis choisir son mode d’adhésion et écrire. L’identité visuelle découle du logo du club, création du studio, dans une charte que le studio a lui-même produite : dominante sombre et acier, typographie de titres à empattements gravés (Stoke) évoquant les lettrages médiévaux, Roboto pour les textes. Photographies de combats plein cadre et vidéo de présentation ont également été réalisées par le studio, et les textes du club remaniés pour le référencement. Le design est frontal et dense, à l’image de la pratique. Cette approche one-page, efficace pour une association, est une spécialité du studio ZEDYX, graphiste et web designer installé entre Langres et Dijon, qui conçoit logo, charte, interface, images et contenus comme un tout.
Socle technique
Le site est un développement statique en HTML, CSS et JavaScript, sans CMS, et ce choix est le cœur du projet. Le recours à un CMS comme WordPress ne devrait jamais être automatique : il ne se justifie que lorsque le client doit publier lui-même, régulièrement, sans intervention. Un club qui met à jour deux dates et un partenaire par an n’en a aucun besoin. Un CMS impose une base de données, des dizaines de requêtes, de scripts et de feuilles de style chargés à chaque page, des extensions à mettre à jour et une surface d’attaque permanente ; le site est mécaniquement plus lourd, plus lent et plus fragile. Savoir faire ce choix, et coder soi-même un site plutôt qu’installer un thème et empiler des extensions, est une compétence de web designer à part entière : le studio ZEDYX la revendique, et livre ainsi un site plus rapide, plus sûr, et nettement moins coûteux à produire comme à héberger. La mise en page repose sur la grille Bootstrap, complétée par des feuilles de style propres au projet et une couche d’animations légère. Un script écrit par le studio pilote le défilement fluide vers les ancres, la barre de défilement personnalisée et les fenêtres modales. Les formulaires sont traités par un script PHP côté serveur, avec validation avant envoi. Vidéo YouTube et carte Google Maps sont intégrées par iframes. Hébergement, domaine et messagerie sont gérés par le studio dans le cadre de son contrat de suivi bi-annuel, sur un serveur cloud Infomaniak, plus sûr qu’un serveur mutualisé (ressources isolées, sauvegardes automatiques). Le studio entretient ce code dans la durée depuis Langres et Dijon, chaque intervention préservant le rendu et les interactions existantes, comme pour tous ses projets de web design à Langres ou à Dijon.
Etapes et techniques clés
Les composantes insoupçonnées du projet qui le rendent unique.
00. Analyse & cahier des charges
Tout site du studio commence par une écoute. Avant de dessiner la moindre page, le studio ZEDYX prend le temps de comprendre votre activité, vos clients, vos concurrents et ce que le site doit produire : des demandes de devis, des réservations, des adhésions, des ventes, une image. Cette analyse se traduit par un cahier des charges clair, écrit dans votre langue et non dans celle des développeurs, qui fixe le périmètre, les contenus à réunir, le calendrier et le budget. C’est un document intégré au contrat que vous validez à l’engagement, et qui protège les deux parties : vous savez ce que vous achetez, nous savons ce que nous devons livrer. Que votre entreprise soit à Langres, à Dijon ou ailleurs, l’échange se fait en visio ou dans vos locaux à Langres comme à Dijon. Graphiste et web designer, je défend dès cette étape une conviction : un bon web design n’est pas une affaire de tendance, mais de réponse juste à un besoin précis.
01. Contrat & Socle technique
Le contrat formalise le cahier des charges et arrête, avec vous, tous les choix techniques qui détermineront la vie du site. Le nom de domaine et les services mails professionnels, gérés par le studio dans le cadre du contrat de suivi bi-annuel. L’hébergement, sur un serveur cloud Infomaniak dont les ressources ne sont partagées avec personne, plus sûr et plus rapide qu’un hébergement mutualisé. Le choix décisif entre un CMS comme WordPress, indispensable si vous publiez vous-même, et un développement statique en HTML, CSS et JavaScript, plus léger, plus sûr et moins coûteux si vos contenus évoluent peu : le studio, graphiste et web designer, sait coder l’un comme l’autre et vous conseille sans parti pris. Les langages et fonctionnalités du site, formulaires, réservation, boutique, agenda, cartes, espace membre. L’arborescence, c’est-à-dire la liste des pages et leur enchaînement. Les objectifs de référencement, requêtes ciblées et zone géographique, de Langres à Dijon ou bien au-delà. Et le niveau d’autonomie que vous souhaitez sur votre site : tout déléguer au studio, ou publier vous-même. Ce socle, posé noir sur blanc entre Langres et Dijon, est ce qui distingue un web designer d’un simple installateur de thèmes.
02. Remise des contenus
03. Développement, Design & Interactions
C’est l’étape où le site prend forme, directement dans le navigateur. Le studio ne produit pas de maquettes intermédiaires : il développe d’emblée les pages réelles, dans votre charte graphique, ou à partir du logo et de l’identité visuelle que le studio a créés pour vous. Vous ne validerez donc jamais une image figée qui ressemble au site, mais le site lui-même, tel qu’il se comportera en ligne. Le développement couvre l’intégration des typographies, des couleurs et des images, la construction des gabarits, la mise en place des interactions, menus, animations d’apparition, galeries, transitions, formulaires, et l’intégration de vos contenus remaniés pour le référencement. Chaque élément est testé sur les formats courants, car vos clients de Langres ou de Dijon consultent d’abord leur téléphone ; le responsive est conçu dès la première page, pas ajouté à la fin. Pendant cette phase, le studio travaille sans vous solliciter : le cahier des charges tient lieu de référence. Rassurez-vous, rien n’est mis en ligne à votre insu : une version bêta complète vous sera livrée avant publication, et c’est elle qui recueillera l’ensemble de vos retours. Graphiste et web designer installé entre Langres et Dijon, notre studio dessine et code dans le même geste, ce qui garantit que le web design livré est exactement celui que vos visiteurs retrouveront à l’écran.
04. Optimisation & Référencement
Un site que personne ne trouve ne sert à rien. Le studio applique donc à chaque page les fondamentaux du référencement naturel : titres et meta descriptions rédigés sur les requêtes réelles de vos clients, hiérarchie des titres respectée, adresses de pages lisibles, données structurées, balises de partage pour les réseaux sociaux, plan de site et fil d’Ariane. Vos textes sont relus et remaniés pour intégrer ces mots-clés sans perdre votre ton, avec une attention particulière au référencement local, décisif pour une entreprise de Langres, de Dijon ou de leur région. Les performances sont traitées en même temps : images compressées et converties en WebP, chargement différé, scripts limités au nécessaire, consentement aux cookies conforme au RGPD, mesure d’audience activée après accord du visiteur. Le résultat est un site qui s’ouvre vite sur une connexion mobile ordinaire et que Google comprend du premier coup. Pour le studio ZEDYX, graphiste et web designer entre Langres et Dijon, le SEO fait partie du contrat de suivi web : il est livré avec le site, pas vendu à part.
05. Livraison BETA & Formation
Avant toute mise en ligne, le studio vous livre une version bêta complète du site, sur une adresse privée et protégée. Le contrat prévoit une période de quinze jours entre cette livraison et la mise en ligne définitive : c’est votre temps de validation. Vous parcourez le site à votre rythme, sur vos propres appareils, avec vos collaborateurs ; vous testez les formulaires, les réservations, les liens, l’orthographe, chaque page, et vous nous transmettez l’ensemble de vos remarques. Le studio les traite, puis vous validez par écrit. Si le site est administrable, cette période est aussi celle de la formation : le studio vous montre comment publier, modifier vos contenus, ajouter une actualité, et vous remet une documentation adaptée à votre niveau d’autonomie. Au terme des quinze jours, le site bascule sur son adresse définitive, avec ses redirections, sa déclaration aux moteurs de recherche et sa mesure d’audience. Le contrat de suivi prend alors le relais : mises à jour, sauvegardes, hébergement et messagerie restent entre les mains du studio. C’est ainsi que le studio ZEDYX, graphiste et web designer installé entre Langres et Dijon, propose des solutions web complètes ses clients : sans surprise, et en connaissance de cause. Un web design livré, c’est un site que vous maîtrisez.
Définir votre niveau d'autonomie
Avant de choisir ses fonctionnalités, un site doit répondre à une question simple : qui le fera vivre ? Une e-boutique suppose des fiches produits, des stocks et des expéditions ; un gestionnaire d’événements ou un blog n’ont de valeur que s’ils sont alimentés régulièrement. L’expérience du studio est que, dans la majorité des projets, les outils sont livrés, la formation faite, puis le quotidien reprend ses droits et les fonctionnalités restent en sommeil. Personne n’est à blâmer : une entreprise de Langres ou de Dijon a d’abord son activité à mener. Mais une boutique vide ou un agenda arrêté coûtent de l’argent pour rien. Le studio ZEDYX, graphiste et web designer entre Langres et Dijon, préfère en parler avant le devis.
Définir votre niveau d’autonomie, c’est désigner dès le cahier des charges qui publiera, qui tiendra l’agenda, qui gérera les commandes. Chaque fonctionnalité vivante appelle une personne identifiée et un temps réservé, même modeste. Si cette disponibilité n’existe pas encore, le studio dimensionne le site en conséquence et prévoit les évolutions pour plus tard. Précision utile : le studio ne propose pas de community management ; l’animation de vos réseaux sociaux relève de votre organisation ou d’un prestataire spécialisé, avec qui nous travaillons volontiers. Le web design du studio, entre Langres et Dijon, s’arrête là où commence votre quotidien : un site bien conçu vous facilite la tâche, il ne la fait pas à votre place. C’est cette franchise que nos clients de Langres et de Dijon apprécient.
Et si nous parlions d'un projet équivalent pour vous ?
Un bon site internet doit faire bien plus que « rendre joli ». Son premier pari n’est pas d’être visité, mais d’être trouvé, puis de retenir : produire une interface assez juste, une première impression assez singulière pour qu’un internaute de Dijon ne referme pas l’onglet, fasse défiler, clique, prenne contact. Cette accroche ne se décrète pas ; elle naît d’une idée graphique forte, d’un parti pris visuel assumé, d’une composition qui donne du rythme à la page, d’une typographie ou d’une animation qu’on n’attendait pas là. Tout le reste vient après, et n’existe que grâce à elle : hiérarchiser un contenu dense sans l’appauvrir, tenir la lisibilité sur un téléphone comme sur un grand écran, garder sa force avec une connexion médiocre, rester fidèle à votre identité visuelle sur chaque page. C’est sur ces exigences que se distingue le studio ZEDYX. En combinant direction artistique, web design, développement sur mesure et maîtrise de la chaîne technique, HTML, CSS, JavaScript, CMS quand il se justifie, hébergement, référencement, le studio conçoit des sites qui ne se contentent pas d’afficher un message : ils lui gagnent d’abord un regard, puis le méritent. Implanté entre Langres et Dijon, graphiste et web designer, le studio travaille pour les artisans du plateau de Langres comme pour les structures culturelles de Dijon. Dans un paysage saturé de sites interchangeables, celui qui accroche reste celui qu’on met en favori, celui qu’on recommande.
Combien ça coûte ?
E-commerce ou vitrine : Un site clair, ergonomique et captivant, qui guide vos visiteurs, renforce votre crédibilité et transforme l’expérience en résultat concret.
Mon Engagement Qualité
Une analyse précise de vos besoins et des outils de planification, de gestion, de publication sur mesure, ainsi qu’une optimisation SEO (Référencement naturel) performante !
Délais
Chaque plateforme / site est unique et présente des outils différents : les délais dépendent de la nature de votre projet, des outils à développer… Discutons en !
2 aspects obligatoires
Le Studio ZEDYX ne propose pas de contrat de web mastering (suivi) pour des sites créés ailleurs, ni la création de site sans contrat de suivi : Le studio doit pouvoir maîtriser tous les aspects de votre outil pour pouvoir intervenir rapidement en cas de problème.
Qui gère quoi ?
Le Studio ZEDYX devient administrateur de votre plateforme web : hébergement, domaine, maintenance, sécurité, dépannage… vous n’avez à gérer que les publications de votre site pour lesquelles vous souhaitez garder la main, vos envois de mails et de newsletter : 100% zen, 100% sécurité !
Droits d'auteurs
Les droits d’auteurs du site ne sont à régler au studio qu’en cas de rupture/fin du contrat de suivi web (webmastering), à hauteur de 10% des factures de conception initiaux du site et des factures de modifications structurelles.
Téléchargez-moi :
Articles en lien que nous vous conseillons de lire :
Une solution deux en un :
Cliquez pour déplier :
1 - Développement >
- Analyse du projet, définition d'une arborescence et d'un niveau d'autonomie du client dans l'usage des outils
- Développement Front-End et Back-end
- Adaptations graphiques et traitement des images
- Optimisation référencement naturel et mise en ligne
2 - Suivi >
- Hébergement Cloud et Nom de domaine
- Service mail
- Maintenance et mise à jours des contenus
- Sauvegardes programmées et sécurité
- Suivi des performances
*Tarifs non contractuels
Selon les options ajoutées au contrat de suivi de base, ces tarifs peuvent varier.
Mon studio vous propose à la fois la conception (UI/UX, graphisme, interactions et développement) et le suivi (contrat de web-mastering) de votre site, qu’il s’agisse d’un E-Commerce ou d’un site vitrine. Une solution tout un, deux prestations indissociables, deux aspects primordiaux de votre réussite sur le web ! Détails des 2 prestations ci-dessus.
Une relation partenariale au service de votre projet
Le client est roi, certes, mais doit être bien conseillé, et savoir rester à l’écoute. Notre relation professionnelle reposera sur l’entente mutuelle, le partage d’expérience, et la confiance. Après 13 ans de métier, je ne m’engage aujourd’hui qu’auprès de clients dont je partage l’éthique, les valeurs, et qui ont une réelle conscience de cette vérité simple :
L’artiste crée avec liberté selon ses envies. Le graphiste créait avec un cahier des charges, vers des objectifs précis. C’est technicien méthodique, un expert de la communication. Pour vos affiches, dépliants, plaquettes, packagings, étiquettes, logos, site web vitrines et E-commerce, et pour tous vos besoins graphiques : le Studio ZEDYX met ses compétences à votre service !
#1 - Faisons connaissance
La confiance entre le studio de graphisme et le commanditaire est au coeur de tout projet réussi !
#2 - Immersion & Audit
Je me déplace et m’immerge dans votre activité : c’est votre ADN qui doit dicter mes choix pour votre projet.
#3 - Solution, Planning & Tarifs
Mettons nous d’accord : vos délais, vos moyens, vos attentes sont au coeur de mes préoccupations.
#4 - Conception & validations
La création graphique n’est pas un don, elle n’est que méthode et discipline : validons ensemble chaque étape !
#5 - Suivi & Evalutations
Tout fonctionne ? À nous de le vérifier et d’ajuster les choses si nécessaire : ne laissons rien au hasard.
#6 - Parler d'avenir
À ce stade, je vous connais suffisamment pour vous proposer d’autres solutions pertinentes et sur mesure !
Artisan de l'image depuis 2013
J’ai fais le choix de créer mon propre studio de graphisme en 2013, dès lors que je fus diplômé en communication visuelle et multimédia. Mon savoir-faire, je l’ai acquis sur le terrain, à Paris, Langres et Dijon, auprès de clients exigeants , de collaborateurs engagés et au travers de projets toujours plus challengeant.
Prêt à échanger autour de votre projet ?
