Chaque concepteur s’efforce de surenchérir sur tout ce qui est conventionnel en matière de conception de sites Web. Afin d’attirer et d’engager, les concepteurs abandonnent parfois les meilleures pratiques de conception Web et recourent à ce qu’on appelle le brutalisme de la conception Web.

Le principe de conception relativement nouveau consiste à abandonner les pratiques traditionnelles telles que l’interface utilisateur intuitive au profit de quelque chose de complètement perturbateur.

Déchiffrer le principe de conception Web brutaliste

La conception Web brutaliste est entrée en scène lorsque Pascal Deville a introduit cette tendance de conception dans le domaine de la conception Web. En tant que fondateur d’un portefeuille en ligne de sites Web brutalistes, il documente des conceptions Web qui dépeignent un manque de souci pour avoir l’air facile ou confortable.

En fait, le brutalisme dans la conception Web peut être vu inspiré par un mouvement architectural des années 1970 dans lequel les architectes ont laissé la construction en béton de bâtiments exposés pour dépeindre la robustesse et le brut. Le même principe dans la conception Web est ce qu’est le brutalisme – une approche qui est décrite comme une réaction caractéristique des concepteurs Web de nouvelle génération envers le minimalisme et les conceptions optimistes.

Allanyu.nyc: Un site Web brutaliste commun

Le brutalisme dans la conception Web est peut-être une nouvelle pratique, mais c’était un style courant dans les années 50 et 60 pour concevoir des graphiques imprimés, de l’art et des affiches.

Brutalisme et paysage numérique moderne

À une époque où la durée d’attention diminue, le brutalisme peut signifier des affaires pour les marques qui cherchent à attirer l’attention des clients. Comme les sites Web brutalistes sont réduits au strict nécessaire, la conception est connue pour favoriser une navigation facile, un chargement rapide et moins de distractions pour les visiteurs.

Essentiellement, la conception Web brutaliste supprime les éléments inutiles d’une page Web comme la vidéo, les graphiques haute résolution et le CMS à chargement lent pour promettre un site Web rapide qui n’offre que ce dont le visiteur a besoin. La conception brutaliste élimine la graisse de conception excessive pour améliorer les performances du site Web et réduire le temps de chargement des pages.

Délimiter les frontières entre la conception Web brutaliste et l’anti-conception

L’asymétrie a convaincu les gens de confondre les principes du brutalisme avec l’anti-design. Cependant, il existe des différences remarquables et le brutalisme ne peut pas être simplement considéré comme anti-design.

Le brutalisme consiste à laisser une identité très personnalisée et non standard à une page Web, en s’éloignant des conceptions Web basées sur des modèles et standardisées qui dominent Internet aujourd’hui. Il ne s’agit pas seulement de chaos, mais plutôt d’originalité qui s’inspire d’un principe de conception architecturale révolu.

En comparant cela à l’anti-conception, on observe que l’anti-conception ne consiste qu’à dépouiller l’interface utilisateur pour créer des interfaces désorientantes ou laides. Bien que ceux-ci utilisent également des couleurs dures et des motifs désorientants, l’anti-design est destiné à distraire, ce qui est tout le contraire du brutalisme.

Le brutalisme est un principe concret avec un héritage. Ce n’est pas l’absence de design mais une approche différente du design qui améliore les performances des pages Web en supprimant tout ce qui est inutile. Bien que cela puisse sembler laid à quiconque le voit pour la première fois, la conception Web brutale est quelque chose qui a été au cœur de certains des plus grands sites Web comme Craigslist au monde.

La popularité croissante des conceptions Web brutalistes

Les concepteurs Web brutalistes utilisent des graphiques de l’ère des années 90 et du code HTML codé à la main pour créer des cadres de site Web. Comme le design brutaliste représente l’honnêteté, l’aspect pratique et le réalisme, il devient de plus en plus populaire parmi les utilisateurs, malgré les mauvais graphismes. Le texte déplacé et les graphiques collants ont tendance à attirer l’attention plus efficacement que les conceptions minimalistes et rationalisées. Toute l’idée du brutalisme est de briser les conventions et de se démarquer.

De plus, comme indiqué ci-dessus, la conception brutaliste accélère le site Web. Dans le contexte moderne, cela est extrêmement bénéfique car les sites Web avec des temps de chargement de page plus élevés souffrent de taux d’abandon élevés. Ainsi, à son tour, la possibilité de conversions plus élevées conduit à une popularité accrue du brutalisme dans la conception Web.

