10 sitios web brutalistas para inspirar su próximo proyecto de diseño web

Las tendencias de diseño web cambian todo el tiempo. Para cuando encuentres un diseñador con el que puedas trabajar, decidas un estilo con el que todos estén de acuerdo, termines el trabajo y, finalmente, empieces a vivir, lo que es genial, fresco y moderno ha cambiado. Entra en sitios web brutalistas.

¿Qué es eso, preguntas? Es cuando te enfrentas a las tendencias y diseñas a propósito tu sitio web para que sea feo. Y si no es feo, al menos está libre de elementos de diseño frívolos / superfluos.

Los sitios web brutalistas son algo relativamente nuevo entre los diseños con propósito, pero muchos de ellos se inspiran en los primeros días de Internet. Los días en que Angelfire y Geocities eran el pináculo de la genialidad. Los días en que el único HTML que necesitabas saber era href e img src .

La web ha avanzado desde entonces, pero el diseño bueno (¿o quizás bueno-malo?) No lo ha hecho. Por un lado, el brutalismo tiene que ver con la función sobre la forma. Si funciona, déjelo funcionar. Por otro lado, se trata de ser punk af y hacer que el usuario trabaje para lo que sea que obtenga de su sitio.

No importa en qué dirección quiera hacerlo, estoy seguro de que puede encontrar una manera de embrutecer su próximo proyecto de diseño después de haber comprobado estas gloriosas monstruosidades.

1. craigslist.org

Todos ustedes, Craigslist es feo. No, no lo defiendas. Es un monstruo. Texto negro, enlaces azules, fondo blanco. No es lindo. Pero no tiene por qué ser así.

Porque funciona. Eso es lo importante. Parte del brutalismo es UX, y CL lo tiene claro. Puede encontrar lo que necesita para comprar o vender sin ningún problema o desorden o piezas móviles extrañas.

2. Konsept83.com

Al igual que Craigslist, Konsept83 busca inspiración en los primeros días de Internet. Fondo gris, fuente de máquina de escribir (un elemento básico de un sitio web brutalista) y todos los enlaces que explican con precisión en qué estás haciendo clic.

Las páginas interiores son igualmente sobrias, solo tienen imágenes incrustadas.

3. pictureshow.tv

Pictureshow.tv solo funciona en modo horizontal en dispositivos móviles (o en computadoras de escritorio). Es una serie de videos diseñada para verse y sentirse como una vieja cinta VHS. Incluso hace clic en las otras páginas, y actúan como si fueran menús de configuración de VCR.

¿Pero sabes que? El sitio funciona, sabes qué hacer y no estás perdido ni por un momento.

Pero hombre. Es feo. Y hermosa en ese momento. Y la mejor parte es que no tienes dudas sobre cómo usarlo.

4. chris.bolin.co

¿Alguna vez ha visto un sitio web sin conexión? ¿No? Yo tampoco. Y luego encontré esta belleza.

Chris Bolin diseñó este sitio para que sea lo más brutal posible para los usuarios de la web: debes desconectarte para conectarte. Automáticamente, el contenido aparece y usted ve un mensaje simple sobre simplicidad presentado de manera simple.

Brutalismo, hombre.

4. stephaniemarx.com/talks

Una de sus charlas (y la forma en que me familiaricé con su trabajo) se llama Todo lo que aprendí sobre diseño web, lo que aprendí de Geocities .

No creo que tenga que decir nada más.

5. wolftonechambers.com

Habla de brutal. Aquí hay contenido. Montones. Buena información que está bien escrita. Pero está casi oculto para nosotros por un mar de ASCII.

No se puede decir que esto sea visualmente atractivo ni terriblemente funcional. Pero es memorable. Está extrañamente limpio a pesar de todo el desorden, y la parte más extraña es que después de que te desplazas un poco, ves cómo funciona y cómo encontrar información sin direcciones. Lo que significa que, de nuevo, extrañamente, así es como debería funcionar UX.

#shrugemoji

6. allanyu.nyc

