10 sites Web brutalistes pour inspirer votre prochain projet de conception Web

Les tendances de la conception Web changent tout le temps. Au moment où vous trouvez un designer avec lequel vous pouvez travailler, décidez d'un look avec lequel tout le monde peut être d'accord, faites le travail et enfin lancez-vous, ce qui est cool, frais et tendance a changé. Entrez dans les sites Web brutalistes.

Qu'est-ce que c'est, demandez-vous? C'est quand vous contrecarrez les tendances et concevez délibérément votre site Web pour qu'il soit laid. Et si ce n'est pas carrément laid, c'est au moins exempt d'éléments de conception frivoles/superflus.

Les sites Web brutalistes sont une chose relativement nouvelle parmi les conceptions ciblées, mais beaucoup d'entre eux s'inspirent des premiers jours d'Internet. L'époque où Angelfire et Geocities étaient le summum de la génialité. Les jours où le seul HTML vous avez besoin de savoir étaient un href et img src.

Le Web a évolué depuis lors, mais pas le bon (ou peut-être bon-mauvais ?) design. D'une part, le brutalisme concerne la fonction plutôt que la forme. Si cela fonctionne, laissez-le fonctionner. D'autre part, il s'agit d'être punk et de faire travailler l'utilisateur pour tout ce qu'il obtient de votre site.

Peu importe la façon dont vous voulez procéder, je suis sûr que vous pouvez trouver un moyen de brutaliser votre prochain projet de conception après avoir vérifié ces monstruosités glorieuses.

1. craigslist.org

Vous tous, Craigslist est moche. Non, ne le défendez pas. C'est un monstre. Texte noir, liens bleus, fond blanc. Ce n'est pas joli. Mais cela n'a pas à être.

Parce que ça marche. C'est ce qui est important. L'UX fait partie du brutalisme, et CL a ça. Vous pouvez trouver ce dont vous avez besoin pour acheter ou vendre sans aucun problème ou pièce mobile étrangère.

2. Konsept83.com

Comme Craigslist, Konsept83 s'inspire des premiers jours d'Internet. Fond gris, police de machine à écrire (un incontournable des sites Web brutalistes) et tous les liens qui expliquent précisément ce sur quoi vous cliquez.

Les pages intérieures sont tout aussi épargnées - elles ont juste des images intégrées.

3. photoshow.tv

Pictureshow.tv ne fonctionne qu'en mode paysage sur mobile (ou sur ordinateur). C'est une série vidéo conçue pour ressembler à une vieille cassette VHS. Vous cliquez même sur les autres pages, et elles agissent comme s'il s'agissait de menus de configuration de magnétoscope.

Mais tu sais quoi? Le site fonctionne, vous savez quoi faire, et vous n'êtes pas perdu un instant.

Mais mec. C'est moche. Et beau à l'époque. Et la meilleure partie est que vous n'avez aucune question sur la façon de l'utiliser.

4. chris.bolin.co

Avez-vous déjà vu un site Web hors ligne ? Non? Moi non plus. Et puis j'ai trouvé cette beauté.

Chris Bolin a conçu ce site pour qu'il soit le plus brutal possible envers les internautes : il faut se déconnecter pour se connecter. Automagiquement, le contenu apparaît et vous voyez un message simple sur la simplicité présenté simplement.

Brutalisme, mec.

4. stephaniemarx.com/entretiens

L'une de ses conférences (et la façon dont je me suis familiarisé avec son travail) s'intitule Tout ce que j'ai appris sur la conception Web, j'ai appris de Geocities .

Je ne pense pas avoir besoin de dire autre chose.

5. wolftonechambers.com

Parlez de brutalité. Il y a du contenu ici. Beaucoup. Bonnes infos bien écrites. Mais c'est tout sauf caché de nous par une mer d'ASCII.

Vous ne pouvez pas dire que c'est visuellement attrayant, ni terriblement fonctionnel. Mais c'est mémorable. C'est étrangement propre malgré tout le fouillis, et la partie la plus étrange est qu'après avoir fait défiler un peu, vous voyez comment cela fonctionne et comment trouver des informations sans instructions. Ce qui signifie que, encore une fois, étrangement, c'est ainsi que l'UX devrait fonctionner.

#shrugemoji

6. allanyu.nyc

