Design pour son site web : quelle solution choisir ?

Vous avez comme projet d’assurer votre présence en ligne et vous êtes à la recherche d’un design de site web avant de vous lancer ?

Vous avez bien raison de vous pencher sur cette question, car on sait que tout se jouera lors de la première impression (vos visiteurs) et il sera donc très important pour vous de porter une grande attention au visuel de votre site. En effet, si ce dernier est attractif et visuellement convaincant, il sera facile de retenir les internautes qui seront arrivés dessus (l’inverse sera malheureusement vrai).

Sur le marché de la conception de site internet, deux options de design s’offriront généralement à vous :

1. Concevoir votre site à partir d’un template
2. Concevoir votre site à partir d’une maquette graphique

Baleez va vous présenter ici ces deux méthodes et notamment celle recommandée par votre prestataire : partir d’un design de site web (template). Sachez cependant que les deux solutions vous permettront d’obtenir dans tous les cas un excellent résultat si le travail de conception est correctement réalisé.

Généralités sur le design de votre site web afin de bien le choisir

Avant de vous présenter les solutions qui s’offriront à vous, il est important de nous arrêter brièvement sur quelques généralités autour de la question du design pour votre site web. Dans le cadre de cet article, il faudra comprendre par « design » tout ce qui touchera à l’apparence visuelle d’un site internet. Cela comprendra donc divers éléments visuels incontournables tels que :

• Les couleurs
• Les typographies
• L’ambiance, le ton et le style
• L’agencement des éléments
• Le contenu visuel (images, photos, vidéos)

Ainsi, avant de se lancer à la recherche de design à implémenter pour votre site, il conviendra de bien préparer en amont les grandes lignes du design qui s’intégrera le mieux avec votre branding, votre identité visuelle, vos objectifs, vos préférences, votre marque, votre entreprise / société, etc. Cela vous permettra en quelque sorte de définir un cahier des charges de site web (comme proposé chez Baleez) ou une charte graphique à respecter.

La liste précédemment présentée (non exhaustive) vous permet d’ores et déjà d’avoir une idée des points importants sur lesquels vous devrez vous pencher pour établir votre feuille de route. En procédant à cette étape de préparation indispensable, vous aurez en effet les idées beaucoup plus claires pour vos recherches de designs et cela vous permettra d’aller droit au but.

Design pour votre site web : deux possibilités

Comme dit précédemment, lorsque vous souhaiterez choisir un design pour votre site internet, deux grandes possibilités s’offriront à vous : template ou maquette graphique.

La question qu’il conviendra donc de se poser sera la suivante : est-ce que je souhaite partir d’une base existante (template) ou d’une base vierge (maquette graphique) pour le design de mon site ?

Là où beaucoup pourraient penser que partir d’une base vierge sera toujours meilleur, détrompez-vous. Il sera tout à fait possible d’obtenir d’excellents résultats en optant pour la solution template. En effet, cette dernière vous permettra de partir d’un exemple (modèle existant de design de site web) à moindre coût pour un résultat qui pourra atteindre l’excellence.

Notez que les modèles de site internet sont le plus souvent mis à la disposition des concepteurs web comme Baleez et sont préalablement conçus par des web designer. D’ailleurs, ces modèles seront généralement 100% personnalisables (avec la possibilité de tout éditer / modifier). Ainsi, l’objectif que vous devrez avoir en optant pour une solution template sera d’adapter cette base à votre cahier des charges de site internet ou charte graphique préalablement réalisée.

La maquette graphique quant à elle vous permettra de partir d’une base totalement vierge afin de construire pour votre site un design unique. Généralement pour ce type de besoin, il conviendra de faire appel à un professionnel en graphisme afin de pouvoir mettre en place une conception web sur mesure.

Voyons désormais plus en détail ces deux options.

La solution template

Pour définir la solution template (EN), sachez avant tout que vous pourrez trouver diverses appellations pour désigner ce procédé. Cependant, toutes ces appellations cibleront généralement la même chose. Vous pourrez par exemple trouver comme autres désignations :

• Thème (FR)
• Theme (EN)
• Layout (EN)

Il faudra cependant faire attention au contexte utilisé pour ces termes. S’ils sont utilisés pour parler de thème WordPress, alors ils ne feront pas référence à du design à proprement parler. C’est une confusion assez répandue sur le web et à laquelle il conviendra de faire attention (d’autant plus que le franglais est courant dans ce milieu).