Craigslist : le site Web le plus populaire et le plus réussi avec une conception Web brutale

Partout dans le monde, de plus en plus de marques et d’entreprises essaient des designs brutalistes. Craigslist est un exemple glorieux d’un site Web populaire qui a adopté le brutalisme dans son offre de base.

Meilleures pratiques de conception Web brutaliste

Bien que vous ne soyez peut-être pas convaincu de l’efficacité de la conception Web brutaliste, il existe des milliers de passionnés et de partisans brutalistes dans l’écosystème de la conception Web. Si vous êtes également intrigué par les avantages du design brutaliste et que vous souhaitez l’utiliser pour votre prochain projet, voici quelques bonnes pratiques pour suivre le principe du design brutaliste :

Utilisez un arrière-plan proéminent et distinctif en noir ou blanc sans ombrage ni textures
Abandonnez les sophistications de conception comme les ombres, les dégradés ou les motifs
Utilisez une seule police sur l’ensemble du site Web ou une typographie à espacement fixe
Suivez un modèle de conception encombré avec des éléments non rembourrés et des textes rapprochés
N’utilisez pas une hiérarchie distincte pour le placement de contenu
Superposer des éléments d’une manière qui semble involontaire
Utilisez des éléments de conception de style analogique d’une époque révolue
Suivez des modèles et des cadres asymétriques, partout
Palette de couleurs commune dissemblable qui met en évidence le vert et le rouge
Évitez les animations et privilégiez les visuels non conformistes
Suivez la conception d’une page avec une navigation simple ou sans navigation
Utilisez des images distinctes dans des tons monotones ou en noir et blanc
Engagez-vous à concevoir un site Web qui semble avoir beaucoup d’incohérences visuelles et d’erreurs comme la surimpression et le non-alignement

Se lancer dans la conception Web brutaliste : quoi et comment faire ?

Maintenant que vous connaissez les meilleures pratiques, vous pouvez penser à mettre en œuvre ce concept de design dans votre prochain projet. Pour des raisons pratiques, vous ne voudriez pas opter pour une conception brutaliste grossière pour un projet, car votre client/entreprise pourrait ne pas aimer la même chose. Au lieu de cela, vous pouvez penser à expérimenter divers éléments brutalistes et à les intégrer dans des sites Web professionnels ou commerciaux. Le brutalisme consiste à personnaliser et à ajouter une touche de personnalité à une page Web en supprimant tous les éléments inutiles. Alors, considérez une page Web comme votre toile et commencez à créer un chef-d’œuvre par cœur.

Vous pouvez opter pour une conception Web brutaliste de deux manières. Soit vous pouvez choisir un thème WordPress brutaliste pour un site Web comme base, soit vous pouvez coder manuellement votre site Web à partir de zéro à l’aide d’un outil de création de page. Les deux approches ont leurs propres avantages et inconvénients.

Utiliser des thèmes WordPress brutalistes

Les thèmes WordPress permettent d’économiser du temps, des efforts et des investissements de la part d’un concepteur ou d’une entreprise car ils offrent des éléments prêts à l’emploi pour lancer le processus de conception Web. Bien que cela puisse être une bonne idée, il n’y a pas beaucoup d’options en ce qui concerne les thèmes brutalistes. Certains thèmes que vous pouvez essayer sont FlowMag, Brutal et Glitch.

Mais il vaut mieux que vous créiez votre propre conception Web brutaliste. De cette façon, vous pourrez personnaliser chaque élément. Prenez un thème minimaliste comme base et commencez à sculpter votre design à la main en codant sous le capot.

Codage manuel d’un site Web à partir de zéro

Le codage manuel d’un site Web peut prendre du temps, mais si vous souhaitez opter pour une conception Web brutale, cela pourrait être votre meilleur pari. Alternativement, si vous ne voulez pas déployer beaucoup d’efforts, vous pouvez utiliser un puissant outil de création de pages comme Elementor pour perfectionner une conception Web brutaliste. Il y a plus d’une raison à ce choix.

Tout d’abord, il présente un thème par défaut vierge qui vous donne le pouvoir de personnaliser et de perfectionner votre conception dès le début. Deuxièmement, il offre de nombreuses options de personnalisation qui vous permettent d’expérimenter différents éléments sur la page.