Une partie de la beauté de la rédaction et de la publication sur le Web réside dans le fait que vos utilisateurs ne voient pas les révisions et les modifications que vous apportez à votre contenu. Vous pouvez publier du nouveau contenu ou ajuster l'ancien contenu, et personne ne sera plus avisé (à moins qu'il ne vérifie les archives de Wayback Machine).

Allan Yu, cependant, utilise le brutalisme pour montrer les révisions qu'il apporte à son site comme s'il s'agissait de révisions physiques dans un cahier. Cela rend l'expérience globale moins propre dans l'ensemble, mais le désordre ajoute à l'expérience utilisateur afin que tout le monde soit conscient qu'il grandit non seulement en style, mais aussi en capacité et en créativité.

Pas un design que vous trouveriez sur un grand média (ne serait-il pas amusant de voir des marques éditoriales sur CNN ?), mais pour un designer ou une agence qui a des mises à jour relativement lentes, ce style fonctionnerait probablement bien.

7. Refontes brutalistes

Créer des sites Web brutalistes est beaucoup, beaucoup plus difficile que vous ne le pensez. Parce qu'il est facile de rendre un site Web moche. Il est également facile de créer un site Web simple. Et il est facile de donner à un site Web un aspect daté.

Mais il est difficile de faire tout cela à la fois. Pierre Buttin a donc pris certaines des applications les plus propres et les plus populaires (comme Facebook, Instagram et Snapchat) et les a repensées comme exemples de la façon dont vous pouvez conserver la forme et la fonction tout en supprimant le flash superflu qui n'ajoute rien à l'expérience.

8. morgane.com/pixel-lab

http://morgane.com/pixel-lab
(Peut-être de nouvelles photos sur un ordinateur portable de toute la page.)

Les développeurs de jeux vidéo indépendants sont un groupe excentrique. Les gens de Pixel Labs ne s'écartent pas de cette description. Leur site Web est une seule page qui semble avoir été écrite au début des années 90, et la palette de couleurs était probablement .

Cela dit, ils savent ce qu'ils font. Ils ont une vitrine de leur travail, une invitation sur leur serveur Slack et le désir d'aider les autres.

Leur utilisation de la conception Web supprime tous les obstacles entre eux et leur public.

9. wekflatm.kr

Je pense que cela peut être le site parfait. Sérieusement. J'envisage sérieusement de faire en sorte que la page présentant mes romans fonctionne comme ça.

C'est le commerce électronique dans sa forme la plus fondamentale et la plus parfaite : voici une chaise. Achète-le. Envie d'un canapé ? D'accord. Vous pouvez les acheter là-bas.

Pas de listes de souhaits, pas de recherches, pas de variations ou d'avis d'utilisateurs. Juste article, prix, acheter.

Ce n'est pas joli, mais ce n'est pas moche non plus. C'est simple. Et il a de la personnalité. C'est tout ce dont vous avez besoin dans un site Web et rien dont vous n'avez pas besoin.

10. keyaar.in

Je parie que la première chose que vous feriez sur ce site est de cliquer sur une forme. Parce que les formes. Ensuite, vous lirez les étiquettes, qui ne vous disent pas grand-chose.

Le fait est, cependant, que vous savez à peu près ce que chacun est lorsque vous cliquez dessus. Le travail est une galerie de, vous l'aurez deviné, le travail. NSFW est un blog, mais même avant cela, vous savez que vous vous lancez dans quelque chose de personnel, voire d'intime. Et KL11 ? L'agence de design elle-même. Toutes les informations dont vous avez besoin sont là.

Que voulez-vous de plus d'un site Web ?

Brutal, shmutal

Vous ne voudrez peut-être pas une suite de sites Web brutalistes dans votre portefeuille. C'est très bien. Ce schéma de conception n'est absolument pas pour tout le monde, et certains clients rechigneront certainement lorsque vous présentez un site moche.

Mais il y a beaucoup de leçons de conception que vous pouvez apprendre de ces sites.

Je vous mets au défi, cependant, d' essayer de créer un site brutaliste. Faire bouillir le tout jusqu'à l'essentiel vous fera confronter vos idées préconçues, ainsi que vos forces et vos faiblesses. Bien sûr, ce sera brutal, mais vous en sortirez un concepteur plus fort.

Et peut-être une personne plus forte aussi.

Que pensez-vous des sites Web brutalistes ? Faites-nous part de vos réflexions sur cette tendance dans les commentaires

Vignette de l'article par Kaleo / shutterstock.com