\n Concevoir un site web est une chose. L’injecter avec la personnalit\u00e9 de votre client et ses caract\u00e9ristiques d’identification est quelque chose de compl\u00e8tement diff\u00e9rent.\n<\/p>\n
\n Penses-y. Si vous ne prenez pas le temps de concevoir pour votre client un site Web qui parle de sa personnalit\u00e9 en tant qu’individu, entreprise ou organisation, comment le site peut-il \u00eatre efficace ?\n<\/p>\n
\n Il y a beaucoup de bruit sur Internet et N’IMPORTE QUI peut avoir un site Web. Mais ce n’est pas parce qu’une personne ou une entreprise a un site Web que les visiteurs doivent commencer \u00e0 faire la queue. Un site qui re\u00e7oit beaucoup de trafic doit non seulement \u00eatre bien con\u00e7u, mais il doit \u00e9galement se connecter avec son public cible. De plus, il doit refl\u00e9ter l’image de l’entreprise de votre client et c’est l\u00e0 qu’une tr\u00e8s bonne conception Web peut aider votre client \u00e0 se d\u00e9marquer de la concurrence.\n<\/p>\n
\n Dans cet article, je discuterai des domaines dans lesquels vous pouvez ajouter la personnalit\u00e9 de votre client \u00e0 son site Web. La conception d’un site Web bas\u00e9 sur la personnalit\u00e9 ou l’image de l’entreprise de votre client en fait une exp\u00e9rience beaucoup plus pertinente et m\u00e9morable pour l’utilisateur final et garantit que le bon trafic reste et a quelque chose \u00e0 retenir.\n<\/p>\n
\n Concevoir un site Web qui refl\u00e8te la personnalit\u00e9 de votre client n\u00e9cessite que vous posiez d’abord des questions et que vous conceviez ensuite. Les bonnes questions vous diront ce que vous devez savoir pour concevoir le site parfait qui plaira aux clients de votre client.\n<\/p>\n
\n Voici quelques exemples des types de questions que vous souhaitez poser \u00e0 votre client :\n<\/p>\n
\n Les r\u00e9ponses \u00e0 ces questions serviront de base \u00e0 l’ensemble de la conception de votre site Web. Bien s\u00fbr, un site Web, ce sont des couleurs, des polices, des images et des mises en page, mais il s’agit \u00e9galement d’am\u00e9liorer ou de cr\u00e9er une identit\u00e9 de marque. En fait, tout doit \u00eatre r\u00e9uni pour cr\u00e9er cette identit\u00e9 et parfois, la bonne police ou la mauvaise image suffit pour rendre un site Web parfait ou pour ruiner toute l’image que vous essayez de cr\u00e9er.\n<\/p>\n
\n Les gens ont besoin de se sentir connect\u00e9s au site Web. Ceci est accompli avec une communication claire qui cr\u00e9e des liens humains. Lorsque cela se produit, un site Web n’est pas visit\u00e9 une seule fois ; il est revisit\u00e9 \u00e0 maintes reprises et l’entreprise devient r\u00e9ellement une partie de la vie de ce visiteur – une vie qu’il veut partager avec ses amis.\n<\/p>\n
\n Une fois que vous comprenez le c\u0153ur et l’\u00e2me de votre client, vous devez r\u00e9ellement concevoir le site Web. Il est temps de prendre ce que vous avez appris sur votre client et de lui donner une identit\u00e9 visuelle. Non seulement la conception d’un site Web doit se connecter avec son public, mais elle doit aussi attirer l’attention.\n<\/p>\n
\n Cela signifie que vous devez proposer des th\u00e8mes de base qui, selon vous, iront bien avec l’image et la personnalit\u00e9 de l’entreprise du client, puis choisir parmi eux. Parfois, votre premier th\u00e8me sera passable mais pas parfait, alors assurez-vous d’esquisser les bases de quelques-uns diff\u00e9rents pour d\u00e9terminer ce qui fonctionne le mieux.\n<\/p>\n
\n Par exemple, vous pourriez avoir un client dans l’industrie de la technologie et m\u00eame si votre premi\u00e8re id\u00e9e pourrait \u00eatre de cr\u00e9er un site Web de haute technologie qui utilise tous les meilleurs \u00e9l\u00e9ments de conception post-moderne, un design r\u00e9tro pourrait fonctionner encore mieux en raison du contraste entre ce que le client propose et ce que son site affiche r\u00e9ellement. L’accent mis sur la non-conception d’un site Web de haute technologie mettra en \u00e9vidence le fait qu’ils sont diff\u00e9rents des autres entreprises technologiques.\n<\/p>\n
\n La mise en page est un \u00e9l\u00e9ment essentiel de la conception d’un site Web. La fa\u00e7on dont vous placez les \u00e9l\u00e9ments du site d\u00e9terminera son succ\u00e8s global. N’oubliez pas que vous essayez de transmettre clairement la personnalit\u00e9 et l’identit\u00e9 de votre client. Vous ne voulez pas embrouiller cela avec une mise en page d\u00e9routante.\n<\/p>\n
\n La mise en page d’un site Web doit \u00eatre attrayante mais pas trop compliqu\u00e9e. La navigation doit \u00eatre simple et facile \u00e0 comprendre. Le public de votre site voudra savoir intuitivement comment naviguer sur le site. Ne les d\u00e9couragez pas en rendant la conception difficile.\n<\/p>\n
\n La r\u00e8gle de base ici est que moins c’est plus. Vous voulez vous assurer qu’ils peuvent acc\u00e9der \u00e0 toutes les parties du site qu’ils pourraient souhaiter \u00e0 partir de chaque page, mais vous ne voulez pas qu’un tas de liens ou de boutons encombrent le contenu. Empilez les boutons avec les modules d’extension lorsque vous le pouvez et n’incluez que ce qui est n\u00e9cessaire.\n<\/p>\n
\n La couleur est un \u00e9l\u00e9ment de conception qui peut diff\u00e9rencier la conception de sites Web professionnels des efforts plus amateurs. Vous ne voulez pas exag\u00e9rer la couleur dans votre conception de sites Web.\n<\/p>\n
\n Une option consiste \u00e0 s\u00e9lectionner une couleur qui met en valeur et am\u00e9liore les \u00e9l\u00e9ments de votre site, puis \u00e0 vous en tenir aux gris et au blanc pour le reste de votre conception. Cela permet aux \u00e9l\u00e9ments cl\u00e9s d’appara\u00eetre.\n<\/p>\n
\n Une conception \u00e0 trois couleurs est une autre bonne option dans laquelle une couleur est s\u00e9lectionn\u00e9e comme \u00e9l\u00e9ment principal et les deux autres couleurs mettent en \u00e9vidence diff\u00e9rentes zones de votre site Web. comme pour les titres et les sous-titres. Quelle que soit votre palette de couleurs, les couleurs doivent refl\u00e9ter la personnalit\u00e9 et l’identit\u00e9 de votre client.\n<\/p>\n
\n Il est important de r\u00e9fl\u00e9chir \u00e0 la signification des couleurs pour s’assurer qu’elles correspondent \u00e0 l’image et au message g\u00e9n\u00e9ral de votre client. Par exemple, des couleurs telles que le rouge, le jaune et l’orange symbolisent la puissance, l’excitation et la chaleur ; tandis que les bleus, les violets et les violets ont tendance \u00e0 symboliser la paix, la s\u00e9r\u00e9nit\u00e9 et le calme. Les couleurs ont la capacit\u00e9 d’am\u00e9liorer ou de nuire \u00e0 votre design et \u00e0 votre message global, il est donc important de choisir judicieusement.\n<\/p>\n
\n Il est \u00e9galement tr\u00e8s important de comprendre quelles couleurs vont ensemble et lesquelles s’opposent. La plupart des designers ont un \u0153il pour savoir quelles couleurs s’agencent, mais ce que vous ne savez probablement pas, c’est que toutes les couleurs fonctionnent bien avec les couleurs principales que vous avez d\u00e9j\u00e0 choisies. La plupart des concepteurs ont des id\u00e9es de base sur les couleurs compl\u00e9mentaires, mais il est important que vous utilisiez une roue chromatique ou un autre outil pour d\u00e9terminer s’il existe une couleur que vous ne connaissez pas et qui vous convient le mieux.\n<\/p>\n
\n Vous devez \u00e9galement conna\u00eetre certains outils gratuits qui vous aideront beaucoup lorsqu’il s’agit de concevoir des sites Web ainsi que de toute autre conception graphique que vous faites. Un exemple est Pixie, un outil gratuit qui vous indiquera les identifiants de couleur hexad\u00e9cimaux ou RVB exacts qui vous permettront de faire correspondre une couleur ou, \u00e0 tout le moins, de savoir quelle couleur vous avez r\u00e9ellement choisie pour un \u00e9l\u00e9ment de site Web sp\u00e9cifique.\n<\/p>\n
\n Ne sous-estimez pas la typographie que vous choisissez pour repr\u00e9senter le message de votre client. Vous voulez que la police soit unique mais pas impossible \u00e0 lire. Une bonne r\u00e8gle \u00e0 suivre lors de la s\u00e9lection des polices pour votre conception Web est de s\u00e9lectionner une police plus simple pour la copie sur vos pages Web. Conservez les polices les plus complexes pour les en-t\u00eates et les grandes d\u00e9clarations d’appel \u00e0 l’action. Votre client veut faire passer son message. Assurez-vous que le public peut facilement et clairement lire ce message.\n<\/p>\n
\n Un autre point important est d’\u00eatre coh\u00e9rent avec les polices de caract\u00e8res que vous choisissez. Vous ne voulez pas d’un site Web contenant trop de polices. Cela peut sembler d\u00e9sorganis\u00e9 et non professionnel \u00e0 votre public.\n<\/p>\n
\n Une autre erreur que les concepteurs peuvent parfois commettre est de continuer \u00e0 utiliser les m\u00eames polices qu’ils ont install\u00e9es sur leur ordinateur. C’est une erreur facile \u00e0 faire car vous pourriez avoir des centaines de polices et vous pensez qu’il y a s\u00fbrement quelque chose qui fonctionnera parfaitement avec la conception du site Web sur lequel vous travaillez.\n<\/p>\n
\n La v\u00e9rit\u00e9 est que vous avez un peu raison. Il y a tr\u00e8s semblable \u00e0 une police dans votre collection qui fonctionnera bien avec le design que vous cr\u00e9ez, mais vous devriez quand m\u00eame consulter le Web pour trouver d’autres polices que vous pouvez essayer pour vous assurer que vous avez choisi la meilleure police absolue pour votre motif. Il n’y a aucune raison de ne pas prendre le temps de trouver quelque chose dont vous ne pouvez pas vous passer, au lieu d’utiliser simplement une police avec laquelle vous pouvez vivre.\n<\/p>\n
\n Des images telles que des illustrations et des photographies peuvent vraiment aider \u00e0 pr\u00e9senter au public d’un site Web la personnalit\u00e9 de votre client. Par exemple, les images peuvent aider \u00e0 capturer des moments calmes ou pr\u00e9senter des offres de produits cl\u00e9s. Comme pour les autres aspects de la conception Web, la coh\u00e9rence est essentielle. Les images sur un site Web doivent \u00eatre s\u00e9lectionn\u00e9es pour leur similitude dans les \u00e9l\u00e9ments importants. Cela vous permet, en tant que designer, de raconter une histoire unique: la personnalit\u00e9 et la marque de votre client.\n<\/p>\n
\n Lorsqu’il s’agit sp\u00e9cifiquement de photographie, il est important de s\u00e9lectionner des photos qui refl\u00e8tent l’image globale de votre client. Si vous pr\u00e9sentez des portraits et\/ou des photos d’\u00e9quipe, vous ne voulez pas qu’ils paraissent rigides. Un photographe professionnel peut contribuer grandement \u00e0 capturer la v\u00e9ritable essence de votre client.\n<\/p>\n
\n Si vous n’avez pas acc\u00e8s \u00e0 un photographe professionnel, vous devez avoir acc\u00e8s \u00e0 au moins l’un des grands sites Web de photographie de stock et, id\u00e9alement, \u00eatre membre de plusieurs d’entre eux. De plus, il est important d’essayer les images avant de vous en engager. Utiliser vos cr\u00e9dits sur la mauvaise image est l’une des choses les plus frustrantes qui puissent arriver \u00e0 un designer.\n<\/p>\n
\n L’une des meilleures astuces \u00e0 utiliser si vous compl\u00e9tez votre plate-forme de conception Web avec Photoshop consiste \u00e0 t\u00e9l\u00e9charger l’image en filigrane \u00e0 partir de votre site de photographie de stock, puis \u00e0 utiliser l’outil \u00ab\u00a0Transformation gratuite\u00a0\u00bb pour l’obtenir \u00e0 la bonne taille sans devenir pix\u00e9lis\u00e9e. De cette fa\u00e7on, vous pouvez voir exactement \u00e0 quoi ressemblera votre image lorsqu’elle sera r\u00e9ellement ajout\u00e9e \u00e0 la mise en page.\n<\/p>\n
\n Parfois, vous devez laisser votre client parler pour lui-m\u00eame. L’ajout de vid\u00e9os produites par des professionnels \u00e0 votre conception Web est un excellent moyen de faire ressortir la v\u00e9ritable personnalit\u00e9 de votre client. Ils peuvent raconter leur histoire avec leurs propres mots et se connecter avec leur public de mani\u00e8re tr\u00e8s personnelle.\n<\/p>\n
\n Il existe de nombreuses fa\u00e7ons de faire briller les vid\u00e9os. L’ajout d’un artiste voix off professionnel (qui peut \u00eatre obtenu pour seulement quelques dollars sur des sites de services comme Fiverr) fera une \u00e9norme diff\u00e9rence et il existe diff\u00e9rentes techniques que vous pouvez utiliser si vous n’\u00eates pas en mesure de filmer la vid\u00e9o avec des acteurs professionnels, garde-robe et ensembles comme vous voudriez.\n<\/p>\n
\n La vid\u00e9ographie de stock a \u00e9t\u00e9 consid\u00e9rablement \u00e9largie depuis que le besoin de vid\u00e9os a augment\u00e9 afin que vous puissiez trouver des vid\u00e9os de stock d’entreprise avec \u00e0 peu pr\u00e8s toutes les sc\u00e8nes que vous pouvez imaginer. Cependant, m\u00eame si vous ne le pouvez pas, il existe toujours des options telles que l’animation sur tableau blanc qui peuvent raconter une histoire m\u00eame sans vid\u00e9o en direct.\n<\/p>\n
\n Ceci n’est qu’un petit \u00e9chantillon de certaines fa\u00e7ons dont vous pouvez aider \u00e0 injecter la personnalit\u00e9 de votre client dans le site Web que vous concevez pour lui. Chaque grand site Web commence par un r\u00e9cit simple. Si vous ne connaissez pas le c\u0153ur du message de votre client, vous ne pourrez jamais concevoir un site qui attire le public qu’il souhaite.\n<\/p>\n
\n Commencez par bien comprendre qui est votre client, ce qu’il repr\u00e9sente et quel message il souhaite transmettre. \u00c0 partir de l\u00e0, vous pourrez cr\u00e9er une mise en page et s\u00e9lectionner des \u00e9l\u00e9ments de conception pour incarner la personnalit\u00e9 de votre client et cr\u00e9er une exp\u00e9rience utilisateur m\u00e9morable.\n<\/p>\n
\n Utilisez tous les outils dont vous disposez et assurez-vous que votre site Web est aussi bon que possible avant de le diffuser \u00e0 vos clients. Il y a une diff\u00e9rence majeure entre un site Web que le client accepte et celui qu’il aime absolument et qu’il trouve parfait pour son site Web personnel ou professionnel. Votre r\u00e9putation grandira beaucoup plus rapidement si vous fournissez le produit parfait \u00e0 chaque fois.\n<\/p>\n<\/p>\n