Personnaliser son template & Styliser son site

Vous avez déjà fait le choix de votre template et souhaitez le personnaliser. Si vous avez suivi nos conseils sur comment bien choisir un template, cela devrait se passer assez facilement. L’objectif est double. Faire en sorte que l’internaute se sente chez vous et que vous lui fassiez une bonne première impression.

La structure globale

Dès l’ajout du template, la première envie de la plupart d’entre nous est de commencer sa personnalisation. En effet, cette étape est plus ludique et surtout plus satisfaisante que de créer ses contenus car l’impression d’avancer est nettement grande. Cependant, styliser un contenu comme la page d’accueil, la page de prix, etc, sans en connaître le futur contenu n’est pas recommandé. En effet, il n’est pas rare que de nombreuses différences apparaissent entre le contenu tel que vous l’avez imaginé et ce qu’il en sera au final.

Une fois la structure établie, il est donc vivement recommandé de personnaliser celle-ci avant tout, puis de passer à l’ajout de contenus.

Il s’agit ici de personnaliser les éléments qui seront présents sur tout le site ou une grande partie :

• l’entête : définir sa hauteur, largeur, placer son logo (souvent en haut à gauche), son menu (défini avec la structure), sa couleur de fond ou non.
• son pied de page : placer les informations complémentaires importantes comme les liens vers les pages non citées dans le menu d’entête, les liens vers les réseaux sociaux, un formulaire d’inscription à la newsletter, votre adresse, les arguments de réassurance sur le paiement, la livraison, etc.
• la police : définir la police des différents types de textes, leur style (taille et couleur).

Tous ces éléments sont importants pour harmoniser le site et ne plus avoir à s’occuper de styliser chaque nouveau contenu que vous ajouterez par la suite.

Choisir les couleurs

Attention au choix des couleurs qui font avec les images toute la différence entre un site beau et un site qui le serait moins. Ne la choisissez pas au hasard en tournant une roue chromatique que l’on trouve un peu partout sur internet et parce qu'elle vous semble jolie.

Constituez vous une palette de couleur. Avec 2 ou 3 coloris, plus éventuellement des déclinaison plus claire ou sombre d’entre elles, vous aurez de quoi colorer tout votre site. Avec votre palette de couleur, vous pouvez changer :

• les fonds
• les liens
• les titres
• les paragraphes
• les boutons
• les bordures
• etc

Ce site vous aidera à créer votre palette avec des couleurs proposées qui seront à coup sur agréables à l’oeil une fois sur votre site.

L’important est de définir ce qui doit être vu en priorité afin de réserver les couleurs les plus vives et proposer de bons contrastes.

Ex : un bouton d’inscription est important, sa couleur doit être vive et contrastée avec les différents fonds. Une fois définie il faut essayer de garder la même couleur partout afin que l’utilisateur l’ayant remarqué une fois comprenne que cette couleur est associée à l’action.

Le menu lui a moins besoin de visibilité car les utilisateurs le cherchent traditionnellement en haut de page. Donc lui assurer un bonne lisibilité est suffisant.

Couleur de fond : préférez une couleur de fond claire, voire du blanc. Les couleurs de fond sombres vous imposent des caractères clairs, et il est très dure de conserver un site beau avec une couleur de fond de page sombre.

Heek propose de nombreux templates ainsi que de nombreuses palettes de couleurs différentes. Quel que soit le design que vous choisirez, vous pouvez essayez les palettes de votre choix puis les personnaliser.

Le design du contenu de chaque page

Comme évoqué précédemment, il est conseillé de rédiger et anticiper la mise en forme des contenus avant de styliser une page spécifique.

Pour chaque page, créez le plan des textes que vous allez proposer. Référencez les images que vous souhaitez employer pour illustrer les différents arguments d’une page, puis imaginez une petite maquette.

Par exemple, si vous créez une page pour vos prestations & tarifs :

• Titre - centré sur bandeau large avec couleur de fond
• Sous titre - même bandeau que titre
• Service 1 - Image à gauche texte à droite
• Service 2 - Image à droite, texte à gauche
• Pack Service 1 et 2 - un bandeau avec image en fond
• etc.

En prenant 10 minutes pour penser la page avant de la créer et de la designer, il vous sera nettement plus aisé de créer un site beau et efficace sans trop d’allers et retours.

Plus qu’un template classique, Heek propose pour chaque type de contenu différents designs au sein même du template. La mise en forme de vos services ou de vos tarifs ne vous convient pas ? Passez simplement au design suivant, le template général du site lui restera le même.

Demander l’avis de votre entourage et de vos clients.

Demandez à votre entourage ce qu’il pense de votre site. Design, navigation, images, clarté, style rédactionnel, etc.

C’est essentiel car ce qui est beau et clair pour soi ne l’est pas nécessairement pour autrui, surtout quand on l’a soit même réalisé. Ne vous fiez pas uniquement aux avis des gens trop intimes ou pouvant craindre de vous vexer, il ne sont pas toujours suffisamment critiques.

Demandez à vos collègues, ou si vous êtes un commerçant ou en contact direct avec vos clients, demandez leurs. Il seraient ravis de se sentir impliqués dans votre activité, qu’ils affectionnent déjà.