Pour cet article, c’est le terme « template » qui sera utilisé pour parler de design de site web (c’est le plus simple et cela permettra une meilleure compréhension par tous).

L’intégration d’un template

Comme dit précédemment, la solution template vous permettra de partir d’une base existante, mais comment cela se passera-t-il concrètement ?

À partir de vos attentes en matière de visuel, la personne qui réalisera votre site (généralement un webmaster professionnel ou vous-même si vous en avez les capacités), explorera les différentes possibilités pour vous trouver / proposer un design se rapprochant le plus possible de vos attentes. Diverses plateformes permettent d’ailleurs de proposer gratuitement ou à la vente des templates prêts à être installés sur site web en vue d’être personnalisés.

Notez cependant que certains thèmes WordPress incluent déjà un design par défaut (souvent le cas pour les thèmes spécialisés). Dans le cas où vous opterez pour un thème de ce type et où le design vous conviendra, vous n’aurez pas besoin d’implémenter un template.

D’ailleurs, le thème Divi qui est utilisé chez Baleez pour les sites des clients propose un large catalogue de templates de designs. N’hésitez pas à y jeter un oeil afin de constater toutes les possibilités et les solutions professionnelles que ce thème offre.

La personnalisation d’un template

La personnalisation d’un template vous permettra d’adapter au maximum ce dernier à vos besoins, goûts et attentes en travaillant :

• Les titres, textes et autres contenus textuels
• Les contenus visuels (images, photos, vidéos)
• Les couleurs (en remplaçant les couleurs existantes par celles votre palette de couleurs par exemple)
• L’agencement des pages (sections, rangées et colonnes)

Ainsi, le but ici pour vous devra être de personnaliser le template afin que le rendu final de votre site soit intégralement à votre image, mais également unique. De plus et c’est très intéressant, cette solution vous évitera de tout commencer de zéro puisqu’un template vous permettra de partir d’une base qui se rapprochera déjà de vos objectifs.

Si vous optez pour cette solution, la possibilité la plus connue sera de sélectionner votre template depuis une banque de templates. Tout comme il existe des banques d’images, d’icônes ou encore de logos, il existe aussi des banques de templates qui vous offriront un choix considérable d’exemples de sites internet. Pour accéder à ces banques spécialisées, vous pourrez soit le faire à partir d’un thème CMS (WordPress par exemple), soit à partir d’une marketplace (voir l’exemple ci-après).

Template à partir du CMS WordPress

Si vous optez pour la solution d’un template à partir de WordPress, il faudra au préalable vous équiper d’un thème WordPress (il est considéré pour cet article que vous utiliserez ce CMS). Beaucoup de thèmes WordPress proposeront en effet d’implémenter en quelques clics des templates (designs) professionnels sur votre site (vous comprenez donc ici l’importance de la distinction à faire entre thème et template que nous avons vue précédemment).

Notez toutefois que pour avoir un large choix d’exemples, il faudra très souvent opter pour un thème premium. En effet, avec un thème gratuit vous pourrez là aussi installer un template, mais vous serez très vite limités en choix. En plus de cela, les templates disponibles sur les thèmes gratuits seront probablement installés sur de très nombreux sites, ce qui sera problématique pour vous démarquer.

En bref, retenez qu’il sera bien meilleur pour vous d’investir quelques centaines de dirhams sur l’achat d’un thème premium pour avoir accès à un large choix de templates premium.

Pour l’aspect technique de cette solution, il n’y aura rien de très compliqué. Depuis votre tableau de bord WordPress, vous devrez simplement accéder à bibliothèque de templates proposée par votre thème que vous installerez. Bien que la procédure d’implémentation pourra varier d’un thème à l’autre, cette procédure sera relativement similaire et simple, peu importe le thème que vous choisirez.

Template à partir d’une marketplace

L’autre possibilité pour vous procurer un template sera de passer par une marketplace (place de marché). Rassurez-vous, vous n’aurez pas besoin de vous rendre sur le célèbre site e-commerce Amazon, mais plutôt sur des sites spécialisés dans la vente de templates. L’un des plus connus est Themeforest, mais il en existe d’autres et Baleez va justement vous en présenter une un peu plus loin dans cet article, soyez patient.

Sur ce type de marketplaces, vous aurez l’embarras du choix sur les designs disponibles à l’achat. Toutefois, avant d’acheter votre template, Baleez vous recommande de bien consulter les avis client, la version de démo, etc.

L’outil Divi : une impressionnante bibliothèque de designs pour votre site web

