Home > Astuces

Les 4 étapes indispensables pour monter son site web !

Votre site web, c’est votre vitrine. Pour vos clients potentiels, il s’agira du premier contact qu’ils auront avec vous. Et donc de l’image qu’il se forgeront de vous et votre organisation. D’où l’importance de respecter des principes de base pour un résultat optimal, et de connaître les tendances du moment.

À la conception, posez-vous les bonnes questions !

Qu'offrez-vous à votre public cible ?

Avant même de penser en terme de design ou de vous inspirer d’autres sites web, prenez le temps de vous poser quelques questions de base. Cette étape est essentielle car elle va déterminer les choix que vous ferez par la suite.

Qu’offrez vous à votre public cible ? Répondre à cette question définit ni plus ni moins le message qui doit être partie intégrante de chaque page de votre site.

Exemple : plus que des équipements de sport, Nike offre un état d’esprit. Son site est ainsi conçu de manière à ce que chaque produit soit rattaché à un message ou l’un des ambassadeurs du groupe qui l’incarne. Observez notamment la page d’accueil et la vidéo « inspirante/émouvante », ou plus loin l’utilisation constante de verbes d’action en rapport aux images : « Step outside the line » ou « Designed to run wild ».

NIKE.COM

Qu’est ce qui fait votre singularité ? Répondre à cette question définit le style et l’identité visuelle de votre site.

Exemple : la boulangerie Paul vend du pain et des pâtisseries, comme toutes les boulangeries. Mais elle se démarque par une image à la fois sophistiquée et authentique. Le design s’en ressent fortement, aussi bien dans le choix du fond noir que dans les visuels choisis.

PAUL.FR

À présent, étudiez attentivement la concurrence et notez les pratiques qui vous semblent les plus pertinentes avant d’ajouter votre touche personnelle.

Bien choisir le template de son site

Le premier réflexe lorsque l’on a recours à des plateformes type WordPress est de chercher un design qui nous plaît. Mais avant même de s’arrêter sur le design, d’autres critères sont également essentiels.

  • Flexibilité : est ce que ce site est facilement adaptable au format smartphone ou tablettes ?
  • Interactivité : est-il facile pour l’utilisateur d’intéragir avec le site, d’en partager les contenus, d’insérer et de répondre aux divers commentaires, de participer à des quizz, jeux et opérations spéciales ?
  • Mixité : peut-on combiner différents types de templates ? Mixer telle barre de menu avec telle page de contact ?

BeTheme, développé par WordPress, est un excellent exemple de site complet qui offre une variété de déclinaisons conséquente, tout en suivant les tendances du moment. À l’aide de quelques tutoriels, vous pouvez aisément importer un Template entier et le remplacer par votre contenu. Si besoin, vous pouvez également utiliser des fonctionnalités d’autres modèles.

Exemple : vous aimez la page de garde de « Billiard » mais préférez le display d’images de « Dietetitian ». Pas de problème !

Construire une page d’accueil qui attire l’œil

La tendance majeure du marché actuelle consiste à placer un message d’accroche sur un large visuel central

Plus encore que l’ensemble du site web, la page d’accueil est l’élément essentiel qui définit son identité. Il s’agit de condenser l’identité de votre organisation et la force de votre offre en un rendu visuel clair et efficace.

La tendance majeure du marché actuelle consiste à placer un message d’accroche sur un large visuel central. Le menu, quant à lui, est peu à peu en train de disparaître au profit du scrolling ou des « menus cachés » de type « burger ».

Si l’aspect minimaliste et épuré de cette formule a gagné une majorité de site ces dernières années, il vous est possible d’exploiter ces codes tout en vous distinguant. Prenez ainsi l’agence Old Continent, que nous vous présentions l’été dernier dans cet article, avec cette home page décalée et animée qui reflète bien l’esprit d’une agence de communication.

OLD CONTINENT

Choisir les visuels adéquats

Vous l’aurez compris, les images sont au cœur du design web ces dernières années. De la science au marketing, on ne compte plus les posts de blog et les infographies mettant en avant le pouvoir croissant de l’image par rapport au texte.

Il est toutefois fondamental de consacrer le temps suffisant pour trouver THE image correspondant le mieux à votre identité. Les professionnels de l’image comme iStock by Getty Images constituent pour cela une excellente source d’inspiration qualitative pour se lancer.

Cette tendance ne se limite d’ailleurs pas aux sites marchands, mais également aux organisations et institutions. Prenons l’exemple de Greenpeace et WWF, qui ont chacun fait un choix radicalement différent. Greenpeace adopte un design de type media, qui laisse la part belle au textes et dépêches, alors que WWF a opté pour un site plus épuré, aussi bien dans le menu que dans le choix des images. Le résultat : une différence de taille en terme de « user friendliness ».

GREENPEACE

 

WWF

En conclusion, bien qu’il ne soit pas toujours aisé de se lancer en solo dans la construction d’un site web, la maîtrise de quelques principes de bases et le visionnage de quelques tutoriels devrait déjà vous donner les bases suffisantes pour vous en sortir plus que très bien !

Alors comme disait Morgan :

 

Crédits : 4693531, Nike, Paul, Old Continent, Greepeace, WWF, Giphy


À propos de l'auteur
Consultant en communication et concepteur-rédacteur, Yacine Kouhen coache managers et speakers d’organisations européennes et internationales (Banque mondiale, TED Talks), ainsi que d’entreprises multinationales (Bayer, Linklaters).

Merci !


Nous avons bien reçu vos informations. Nous vous rappelons le plus rapidement possible.

Vous voulez plus? promotions, astuces, recevez le meilleur d'iStock en remplissant le formulaire ci-dessous.


Vous voulez plus ? Promotions, astuces, recevez le meilleur d’iStock en remplissant le formulaire ci-dessous.

 

X