10 sites brutalistas para inspirar seu próximo projeto de web design

As tendências de web design mudam o tempo todo. No momento em que você encontra um designer com quem pode trabalhar, decide um look com que todos concordam, faça o trabalho e, finalmente, vá ao ar, o que é legal, novo e moderno mudou. Entre em sites brutalistas.

O que é isso, você pergunta? É quando você contraria as tendências e propositalmente projeta seu site para ser feio. E se não for totalmente feio, pelo menos está livre de elementos de design frívolos / supérfluos.

Sites brutalistas são uma coisa relativamente nova entre os designs intencionais, mas muitos deles se inspiram nos primeiros dias da Internet. Os dias em que Angelfire e Geocities eram o pináculo da grandiosidade. Os dias em que o único HTML que você precisava saber era href e img src .

A web mudou desde então, mas o design bom (ou talvez bom-ruim?) Não mudou. Por um lado, o brutalismo tem a ver com função sobre a forma. Se funcionar, deixe funcionar. Por outro lado, trata-se de ser punk af e fazer o usuário trabalhar por tudo o que conseguir do seu site.

Não importa o caminho que você queira seguir com isso, tenho certeza que você encontrará uma maneira de brutalizar seu próximo projeto de design depois de verificar essas gloriosas monstruosidades.

1. craigslist.org

Pessoal, Craigslist é feio. Não, não o defenda. É um monstro. Texto preto, links azuis, fundo branco. Não é bonito. Mas não precisa ser assim.

Porque funciona. É isso que importa. Parte do brutalismo é UX, e CL resolve isso. Você pode encontrar o que precisa para comprar ou vender sem qualquer confusão ou confusão ou peças móveis estranhas.

2. Konsept83.com

Como o Craigslist, o Konsept83 busca inspiração nos primeiros dias da Internet. Plano de fundo cinza, fonte de máquina de escrever (um grampo de um site brutalista) e todos os links que explicam precisamente em que você está clicando.

As páginas internas são tão sobressalentes quanto - elas apenas têm imagens embutidas.

3. pictureshow.tv

Pictureshow.tv só funciona no modo paisagem no celular (ou em desktops). É uma série de vídeos projetada para se parecer com uma velha fita VHS. Você até clica nas outras páginas e elas agem como se fossem menus de configuração de videocassete.

Mas você sabe o que? O site funciona, você sabe o que fazer e não se perde por um momento.

Mas cara. É feio. E linda na época. E a melhor parte é que você não tem dúvidas sobre como usá-lo.

4. chris.bolin.co

Você já viu um site offline? Não? Eu também. E então eu encontrei essa beleza.

Chris Bolin projetou este site para ser o mais brutal possível com os usuários da web: você precisa se desconectar para se conectar. Automagicamente, o conteúdo aparece e você vê uma mensagem simples sobre simplicidade apresentada de forma simples.

Brutalismo, cara.

4. stephaniemarx.com/talks

Uma de suas palestras (e a maneira como conheci seu trabalho) se chama Tudo que Aprendi sobre Web Design, Aprendi com a Geocities .

Acho que não preciso dizer mais nada.

5. wolftonechambers.com

Fale sobre brutal. Há conteúdo aqui. Muitos disso. Boas informações bem escritas. Mas está quase escondido de nós por um mar de ASCII.

Você não pode dizer que isso é visualmente atraente, nem muito funcional. Mas é memorável. É estranhamente limpo, apesar de toda a desordem, e a parte mais estranha é que, depois de rolar um pouco, você vê como funciona e como encontrar informações sem direções. O que significa que, novamente estranhamente, é assim que a UX deve funcionar.

#shrugemoji

6. allanyu.nyc

Parte da beleza de escrever e publicar na web é que seus usuários não veem as revisões e mudanças que você faz nas suas coisas. Você pode colocar novo conteúdo lá fora ou ajustar o conteúdo antigo, e ninguém ficará sabendo (a menos que verifique os arquivos do Wayback Machine).

Allan Yu, porém, usa o brutalismo para mostrar as revisões que faz em seu site como se fossem revisões físicas em um caderno. Isso torna a experiência geral menos limpa no geral, mas a bagunça aumenta a experiência do usuário para que todos saibam que ele não apenas cresce em estilo, mas também em habilidade e criatividade.

Não é um design que você encontraria em uma grande agência de notícias (não seria divertido ver marcas editoriais na CNN?), Mas para um designer ou agência que tem atualizações relativamente lentas, esse estilo provavelmente funcionaria bem.

7. Redesenho brutalista

Fazer sites brutalistas é muito, muito mais difícil do que você pensa. Porque é fácil tornar um site feio. Também é fácil simplificar um site. E é fácil fazer um site parecer desatualizado.

Mas é difícil fazer tudo isso de uma vez. Pierre Buttin pegou alguns dos aplicativos mais limpos e populares (como Facebook, Instagram e Snapchat) e os redesenhou como exemplos de como você pode manter a forma e a função enquanto remove o flash supérfluo que não acrescenta nada à experiência.

8. morgane.com/pixel- lab

http://morgane.com/pixel-lab
(Talvez novas fotos da página inteira no laptop.)

Os desenvolvedores independentes de videogames são um grupo peculiar. O pessoal da Pixel Labs não foge dessa descrição. O site deles é uma página única que parece ter sido escrita no início dos anos 90, e a paleta de cores provavelmente foi .

Dito isso, eles sabem o que estão fazendo. Eles têm uma demonstração de seu trabalho, um convite para o servidor Slack e o desejo de ajudar outras pessoas.

O uso de web design remove quaisquer obstáculos entre eles e seu público.

9. wekflatm.kr

Acho que este pode ser o site perfeito. Seriamente. Estou pensando seriamente em fazer a página que mostra meus romances funcionar assim.

É o comércio eletrônico em sua forma mais fundamental e perfeita: aqui está uma cadeira. Compre. Quer um sofá? OK. Você pode comprá-los lá.

Sem listas de desejos, sem pesquisas, sem variações ou análises de usuários. Apenas item, preço, compra.

Não é bonito, mas também não é feio. É simples. E tem personalidade. É tudo que você precisa em um site e nada do que você não precisa.

10. keyaar.in

Aposto que a primeira coisa que você faria neste site é clicar em uma forma. Porque formas. Então você lerá os rótulos - o que realmente não diz muito.

O problema é que você sabe muito bem o que cada um é quando clica nele. Trabalho é uma galeria de, você adivinhou, trabalho. NSFW é um blog, mas antes disso você sabe que está entrando em algo pessoal, senão íntimo. E KL11 ? A própria agência de design. Todas as informações de que você precisa estão lá.

O que mais vocês querem de um site?

Brutal, shmutal

Você pode não querer um conjunto de sites brutalistas em seu portfólio. Isso é bom. Esse esquema de design absolutamente não é para todos, e alguns clientes certamente vão hesitar quando você lançar um site feio.

Mas há muitas lições de design que você pode aprender nesses sites.

Eu desafio você, entretanto, a tentar fazer um site brutalista. Ferver tudo até o essencial fará com que você enfrente seus preconceitos, bem como seus pontos fortes e fracos. Claro, será brutal, mas você sairá disso como um designer mais forte.

E talvez uma pessoa mais forte também.

O que você acha dos sites brutalistas? Deixe-nos saber sua opinião sobre essa tendência nos comentários

Miniatura do artigo por Kaleo / shutterstock.com