Développement web Dijon – Studio création de site Langres
Le Commanditaire
La Brasserie Distillerie Lingone, à Rivière-les-Fosses en Pays de Langres, produit bières, whiskys et spiritueux bio dont le studio a conçu l’intégralité de l’identité : nom, logo, packagings, PLV, visuels et site. Sabinus est le produit le plus narratif de la gamme : il porte le nom de Julius Sabinus, chef lingon qui, en 69 après J.-C., souleva sa tribu contre Rome, se proclama empereur des Gaules, puis, vaincu, se cacha neuf années durant avant d’être exécuté avec son épouse Eponine, devenue figure de fidélité pour les Anciens. Le studio a découpé cette légende en actes, un par édition du produit, chacun illustré par Laurette Gerbet. Après la réalité virtuelle du premier acte et les mini-sites des deux suivants, l’Acte IV, « Présage », conduit Sabinus et Eponine jusqu’à Rome et au jugement de Vespasien, tandis que leurs fils s’échappent vers l’Égypte. Les objectifs restent ceux d’un packaging prolongé à l’écran : faire vivre l’histoire au consommateur, donner à cette édition sa place dans la saga, et transformer la curiosité en achat, vers le caviste le plus proche entre Langres et Dijon ou vers la précommande. Le studio ZEDYX, graphiste et web designer installé entre Langres et Dijon, a traité ce chapitre comme un objet éditorial : un web design de quelques tableaux, au service d’une bouteille.
Fonctionnalités & Intégrations
Les fonctionnalités sont les étapes d’une expérience immersive, pas des rubriques. Un contrôle de majorité ouvre le site, obligatoire pour une marque d’alcool ; le premier tableau apparaît ensuite en fondu, pendant que les particules commencent à dériver. Le visiteur choisit « En musique » ou « En silence » : une bande sonore libre de droits accompagne alors la lecture ; on peut la couper à tout moment. Le défilement libre est verrouillé : c’est un bouton qui fait passer d’un tableau-chapitre au suivant, par la transition d’encre, jusqu’au packshot final du produit, de sorte que le rythme du récit reste celui que le studio a écrit. Un panneau latéral propose le localisateur de points de vente Lingone, la précommande en ligne, le retour vers le site de la brasserie, le partage sur Facebook et les crédits de l’illustratrice et du studio. Le responsive a été traité de façon radicale : sur téléphone, le site impose le mode portrait et affiche un compte à rebours de rechargement si l’appareil est tourné, afin que chaque tableau garde ses proportions ; sur ordinateur, la hauteur de l’écran pilote l’échelle des images. Lecture identique dans un bar de Dijon ou à la brasserie de Langres : c’est le web design narratif du studio ZEDYX, graphiste et web designer entre Langres et Dijon, pour prolonger un packaging à l’écran.
Référencement & Performances
Un mini-site d’expérience n’en oublie pas le référencement. Chaque acte possède son titre de page, sa meta description évoquant la légende illustrée de Sabinus, ses balises Open Graph et Twitter avec deux vignettes dédiées, grande et carrée, pour un partage propre sur les réseaux sociaux, une adresse canonique et une directive d’indexation explicite. L’URL parle d’elle-même : lingone.fr/sabinus-presage. Le texte du récit est présent dans le HTML et non incrusté dans les images, ce qui le rend indexable et accessible. Côté performances, le studio a limité le site à une poignée de fichiers : une feuille de style, quelques scripts, six images optimisées et préchargées en une seule fois, aucune extension, aucune base de données, sur un serveur cloud qui ne partage ses ressources avec personne. Le résultat s’ouvre en quelques secondes sur mobile, condition indispensable pour un lien ouvert depuis un téléphone au comptoir. Le studio ZEDYX, entre Langres et Dijon, conçoit ces mini-sites comme des objets finis de web design : un chapitre, une adresse, une expérience, et la certitude qu’un curieux de Dijon ou de Langres la trouvera et la partagera.
Architecture & Identité
« Sabinus • Acte IV • Présage » est le quatrième chapitre de la saga illustrée que la Brasserie Lingone déploie sur ses packagings : Sabinus et Eponine, capturés, sont conduits à Rome et jugés par Vespasien. Le studio a conçu pour cet acte un mini-site narratif autonome, hébergé sous lingone.fr. L’architecture rompt avec la page web classique : ni menu ni colonnes, mais un univers complet et imagé, récit à la première personne en quatre tableaux que le visiteur enchaîne au bouton, jusqu’au packshot du produit. Chaque tableau est une illustration plein écran de Laurette Gerbet, dans l’identité visuelle de la gamme Sabinus conçue par le studio ; ce quatrième acte mêle lumière retrouvée, route vers Rome et sentence. On y entre par un rituel, majorité puis ambiance sonore, et l’on en ressort vers le point de vente le plus proche ou la précommande. D’un chapitre à l’autre, une transition d’encre se répand sur l’écran et découvre le tableau suivant, comme une page qui s’imprime. Au-dessus des images, une nappe de particules codée par le studio dérive et clignote comme des lucioles dans la lumière retrouvée. La typographie Reem Kufi rattache l’ensemble à l’univers Lingone ; le web design s’efface derrière l’image, le texte est court, posé dans ses respirations. Conçu par le studio ZEDYX, graphiste et web designer entre Langres et Dijon, pour une brasserie de Langres dont les bouteilles voyagent jusqu’à Dijon.
Socle technique
Le studio a développé le mini-site en HTML, CSS et JavaScript natifs, sans CMS. Ce choix n’a rien d’un compromis : c’est la bonne réponse technique. Le recours à un CMS comme WordPress ne devrait jamais être automatique. Ici, la brasserie n’a rien à publier elle-même dans ce chapitre : un CMS n’aurait apporté qu’une base de données, des dizaines de scripts et de feuilles de style chargés à chaque visite, des extensions à maintenir et une surface d’attaque, donc une expérience plus lourde et moins fluide, à l’opposé de ce que demande un récit immersif. Savoir faire ce choix, et coder soi-même un site quand c’est la bonne réponse, est une compétence de web designer à part entière : le studio ZEDYX la revendique, et c’est aussi la solution la moins coûteuse pour le client. Tout ce qui fait l’immersion est écrit à la main : les six visuels de l’acte, image d’arrivée, quatre tableaux, image de transition vers le packshot, sont préchargés en une seule fois pour que chaque changement de chapitre soit instantané ; la transition d’encre est une séquence d’images pilotée en CSS, sans vidéo ; la nappe de particules est un canvas animé en JavaScript, trente points de lumière dont la dérive, la taille et le clignotement sont tirés au hasard à chaque visite ; l’apparition en fondu du premier tableau, le lecteur audio et le verrouillage du défilement sont gérés par un script du studio. Un loader animé couvre le chargement initial, une barre de défilement personnalisée reste dans la charte graphique, et le bandeau de consentement RGPD est partagé avec le site principal. Le gabarit est commun aux trois actes, ce qui garantit une cohérence parfaite et une mise en production rapide de chaque chapitre. Hébergement et domaine 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é. Ce web design sur mesure, codé à la main entre Langres et Dijon, est ce que notre studio propose à ses clients de Langres comme de 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 ?
Projets du studio de graphisme pour le même client
Choisir un seul studio de graphisme pour l’ensemble de votre plan de communication entre Langres et Dijon, c’est vous assurer d’une cohérence parfaite entre vos différents supports : affiches, flyers, logo, vidéos, packagings…
