10 siti Web brutalisti per ispirare il tuo prossimo progetto di web design

Le tendenze del web design cambiano continuamente. Nel momento in cui trovi un designer con cui puoi lavorare, decidi un look con cui tutti possono essere d'accordo, porta a termine il lavoro e finalmente vai dal vivo, ciò che è cool, fresco e trendy è cambiato. Entra in siti brutalisti.

Che cos'è, chiedi? È quando contrasti le tendenze e progetti intenzionalmente il tuo sito Web per essere brutto. E se non è proprio brutto, è almeno privo di elementi di design frivoli/superflui.

I siti Web brutalisti sono una cosa relativamente nuova tra i design mirati, ma molti di loro traggono ispirazione dai primi giorni di Internet. I giorni in cui Angelfire e Geocities erano l' apice della meraviglia. I giorni in cui l'unico codice HTML di cui avevi bisogno era a href e img src .

Da allora il web è andato avanti, ma il design buono (o forse buono-cattivo?) no. Da un lato, il brutalismo riguarda la funzione sulla forma. Se funziona, lascialo funzionare. Dall'altro, si tratta di essere punk e far lavorare l'utente per qualunque cosa ottenga dal tuo sito.

Non importa in che modo vuoi andare con esso, sono sicuro che puoi trovare un modo per brutalizzare il tuo prossimo progetto di design dopo aver controllato queste gloriose mostruosità.

1. craigslist.org

Sì, Craigslist è brutto. No, non difenderlo. È un mostro. Testo nero, link blu, sfondo bianco. Non è carino. Ma non deve esserlo.

Perché funziona. Questo è ciò che è importante. Parte del brutalismo è UX, e CL lo ha abbassato. Puoi trovare ciò di cui hai bisogno per acquistare o vendere senza problemi, confusione o parti mobili estranee.

2. Konsept83.com

Come Craigslist, Konsept83 guarda ai primi giorni di Internet per trovare ispirazione. Sfondo grigio, carattere della macchina da scrivere (un elemento fondamentale del sito Web brutalista) e tutti i collegamenti che spiegano esattamente su cosa stai facendo clic.

Le pagine interne sono altrettanto libere: hanno solo immagini incorporate.

3. pictureshow.tv

Pictureshow.tv funziona solo in modalità orizzontale su dispositivi mobili (o desktop). È una serie di video progettata per sembrare un vecchio nastro VHS. Fai persino clic sulle altre pagine e si comportano come se fossero menu di configurazione del videoregistratore.

Ma sai cosa? Il sito funziona, sai cosa fare e non ti perdi per un attimo.

Ma uomo. È brutto. E bella all'epoca. E la parte migliore è che non hai dubbi su come usarlo.

4. chris.bolin.co

Hai mai visto un sito web offline? No? Anche io. E poi ho trovato questa bellezza.

Chris Bolin ha progettato questo sito per essere il più brutale possibile per gli utenti web: devi disconnetterti per connetterti. Automaticamente, viene visualizzato il contenuto e viene visualizzato un semplice messaggio sulla semplicità presentato in modo semplice.

Brutalismo, amico.

4. stephaniemarx.com/talks

Uno dei suoi discorsi (e il modo in cui ho conosciuto il suo lavoro) si chiama Tutto ciò che ho imparato sul web design, ho imparato da Geocities .

Non credo di dover dire altro.

5. wolftonechambers.com

Parla di brutale. C'è contenuto qui. Un sacco. Buone informazioni scritte bene. Ma è tutto tranne che nascosto da un mare di ASCII.

Non si può dire che sia visivamente accattivante, né terribilmente funzionale. Ma è memorabile. È stranamente pulito nonostante tutto il disordine, e la parte più strana è che dopo aver fatto scorrere un po', vedi come funziona e come trovare informazioni senza indicazioni. Il che significa che, ancora una volta stranamente, è così che dovrebbe funzionare UX.

#shrugemoji

6. allanyu.nyc

