Inspirer confiance
Le client retrouve les couleurs et les lettres de votre enseigne, de votre camion, de vos devis. Un gîte de la Côte d’Émeraude et un cabinet de Léhon n’ont pas la même voix : leurs sites ne doivent pas se ressembler.
Webdesign et graphisme web à Dinan
Votre image, pensée pour l’écran.
Graphiste web et webdesigner à Dinan, nous dessinons votre site à partir de votre logo, de vos couleurs et de votre métier, en commençant par l’écran du téléphone. Un bon design de site internet fait comprendre en quelques secondes qui vous êtes, donne confiance et montre où appeler.
- Maquette validée avant le code
- Pensé d’abord pour le téléphone
- Rendez-vous à Dinan ou en visio
Du croquis à l’écran.
Ce qu’un bon design apporte
Le design d’un site sert d’abord à montrer votre sérieux.
Un visiteur juge une page avant d’en lire la première phrase. Pour une entreprise du pays de Dinan, ce coup d’œil décide souvent s’il vous appelle, vous ou le suivant dans la liste.
Se lire sans effort
Un texte assez grand, foncé sur fond clair, des paragraphes courts et des titres qui résument. La page reste lisible en plein soleil sur le quai du port, et s’affiche vite quand le réseau sature au mois d’août.
Donner envie d’agir
Sur chaque page, une action évidente : appeler, demander un devis, réserver une table. Le bouton tombe sous le pouce, sa couleur ne sert qu’à lui, et l’œil le trouve sans chercher.
Graphiste ou webdesigner
Le papier et l’écran, deux métiers voisins.
Le graphiste print conçoit pour une surface qui ne bouge pas : carte de visite, dépliant posé sur le comptoir, enseigne, flocage du camion. Il maîtrise les encres et prépare les fichiers pour l’imprimeur. Le webdesigner, lui, travaille pour un écran qui change de taille, que l’on fait défiler et que l’on touche du doigt.
| Graphisme print | Webdesign | |
|---|---|---|
| Support | Format fixe, au millimètre | Écrans de toutes largeurs |
| Couleurs | Encres CMJN, teintes Pantone | Couleurs RVB, contrastes mesurés |
| Texte | Taille fixée une fois pour toutes | Texte qui s’adapte et s’agrandit |
| Lecture | On voit la page d’un coup | On fait défiler, on touche |
| Livrable | Fichier pour l’imprimeur | Maquette, puis styles intégrés au site |
Les deux se complètent. Si un graphiste a déjà créé votre logo et vos imprimés, nous partons de son travail au lieu de le refaire.
Identité visuelle
Votre identité existante, déclinée pour le web.
Vous avez un logo, des couleurs, parfois une police que votre imprimeur connaît bien. Nous les transposons à l’écran sans les trahir, puis nous complétons ce qui manque à un site. Cette étape fait partie de chaque création de site internet à Dinan que nous menons.
- Le logo dans les formats utiles au site : version large pour l’en-tête, version réduite pour les petits écrans, version claire pour les fonds sombres.
- Une palette courte tirée de vos couleurs, avec des contrastes vérifiés pour le texte et les boutons.
- Deux familles de caractères au plus, choisies pour l’écran et hébergées sur votre site.
- Des pictogrammes et de petits dessins au trait assortis à votre univers.
- Le favicon, la petite icône de l’onglet, et celle qui apparaît quand on ajoute le site à l’écran d’accueil du téléphone.
- Une image de partage, pour qu’un lien envoyé sur WhatsApp ou Facebook affiche une vignette soignée.
- Des règles simples pour les photos : cadrage, lumière et traitement communs d’une page à l’autre.
Si vous n’avez pas encore de logo, parlons-en dès le premier rendez-vous.
Retrouvez vos fichiers sources. Le logo récupéré sur votre page Facebook est une petite image floue. Pour le site, il faut le fichier vectoriel (SVG, PDF, AI ou EPS) que conserve votre graphiste ou votre imprimeur. Un simple message suffit souvent à l’obtenir.
Erreurs fréquentes
Ce qui abîme un site, même bien construit.
Ces défauts se voient sur des sites récents comme sur des sites anciens. Ils tiennent rarement à la technique, presque toujours à des choix de design.
Le thème générique
Un modèle acheté en ligne, des blocs prévus pour n’importe quel métier, et voilà un plombier présenté comme une jeune pousse de la tech. Le visiteur a déjà vu cette page ailleurs. Nous dessinons la mise en page à partir de votre activité, pas d’un gabarit à remplir.
La photo de banque qui sonne faux
Des tuiles rouges pour un couvreur qui pose de l’ardoise, une poignée de main en costume pour une crêperie, une plage des tropiques pour un gîte près du cap Fréhel. Le client du coin le remarque aussitôt. Vos photos, même prises au téléphone, parlent mieux de vous.
Le texte illisible sur mobile
Gris pâle sur fond blanc, police fine et minuscule, lignes interminables : sur un téléphone, dehors, il faut zoomer, et le visiteur repart. Nous visons un texte d’au moins 16 pixels et un contraste d’au moins 4,5 pour 1, le seuil retenu par les règles d’accessibilité WCAG.
Autres classiques : un logo étiré ou pixellisé, cinq polices sur la même page, des animations qui bougent dans tous les coins.
La maquette chez CSID
On dessine avant de coder, et vous validez.
Une maquette montre fidèlement vos pages avant leur construction. Déplacer un bloc ou changer une teinte à ce stade se fait en quelques minutes ; une fois le site développé, c’est une autre affaire. Pour un site vitrine, elle trouve sa place dans les 3 à 6 semaines habituelles du projet.
Au premier rendez-vous, à Dinan, chez vous ou en visio, apportez ce que vous avez :
- votre logo, vos cartes de visite, une photo de l’enseigne ou du véhicule ;
- des photos de votre travail, même imparfaites ;
- deux ou trois sites qui vous plaisent, et un qui vous agace : on apprend autant des deux.
Étape par étape
De la feuille blanche
à la maquette validée.
Un seul interlocuteur, du premier croquis à la mise en ligne.
-
Repérage
Nous regardons votre métier comme vos clients le voient : vitrine, devis, réseaux, concurrents du secteur. Le devis qui suit est gratuit et sans engagement.
-
Zoning
Un plan de page en blocs gris, sans couleur : ce qui vient en premier, ce que le visiteur doit trouver, où se place le bouton d’appel.
-
Maquette d’accueil
La page d’accueil mise en couleurs, en version téléphone et ordinateur. Nous l’ajustons avec vous jusqu’à votre accord.
-
Déclinaison
Les autres pages reprennent le même système. Le site est ensuite intégré et essayé sur de vrais téléphones avant d’être publié.
Exemples tirés de nos réalisations
Quatre métiers, quatre identités.
Chacun de nos projets a sa palette, ses caractères et sa mise en page. Ces entreprises sont imaginées par CSID ; leurs sites, eux, sont dessinés et développés jusqu’au bout.
Voir les vingt-trois réalisations
Arcature Avocats
- Bleu encre
- Ivoire
- Or sourd
EB Garamond et Manrope
Le logo dessine une suite d’arches. Sur le site, ce signe devient un fil conducteur : il encadre chaque domaine du cabinet. C’est exactement cela, décliner une identité.
Garage des Arches
- Noir atelier
- Jaune signal
- Gris acier
Bebas Neue et DM Sans
Tout se lit de loin, comme un panneau. L’automobiliste en panne au bord de la route trouve le numéro sans faire défiler la page.
Le Fournil du Jerzual
- Croûte
- Farine
- Ardoise
Bricolage Grotesque et Figtree
Les teintes sortent du four et des toits de la rue. Pour les titres, une lettre épaisse, un peu irrégulière, qui évoque les spécialités inscrites à la craie derrière le comptoir.
Studio Écume
- Écume
- Bleu-gris
- Sable rosé
Urbanist et Source Serif 4
Ici, tout ralentit : titres fins, beaucoup d’air, un pictogramme au trait par cours. Le texte courant reste pourtant foncé, pour que le calme ne coûte rien en lisibilité.
Et le site que vous lisez ?
Il suit les mêmes règles. Newsreader pour les titres, Roboto pour le texte, Caveat pour les petites notes manuscrites, sur une palette d’encre, de terre cuite et de crème. Les pictogrammes de nos prestations reprennent l’arche et la tour crénelée de Dinan. Des dessins au trait du viaduc et de la vieille ville ornent les bandeaux, et des montages posent nos pages sur un muret du port.
Tous ces visuels ont été créés pour ce site, puis retouchés pour s’afficher nets sur n’importe quel fond.
Questions fréquentes
Vos questions sur le design
de votre site.
Logo, couleurs, images, maquette : ce que l’on nous demande avant de se lancer. S’il en manque une, posez-la-nous au téléphone.
Mon graphiste a créé mon logo : peut-il aussi faire mon site ?
Parfois, mais ce sont deux métiers différents. Un site demande de penser aux écrans de toutes tailles, à la vitesse, au référencement et à l’entretien dans la durée. Souvent, le plus simple est de garder votre graphiste pour les imprimés et de nous transmettre ses fichiers : nous reprenons son travail pour le web, et il peut relire la maquette s’il le souhaite.
Pouvez-vous créer mon logo ?
Notre travail porte d’abord sur l’adaptation de votre identité au site : logo, couleurs, caractères, favicon, image de partage. Si vous partez de zéro, dites-le-nous dès le premier échange : nous verrons ensemble la meilleure façon de procéder avant de lancer le site.
Je n’ai pas de charte graphique : est-ce un problème ?
Non. La plupart des artisans et des commerçants n’en ont pas. Nous partons de ce qui existe déjà (l’enseigne, les cartes de visite, le véhicule, les couleurs du lieu) et nous fixons quelques règles pour le site : palette, caractères, style des boutons et des photos. Vous pourrez ensuite les reprendre sur vos devis ou vos réseaux.
Puis-je mettre sur mon site des images trouvées sur internet ?
Pas sans autorisation. Une image visible sur Google appartient à son auteur, et le Code de la propriété intellectuelle (article L122-4) rend illicite sa reproduction sans son accord. Utilisez vos propres photos, celles d’un photographe qui vous cède les droits, ou une banque d’images sous licence. Nous vous aidons à faire le tri.
Verrai-je le design avant que le site soit construit ?
Oui. La page d’accueil vous est présentée en maquette, sur téléphone et sur ordinateur, et rien n’est développé avant votre accord. C’est le bon moment pour changer d’avis : une retouche y prend quelques minutes.
Mon site doit-il être accessible aux personnes handicapées ?
Les sites publics y sont tenus. Depuis le 28 juin 2025, la directive européenne « Accessibilité » vise aussi le commerce électronique, avec une dispense pour les microentreprises qui fournissent des services (moins de 10 salariés, et pas plus de 2 millions d’euros de chiffre d’affaires ou de bilan). Obligation ou pas, nous appliquons les bases sur chaque site : contrastes, tailles de texte, navigation au clavier, images décrites.
Pouvez-vous changer seulement le design de mon site actuel ?
Oui, si le site repose sur une base récente et bien tenue : on revoit alors la mise en page, les couleurs et la typographie sans toucher au reste. Quand la technique ou l’organisation des pages coincent, une refonte complète rend plus de services. Nous vous le disons franchement, après avoir regardé votre site.
Pour aller plus loin
Le design, au service de chaque projet
Votre identité, à l’écran
Apportez votre carte de visite,
on s’occupe de l’écran.
Votre logo, une photo de l’enseigne, quelques images de votre travail : nous en tirons une première direction pour votre site, puis un devis gratuit et sans engagement. Réponse sous 24 à 48 h ouvrées.