Impossible pour Baleez de vous parler de banques de templates sans vous parler d’un outil fabuleux qui permet la conception de magnifiques sites internet professionnels : Divi. Cet outil est un thème WordPress premium d’une grande qualité et offrant d’immenses possibilités. Il est d’ailleurs l’un des thèmes les plus populaires au monde et vous devriez vite comprendre pourquoi.

Les packs layout de Divi

Quel rapport entre Divi et les banques de templates ?

L’avantage considérable de Divi est que ce thème propose sa propre bibliothèque de templates (appelés layouts chez Divi) et sachez déjà que le choix est impressionnant !

Des designs pour tous les domaines, tous les goûts, tous les besoins

Les designs proposés par Divi sont sous forme de packs regroupant les différentes pages principales d’un site web classique telles que :

• Atterrissage (landing page)
• Accueil
• Services
• Projets
• Boutique
• Blog
• À propos
• Contact

Avec Divi, vous pourrez avoir un site avec vos différentes pages en totale harmonie. Vous pourrez également faire le choix d’opter que pour une seule page ou deux d’un pack (rien ne vous obligera à utiliser toutes celles qui seront proposées si votre projet web ne le nécessite pas).

Un autre atout considérable de la banque de templates de Divi est qu’elle propose des templates adaptés à la plupart des secteurs d’activité. Ainsi, que vous soyez médecin, architecte, freelance, artisan, plombier, chauffagiste, boulanger, chauffeur, restaurateur ou même une grande société, il sera pratiquement impossible que vous ne trouviez pas votre bonheur avec un design correspondant parfaitement à votre activité et à vos goûts.

Pour toutes ces raisons abordées, sachez que Baleez utilise quotidiennement le thème Divi pour les sites web de ses clients. Il est en effet particulièrement adapté à la plupart des besoins et permet de répondre à pratiquement toutes les attentes. Que vous ayez besoin d’une simple installation de Divi (avec accès à la bibliothèque de templates) ou d’un prestataire qui s’occupera de la réalisation de votre site à partir de ce thème, vous êtes invité à consulter sans plus attendre les prestations web de Baleez comprenant ce fabuleux thème (sans supplément et à vie).

L’alternative de la maquette graphique à la place d’un design existant de site web

Bien que la solution template présente de nombreux avantages, il sera possible que vos attentes soient plus poussées et que vous ayez un besoin de design très spécifique. Dans ce cas, il sera peut-être plus judicieux pour vous de vous tourner vers l’élaboration d’une maquette graphique. Ce type de prestation sera généralement assuré par un graphiste professionnel dans le cadre d’une création de site web sur mesure.

Pour vous, l’intérêt de ce genre de maquette reposera dans le fait que vous pourrez exposer à votre prestataire qui s’occupera de sa conception toutes vos attentes en matière de design et cela sans aucune contrainte (ou vous-même si vous en avez la capacité) ! En effet, en optant pour cette alternative, vous n’aurez pas à vous adapter à un modèle existant et vous pourrez laisser libre cours à votre imagination (sous réserve de savoir ce que vous faites). Notez cependant que rien ne vous empêchera de vous inspirer de sites existants qui vous plairont afin de nourrir encore plus votre réflexion avec quelques idées de visuels (c’est une pratique assez fréquente de la part des porteurs de projets web).

Enfin, il sera recommandé, voir indispensable de réaliser au minimum une maquette pour vos pages principales et une fois cette dernière terminée, il ne restera plus qu’à la transformer en site internet (on parlera d’intégration web). Les pages secondaires quant à elles pourront facilement être conçues en s’inspirant du design des pages principales et ne seront donc pas obligatoirement à prévoir lors de l’élaboration de la maquette (si elles ne sont pas maquettées).

Avis sur la solution à retenir pour le design de votre site web

Les deux solutions abordées qui s’offriront à vous vous permettront d’obtenir de très beaux résultats visuels et professionnels. Il sera recommandé toutefois de privilégier la solution template qui par expérience conviendra pour la plupart des besoins. De plus, cette solution aura l’avantage d’être plus économique puisqu’elle permettra de partir sur une base existante préalablement réalisée par un web designer professionnel.

Si votre besoin est cependant très spécifique ou que vous savez exactement ce que vous souhaiterez, il se pourrait en effet que seul le sur mesure avec l’intégration d’une maquette graphique soit la solution. Certes, cela sera plus onéreux comme expliqué dans l’article de Baleez qui traite des devis de site internet, mais le rendu final sera à la hauteur de votre investissement !