Parte de la belleza de escribir y publicar en la web es que sus usuarios no ven las revisiones y cambios que realiza en sus cosas. Puede publicar contenido nuevo o ajustar el contenido antiguo, y nadie será más sabio (a menos que verifiquen los archivos de Wayback Machine).

Sin embargo, Allan Yu usa el brutalismo para mostrar las revisiones que hace a su sitio como si fueran revisiones físicas en un cuaderno. Hace que la experiencia general sea menos limpia en general, pero el desorden se suma a la experiencia del usuario, por lo que todos son conscientes de que no solo crece en estilo, sino en capacidad y creatividad.

No es un diseño que encontraría en un medio de comunicación importante (¿no sería divertido ver marcas editoriales en CNN?), Pero para un diseñador o agencia que tiene actualizaciones relativamente lentas, este estilo probablemente funcionaría bien.

7. Rediseños brutalistas

Hacer sitios web brutalistas es mucho, mucho más difícil de lo que piensas. Porque es fácil hacer feo un sitio web. También es fácil simplificar un sitio web. Y es fácil hacer que un sitio web parezca anticuado.

Pero es difícil hacer todo eso a la vez. Entonces, Pierre Buttin tomó algunas de las aplicaciones más limpias y populares (como Facebook, Instagram y Snapchat) y las rediseñó como ejemplos de cómo puede mantener la forma y la función mientras elimina el flash superfluo que no agrega nada a la experiencia.

8. morgane.com/pixel- lab

http://morgane.com/pixel-lab
(Tal vez nuevas fotos en la computadora portátil de toda la página).

Los desarrolladores de videojuegos independientes son un grupo peculiar. La gente de Pixel Labs no se aparta de esa descripción. Su sitio web es una sola página que parece que fue escrita a principios de los 90, y la paleta de colores probablemente lo fue .

Dicho esto, saben lo que están haciendo. Tienen una muestra de su trabajo, una invitación a su servidor de Slack y el deseo de ayudar a otras personas.

Su uso del diseño web elimina cualquier obstáculo entre ellos y su audiencia.

9. wekflatm.kr

Creo que este puede ser el sitio web perfecto. Seriamente. Estoy considerando seriamente hacer que la página que muestra mis novelas funcione así.

Es el comercio electrónico en su forma más fundamental y perfecta: aquí hay una silla. Cómpralo. ¿Quieres un sofá? Bueno. Puedes comprarlos allí.

Sin listas de deseos, sin búsquedas, sin variaciones ni reseñas de usuarios. Solo artículo, precio, compra.

No es bonito, pero tampoco feo. Es simple. Y tiene personalidad. Es todo lo que necesita en un sitio web y nada que no necesite.

10. keyaar.in

Apuesto a que lo primero que harías en este sitio es hacer clic en una forma. Porque formas. Luego leerá las etiquetas, que en realidad no le dicen mucho.

Sin embargo, la cosa es que sabes prácticamente qué es cada uno cuando haces clic en él. El trabajo es una galería de, lo adivinaste, trabajo. NSFW es un blog, pero incluso antes de eso, sabes que te estás metiendo en algo personal, si no íntimo. ¿Y KL11 ? La propia agencia de diseño. Toda la información que necesita está ahí.

¿Qué más quieren ustedes de un sitio web?

Brutal, shmutal

Es posible que no desee un conjunto de sitios web brutalistas en su cartera. Esta bien. Este esquema de diseño no es para todos, y algunos clientes seguramente se opondrán a la idea de presentar un sitio desagradable.

Pero hay muchas lecciones de diseño que puede aprender de estos sitios.

Sin embargo, te desafío a que intentes hacer un sitio brutalista. Reducir todo hasta lo esencial te hará confrontar tus ideas preconcebidas, así como tus fortalezas y debilidades. Seguro, será brutal, pero saldrás como un diseñador más fuerte.

Y quizás también una persona más fuerte.

¿Qué opinas de los sitios web brutalistas? Háganos saber su opinión sobre esta tendencia en los comentarios.

Miniatura del artículo de Kaleo / shutterstock.com