Que vous souhaitiez mettre la main à la pâte ou que vous demandiez l’aide d’un pro, voici les 5 choses essentielles à préparer pour un devis ou savoir où vous allez réellement ! Cela permet également de cibler vers quelle plateforme vous tourner si vous êtes autodidacte.

Si le benchmarking est à la base un terme marketing visant à analyser la concurrence, la stratégie de communication et le type de produit afin de se positionner, il n’est reste pas moins utile et plein de bon sens pour vous aider dans la création de votre site.

Il faut bien sûr être conscient de ce que l’on propose, apprendre à savoir où se placer dans le marché pour se démarquer et mettre en avant son savoir-faire ou son entreprise.
Regarder ce qu’il se passe ailleurs, c’est aussi prendre exemple sur les sites bien construits, même s’ils ne sont pas concurrents, observer en tant qu’utilisateur, mais aussi en tant que concepteur ce que vous devez mettre en place.

Observez les menus, pieds de page, dispositions des éléments, interactions entre les pages… Prenez le temps de visiter d’autres sites dans le détail, de cliquer un peu partout, de prendre des notes sur ce que vous aimez ou que vous n’aimez pas.
L’observation avant la pratique est toujours bénéfique.
Des sites bien construits, il en existe des centaines de milliers (concentrez-vous sur des gros sites très connus, peu importe qu’ils soient sur WordPress ou pas…), il faut juste bien ouvrir l’œil et enclencher votre esprit critique !

Penser vos pages, c’est essentiel pour demander un devis, mais aussi pour savoir où vous aller dans la conception si vous souhaitez le réaliser seul.
De ce travail, il en découlera l’arborescence : mot technique à connaître et qui définit le squelette de votre site.
C’est à partir de cette arborescence que vous pourrez créer vos menus et la navigation entre les pages.

Ainsi, il est nécessaire de bien la penser avant toute chose. Elle est primordiale et simplifiera ou non la navigation de vos visiteurs…
Pensez donc à votre menu « d’en-tête » : il sera souvent composé de pages nommées :
– accueil,
– à propos,
– blog ou actus,
– boutique,
– portfolio,
– contact
– etc…
.
Le pied de page, appelé aussi footer, est aussi important et comportera souvent vos mentions légales, politique de confidentialité, CGV, et toutes les pages essentielles à vos visiteurs en termes d’info (FAQ, tarifs de livraison, avis clients, etc…)

Mettez à plat toutes vos idées sur papier, et construisez petit à petit votre arborescence en vous aidant par exemple de vos sites favoris. Ça aide toujours d’aller voir ce qu’il se passe ailleurs.

Enfin, attention à ne pas confondre articles de blog, fiches produit et pages… Ce sont des éléments bien distincts. Même si les 3 peuvent se ressembler, le but d’une page est d’informer le client sur un sujet intemporel qui caractérise l’entreprise, tandis que l’article sera plutôt ponctuel (actus, promo, événement) et la fiche produit mettra en avant un article en vente ou un service commercial.

Lorsque l’on construit un site ensemble, je vous demande systématiquement vos goûts : vos couleurs, vos typos, ce dont vous avez envie. Et pour vous aider à faire votre choix, je vous conseille en général de me donner vos inspirations.
Cette partie n’est pas forcément évidente, mais elle est essentielle pour harmoniser votre site.
En règle général tout part du logo ou de l’identité visuelle. Une fois déterminée, il est plus facile de la décliner sur votre site.
« 🤔 Oui, mais si je n’ai pas encore de logo, comment on fait ? »

1. Les goûts et les couleurs ça ne se discute pas comme on dit… Commencez déjà par vous demander ce que VOUS vous aimez. La signification des couleurs en fonction de votre activité aura aussi son importance. L’idéal étant quand même d’avoir un site qui vous ressemble en accord avec vos créations.
2. Pas plus de 2 à 3 couleurs différentes. Vous pourrez ensuite jouer sur les camaïeux pour garder une harmonie.
3. Utilisez une couleur plus constatée si vos teintes de base sont très pastel : par exemple, un joli marron chocolat pour souligner un vieux rose très clair.
4. Pour les polices, même chose : 1 à 2 polices « marquées » type handwriting ou avec serif, et une plus « lisible » pour le texte courant. La lecture doit être facile, pas fatigante pour ce que l’on appelle l’accessibilité.Attention, pour les typographies comme pour les photos, il y’ a des droits d’auteur ! Veillez à ce que vos polices soient « commercial use » ! Les sites comme Dafont proposent des versions gratuites, mais souvent uniquement pour un usage personnel.De mon côté voici les sites que j’utilise (petite liste non exhaustive, il y en a plein d’autres !)
   ✏️ Fontsquirrel
   ✏️ Google font
   ✏️ Adobe font
   ✏️ Creative market