10 brutalistische Websites, die Ihr nächstes Webdesign-Projekt inspirieren

Webdesign-Trends ändern sich ständig. Bis Sie einen Designer gefunden haben, mit dem Sie zusammenarbeiten können, sich für einen Look entscheiden, mit dem alle einverstanden sind, die Arbeit erledigen und schließlich live gehen, hat sich das Coole und Frische und Trendige verändert. Geben Sie brutalistische Websites ein.

Was ist das, fragst du? Es ist, wenn Sie sich den Trends widersetzen und Ihre Website absichtlich hässlich gestalten. Und wenn es nicht geradezu hässlich ist, ist es zumindest frei von frivolen/überflüssigen Designelementen.

Brutalistische Websites sind eine relativ neue Sache unter den zielgerichteten Designs, aber viele von ihnen lassen sich von den Anfängen des Internets inspirieren. Die Tage, als Angelfire und Geocities der Gipfel der Großartigkeit waren. Die einzigen HTML- Codes , die Sie kennen mussten, waren die Zeiten href und img src .

Das Web hat sich seitdem weiterentwickelt, aber gutes (oder vielleicht gut-schlechtes?) Design nicht. Einerseits geht es beim Brutalismus um Funktion statt Form. Wenn es funktioniert, lass es funktionieren. Auf der anderen Seite geht es darum, punkig zu sein und den Benutzer dazu zu bringen, für alles zu arbeiten, was er von Ihrer Website bekommt.

Egal, welchen Weg Sie gehen wollen, ich bin sicher, Sie werden einen Weg finden, Ihr nächstes Designprojekt brutal zu gestalten, nachdem Sie diese glorreichen Monstrositäten ausgecheckt haben.

1. craigslist.org

Craigslist ist hässlich. Nein, verteidige es nicht. Es ist ein Monster. Schwarzer Text, blaue Links, weißer Hintergrund. Es ist nicht schön. Aber es muss nicht sein.

Weil es funktioniert. Das ist wichtig. Ein Teil des Brutalismus ist UX, und CL hat das im Griff. Sie finden, was Sie kaufen oder verkaufen möchten, ohne dass Sie viel Aufhebens machen oder störende bewegliche Teile benötigen.

2. Konsept83.com

Wie Craigslist sucht Konsept83 nach Inspiration aus den frühen Tagen des Internets. Grauer Hintergrund, Schreibmaschinenschrift (eine brutalistische Website-Grundnahrungsmittel) und all die Links, die genau beschreiben, worauf Sie klicken.

Die Innenseiten sind ebenso sparsam – sie haben nur Bilder eingebettet.

3. pictureshow.tv

Pictureshow.tv funktioniert nur im Querformat auf Mobilgeräten (oder auf Desktops). Es ist eine Videoserie, die wie eine alte VHS-Kassette aussieht und sich anfühlt. Sie klicken sogar auf die anderen Seiten, und sie verhalten sich wie Videorecorder-Setup-Menüs.

Aber weißt du was? Die Site funktioniert, Sie wissen, was zu tun ist, und Sie sind keinen Moment verloren.

Aber Mann. Es ist hässlich. Und damals schön. Und das Beste daran ist, dass Sie keine Fragen zur Verwendung haben.

4. chris.bolin.co

Haben Sie schon einmal eine Offline-Website gesehen? Nein? Ich auch. Und dann fand ich diese Schönheit.

Chris Bolin hat diese Site so konzipiert, dass sie für Webbenutzer so brutal wie möglich ist: Sie müssen die Verbindung trennen, um eine Verbindung herzustellen. Automatisch erscheint der Inhalt, und Sie sehen eine einfache Nachricht über Einfachheit, die einfach präsentiert wird.

Brutalismus, Mann.

4. stephaniemarx.com/talks

Einer ihrer Vorträge (und die Art und Weise, wie ich ihre Arbeit kennenlernte) heißt Everything I Learned about Web Design, I Learned from Geocities .

Ich glaube, ich muss nichts mehr sagen.

5. wolftonechambers.com

Sprechen Sie über brutal. Hier gibt es Inhalte. Viel davon. Gute Info, die gut geschrieben ist. Aber es ist vor uns durch ein Meer von ASCII so gut wie verborgen.

Man kann nicht sagen, dass dies optisch ansprechend ist, noch ist es schrecklich funktional. Aber es ist unvergesslich. Es ist trotz all der Unordnung seltsam sauber, und das Seltsamste ist, dass Sie, nachdem Sie ein wenig gescrollt haben, sehen, wie es funktioniert und wie Sie Informationen ohne Wegbeschreibung finden. Was wiederum seltsamerweise bedeutet, dass UX so funktionieren sollte.

#shrugemoji

6. allanyu.nyc