Conseils utiles sur le brutalisme pour les concepteurs Web

Connaissez votre public

Bien qu’il n’y ait pas de règles strictes en matière de brutalisme, vous devez comprendre et connaître votre public en profondeur. Le brutalisme n’est pas pour toutes les entreprises ou marques. Vous ne devez adopter une approche brutale que si vous êtes sûr que la stratégie de conception s’aligne sur vos objectifs commerciaux. Si un tel design détourne votre public, vous devriez abandonner votre amour pour les designs brutalistes.

Déséquilibrer. Déséquilibrer. Déséquilibrer!

La première chose que vous avez peut-être apprise est probablement d’équilibrer les espaces blancs pour créer une conception Web apaisante et intuitive pour les utilisateurs finaux. Mais si vous cherchez à essayer votre brutalité pratique, vous devrez déséquilibrer les espaces blancs sur une page Web en utilisant des blocs de couleurs dissemblables et volumineux. Vous devrez oublier toutes les conventions en matière de plaisir esthétique.

Abandonnez la beauté à l’aspect pratique

Le brutalisme consiste à être pragmatique. Si vous cherchez à créer le design Web brutaliste parfait, vous devez éviter les clichés de conception et vous concentrer sur une seule chose: la conversion. Évitez d’utiliser de jolis éléments sur votre page Web et à la place, gardez tout simple et précis.

Utiliser des formes différentes

Les conceptions Web brutalistes s’inspirent des tendances architecturales du XXe siècle qui utilisaient des formes excentriques et abstraites de toutes tailles. Au milieu du XXe siècle, les formes dissemblables dans des tons de couleur unique étaient populaires en ce qui concerne les bâtiments. Il en va de même pour la conception Web brutaliste des temps modernes. Lorsque vous suivez l’approche brutaliste, utilisez des formes dépareillées.

Exemples intrigants de conception Web brutaliste de la vie réelle

Les conceptions brutalistes ne correspondent pas aux principes de conception Web standard. Cependant, certaines entreprises, sites Web et plateformes populaires utilisent ce concept avec beaucoup de succès. Outre les exemples mentionnés ci-dessus, voici quelques exemples concrets. Bien que ceux-ci puissent ne pas sembler attrayants, tous ont mis en œuvre des principes brutalistes avec une perfection absolue.

1 Hacker Nouvelles

news.ycombinator.com

Hacker News est une plate-forme populaire qui a réussi à supprimer les éléments volumineux de son site Web pour le rendre grossier, net et clair. Vous pouvez voir comment le design brutaliste fonctionne pour eux en examinant les interactions et le niveau d’engagement.

2 Usine22

plant22.com

Plant22 a adopté avec succès une approche alternative au brutalisme en utilisant des briques modulaires colorées. Le design brutaliste basé sur une grille est à la mode et fait des merveilles pour la réactivité. Un tel type de brutalisme qui accélère le site Web sans être dur pour les yeux vaut la peine d’être adopté.

3 IMAGE(S) MAINTENANT

photosnow.org

Sur le site Web Pictures Now, on peut voir plusieurs éléments de brutalisme tels qu’une couleur d’arrière-plan unie, un fond non hiérarchique et un texte surdimensionné au milieu de la page Web. Tous ces éléments représentent les principes fondamentaux du brutalisme.

Conception Web brutaliste : remarques finales

Bien que les conceptions Web brutalistes promettent un nombre plus élevé de conversions en raison de leur fort impact, elles ne conviennent pas à toutes les entreprises ou marques. L’élément clé pour décider pour ou contre la conception Web brutaliste est de mener une analyse approfondie des avantages et des inconvénients, de voir si le brutalisme s’aligne sur votre image de marque, l’industrie dans laquelle vous travaillez et les aspirations de votre public cible.

Bien que de nombreuses sociétés de conception et de développement d’applications Web personnalisées propagent l’approche brutaliste, il est important de prendre une sage décision en évaluant tous les aspects liés à vos exigences de conception Web moderne. Et en cas de flux, assurez-vous de contacter un expert qui peut vous aider à prendre une décision éclairée. Ne vous précipitez pas dans le battage médiatique. Restez prudent et choisissez quelque chose qui ajoute de la valeur à l’empreinte en ligne de votre entreprise. Alors qu’est-ce que tu attends? Commencez à penser au design brutaliste dès aujourd’hui et voyez s’il peut vraiment être utile pour votre site Web.