Parte della bellezza della scrittura e della pubblicazione sul Web è che i tuoi utenti non vedono le revisioni e le modifiche che apporti ai tuoi contenuti. Puoi pubblicare nuovi contenuti o modificare i vecchi contenuti e nessuno sarà più saggio (a meno che non controllino gli archivi di Wayback Machine).

Allan Yu, tuttavia, usa il brutalismo per mostrare le revisioni che apporta al suo sito come se fossero revisioni fisiche su un taccuino. Rende l'esperienza complessiva meno pulita nel complesso, ma il disordine si aggiunge all'esperienza dell'utente in modo che tutti siano consapevoli che non solo cresce nello stile, ma nell'abilità e nella creatività.

Non un design che troveresti su una grande testata giornalistica (non sarebbe divertente vedere i marchi editoriali sulla CNN?), ma per un designer o un'agenzia che ha aggiornamenti relativamente lenti, questo stile probabilmente funzionerebbe bene.

7. Riprogettazioni brutaliste

Realizzare siti Web brutalisti è molto, molto più difficile di quanto pensi. Perché è facile rendere brutto un sito web. È anche facile rendere semplice un sito web. Ed è facile dare un aspetto datato a un sito web.

Ma è difficile fare tutto in una volta. Quindi Pierre Buttin ha preso alcune delle app più pulite e popolari (come Facebook, Instagram e Snapchat) e le ha ridisegnate come esempi di come è possibile mantenere forma e funzionalità rimuovendo il flash superfluo che non aggiunge nulla all'esperienza.

8. morgane.com/pixel-lab

http://morgane.com/pixel-lab
(Forse nuove foto sul laptop di tutta la pagina.)

Gli sviluppatori di videogiochi indipendenti sono un gruppo eccentrico. I ragazzi di Pixel Labs non si allontanano da quella descrizione. Il loro sito web è una singola pagina che sembra scritta nei primi anni '90 e la tavolozza dei colori probabilmente era .

Detto questo, sanno cosa stanno facendo. Hanno una vetrina del loro lavoro, un invito al loro server Slack e il desiderio di aiutare altre persone.

Il loro uso del web design rimuove qualsiasi ostacolo tra loro e il loro pubblico.

9. wekflatm.kr

Penso che questo potrebbe essere il sito web perfetto. Sul serio. Sto seriamente pensando di far funzionare la pagina che mostra i miei romanzi in questo modo.

È l'e-commerce nella sua forma più fondamentale e perfetta: ecco una sedia. Compralo. Vuoi un divano? Va bene. Puoi comprarli laggiù.

Nessuna lista dei desideri, nessuna ricerca, nessuna variazione o recensione degli utenti. Solo articolo, prezzo, acquisto.

Non è bello, ma nemmeno brutto. È semplice. E ha personalità. È tutto ciò di cui hai bisogno in un sito web e niente che non ti serve.

10. keyaar.in

Scommetto che la prima cosa che faresti su questo sito è fare clic su una forma. Perché le forme. Poi leggerai le etichette, che in realtà non ti dicono molto.

Il fatto è, tuttavia, che sai più o meno cos'è ciascuno quando fai clic su di esso. Il lavoro è una galleria di, hai indovinato, lavoro. NSFW è un blog, ma anche prima sai che stai entrando in qualcosa di personale, se non intimo. E KL11 ? L'agenzia di design stessa. Tutte le informazioni di cui hai bisogno sono lì.

Cosa volete di più da un sito web?

Brutale, shmutal

Potresti non volere una suite di siti Web brutalisti nel tuo portafoglio. Va bene. Questo schema di progettazione non è assolutamente per tutti, e alcuni clienti sicuramente si tirano indietro quando proponi un brutto sito.

Ma ci sono molte lezioni di design che puoi imparare da questi siti.

Ti sfido, però, a provare a creare un sito brutalista. Ridurre il tutto fino all'essenziale ti farà affrontare i tuoi preconcetti, così come i tuoi punti di forza e di debolezza. Certo, sarà brutale, ma ne uscirai un designer più forte.

E forse anche una persona più forte.

Cosa ne pensi dei siti brutalisti? Fateci sapere i vostri pensieri su questa tendenza nei commenti

Miniatura dell'articolo di Kaleo / shutterstock.com