Ein Teil der Schönheit des Schreibens und Veröffentlichens im Web besteht darin, dass Ihre Benutzer die Überarbeitungen und Änderungen, die Sie an Ihren Inhalten vornehmen, nicht sehen. Sie können neue Inhalte veröffentlichen oder alte Inhalte anpassen, und niemand wird klüger sein (es sei denn, er überprüft die Archive von Wayback Machine).

Allan Yu verwendet jedoch Brutalität, um die Überarbeitungen, die er an seiner Website vornimmt, so darzustellen, als wären es physische Überarbeitungen in einem Notizbuch. Es macht das Gesamterlebnis insgesamt weniger sauber, aber die Unordnung trägt zur Benutzererfahrung bei, sodass sich jeder bewusst ist, dass er nicht nur an Stil, sondern auch an Fähigkeiten und Kreativität wächst.

Kein Design, das Sie in einer großen Nachrichtenagentur finden würden (würde es nicht einfach Spaß machen, redaktionelle Markierungen auf CNN zu sehen?), aber für einen Designer oder eine Agentur, die relativ langsame Updates hat, würde dieser Stil wahrscheinlich gut funktionieren.

7. Brutalistische Neugestaltungen

Brutalistische Websites zu erstellen ist viel, viel schwieriger als man denkt. Weil es einfach ist, eine Website hässlich zu machen. Es ist auch einfach, eine Website einfach zu machen. Und es ist einfach, eine Website veraltet aussehen zu lassen.

Aber es ist schwer, all das auf einmal zu tun. Also nahm Pierre Buttin einige der saubersten und beliebtesten Apps (wie Facebook und Instagram und Snapchat) und gestaltete sie als Beispiele dafür, wie Sie Form und Funktion beibehalten und gleichzeitig überflüssiges Flash entfernen, das nichts zum Erlebnis beiträgt.

8. morgane.com/pixel-lab

http://morgane.com/pixel-lab
(Vielleicht neue Bilder auf dem Laptop der ganzen Seite.)

Indie-Videospielentwickler sind ein eigenartiger Haufen. Die Leute bei Pixel Labs weichen nicht von dieser Beschreibung ab. Ihre Website ist eine einzige Seite , die aussieht wie es war in den frühen 90er Jahren geschrieben, und die Farbpalette wahrscheinlich war.

Das heißt, sie wissen, was sie tun. Sie haben eine Präsentation ihrer Arbeit, eine Einladung zu ihrem Slack-Server und den Wunsch, anderen Menschen zu helfen.

Ihr Einsatz von Webdesign beseitigt alle Hindernisse zwischen ihnen und ihrem Publikum.

9. wekflatm.k

Ich denke, dies könnte die perfekte Website sein. Ernsthaft. Ich überlege ernsthaft, die Seite mit meinen Romanen so zu gestalten.

Es ist E-Commerce in seiner grundlegendsten und perfekten Form: Hier ist ein Stuhl. Kauf es. Willst du ein Sofa? Okay. Sie können sie dort kaufen.

Keine Wunschlisten, keine Suchen, keine Variationen oder Benutzerbewertungen. Nur Artikel, Preis, Kauf.

Es ist nicht schön, aber auch nicht hässlich. Es ist einfach. Und es hat Persönlichkeit. Es ist alles, was Sie in einer Website brauchen und nichts, was Sie nicht brauchen.

10. keyaar.in

Ich wette, das erste, was Sie auf dieser Site tun würden, ist, auf eine Form zu klicken. Denn Formen. Dann liest du die Etiketten – die dir nicht wirklich viel sagen.

Die Sache ist jedoch, dass Sie ziemlich genau wissen, was jeder ist, wenn Sie darauf klicken. Arbeit ist eine Galerie von, Sie haben es erraten, Arbeit. NSFW ist ein Blog, aber schon vorher wissen Sie, dass Sie sich auf etwas Persönliches, wenn nicht sogar Intimes einlassen . Und KL11 ? Die Designagentur selbst. Alle Informationen, die Sie brauchen, sind da.

Was will man mehr von einer Website?

Brutal, schmutal

Sie möchten vielleicht keine Reihe brutalistischer Websites in Ihrem Portfolio haben. Das ist in Ordnung. Dieses Designschema ist absolut nicht jedermanns Sache, und einige Kunden werden sich sicher sträuben, wenn Sie eine hässliche Website anbieten.

Aber es gibt viele Design-Lektionen, die Sie von diesen Websites lernen können.

Ich Sie tun Herausforderung, obwohl, zu versuchen , eine brutalist Website zu machen. Wenn Sie das Ganze auf das Wesentliche reduzieren, konfrontieren Sie sich mit Ihren Vorurteilen sowie Ihren Stärken und Schwächen. Sicher, es wird brutal, aber du wirst als stärkerer Designer daraus hervorgehen.

Und vielleicht auch eine stärkere Person.

Was halten Sie von brutalistischen Websites? Lass uns deine Meinung zu diesem Trend in den Kommentaren wissen

Miniaturansicht des Artikels von Kaleo / shutterstock.com