Webs con diseño retro

Los años pasan y la nostalgia entre las generaciones crece, esto se puede ver reflejado en relanzamientos de productos por ejemplo en la Snes Mini o en relanzamientos de figuras o videojuegos de la época. Lo mismo sucede con el estilo visual de diseño, algunas páginas se inspiran en elementos retro y permiten explorar una época de ensueño pero con ciertas pautas modernas para conmemorar el pasado. Es una forma interesante de redescubrir el pasado. En esta nota colocaremos algunos de los temas modernos en la web. Elementos que se utilizaban hace algunos años y que en la actualidad generan nostalgia y los diseñadores gráficos han aprovechado para relanzarlos con un concepto más actual.

Hay una gran cantidad de temas que sin lugar a dudas disfrutarás por su estilo y forma. Algunos blogs, proyectos personales y hasta un emulador de Windows en sus antiguas versiones, todo al alcance de la mano para disfrutar de un tiempo pasado, porque tiempos pasados fueron mejores dice el viejo refrán, pero yo agregaría: mejores siempre y cuando se actualicen. La vieja escuela es maravillosa.

Lo viejo vuelve por el boom de la nostalgia

En esta nota mostraremos una serie de sitios web, que se basan en las tendencias del pasado para impregnar ese efecto nostalgia en cada uno de los diseños. Es como una cápsula del tiempo en donde veremos la tipografía, colores o gráficos que alguna vez fueron el estándar. Estos diseños suelen inspirarse en elementos que eran vanguardistas en su momento como los videojuegos o las computadoras de la década de los 80’s y 90’s. Otros hacen eco de épocas aún más pasadas y utilizan el estilo Art Decó o guiños publicitarios de la época más manual de la publicidad como por ejemplo el publicista Darrin de la famosa serie de Bewitched o el estilo vintage de la serie Mad Men.

Utilizar recursos retro es simplemente una técnica más de diseño mucha gente lo utilizará en su próximo sitio web, pero personalmente me alejaría de este estilo si tuviese que crear un portafolio personal o un proyecto que necesite más minimalismo. Disfruta esta breve lista de sitios web que decidieron un enfoque creativo retro.

Me encanta como las modas retro vuelven pero se adaptan a los tiempos que corren, por ejemplo es normal ver el resurgir de los pantalones estilo campana, incluso Bad Bunny los utilizó en el vídeo «un preview«, la diferencia es que ahora les llaman «Pantalones para Tienda» por el clip del Pato Lucas. Las modas son como un boomerang siempre regresan volvemos a ver estilos de cabello, de ropa, y en el mundo del diseño web la cosa no es tan distinta. Volveremos a una época de alto contraste, diseño gráfico estilo pixel y mucho más. Porque todo vuelve, menos el amor de ella por ti, bromas a parte disfruta de la lista.

Emupedia un sitio web que emula los diferentes sistemas operativos

Algunas veces me siento nostálgica y quiero recordar aquellos años cuando utilizaba sistemas operativos antiguos. Eso es posible gracias a Emupedia un sitio web que nos permite navegar por diferentes versiones de esos sistemas operativos. Lo interesante es que además coloca en cada escritorio todo el desorden de la época con apps funcionales para que tengamos un acercamiento al pasado. El sitio también nos permite disfrutar de una versión emulada de programas como el WinAmp que alguna vez fueron muy relevantes.

KLR Arquitectos: una tipografía con serif de hace muchos años

Me gustó mucho el sitio web de KLR Arquitectos, utilizan un diseño minimalista con un buen uso de espacios en negativo. Su tipografía con serif y su paleta de colores evoca una época antigua con tonalidades verdes y mostazas. Conforme hacemos scroll salen diferentes formas y colores que permiten que avancemos y descubramos cada uno de los detalles. También hay un muy buen uso de los ambientes y la fotografía.

Bialetti: las cafeteras con estilo vintage

Los amantes del café siempre tienen ese misticismo único de los baristas, toda la parafernalia que rodea su mundo desde la preparación hasta el momento en que lo sirven. Bialetti es una marca muy famosa que vende cafeteras italianas clásicas, apenas entramos al sitio web podemos disfrutar de una paleta de colores que se siente clásica, un diseño simple y tonalidades café, blanco y crema. Un sitio web que impregna los detalles más finos de la cafetería italiana de antaño, desde el uso de fotografías hasta el contraste que generan los elementos visuales. Un estilo atemporal y fino que sin lugar a dudas me inspira confianza.

Ikony: inspirado en los periódicos de antaño

Y si algo es retro es el formato impreso de periódicos antiguos, al menos la gente de mi generación prefiere leer todo en digital. Incluso yo disfruto leer más en un epub reader y el formato físico se ha convertido en una especie de formato de colección. El sitio web de Ikony es un homenaje a otra época con un diseño minimalista y con un estilo de periódico antiguo, el uso de todos los elementos de diseño se siente muy vintage, desde las imágenes y la tipografía monocromática. Además el scroll es lateral en lugar del estilo tradicional.

Old Iron Press: con letras groovy

No se me ocurre algo más retro que aquella época psicodélica de los 70s, con las tipografías estilo Groovy. El sitio Old Iron Press ha decidido que su sitio proyecte esa época maravillosa con las fuentes tipográficas antiguas y con el uso de ilustraciones simples estilo silueta con algunos detalles de colores. Un guiño a la prensa de antaño y una paleta de colores muy atractiva: roja, negro y blanco pero con tonalidades muy suavizadas casi pastel.

Archivo de Cine de Harvard

El famoso Harvard Film Archive un sitio que además de preservar el cine retro también lo hace con su misma estética. Su paleta de colores es muy clásica al igual que sus tipografías y el uso de fotografías en blanco y negro o a color tomadas de películas clásicas que también en ese entonces tenían un encanto particular por el tipo de cámaras que se utilizaban. Un blog muy atractivo con un toque vintage que permite envolvernos mejor en la temática.

Jessica Hische escritora estadounidense

La escritora californiana Jessica Hische nos deleita con un estilo retro que recuerda a los libros de cuento de antaño, con grandes ilustraciones, buenos espacios en negativo y hasta letra capital al inicio de cada nota. Logra un balance entre lo lúdico y lo profesional envolviendonos con un aire especial que nos hace recordar nuestra infancia. Uno de los mejores ejemplos que veremos en esta lista de sitio web con estética retro.

Typewolf: una empresa de fuentes tipográficas

El sitio de Typewolf ofrece una colección especial de tipografías, su diseño es totalmente vintage y minimalista. Podemos observar ese color apagado en el fondo y detalles monocromáticos para resaltar las fotografías con las muestras de las fuentes. Es un blog que se mantiene coherente a pesar de utilizar un diseño que recuerda al pasado.

Bonjour Market: un mercado con todo el glamour francés

El estilo de Bonjour Market se siente francés y clásico. Un sitio que ofrece principalmente ropa y accesorios. En el menú destaca su logotipo y esos patrones en forma de cortina con tonalidades doradas. Un diseño que evoca la época de los años 20s y el estilo art decó.

Cone and Steiner: una tienda con productos como flores, frutas y verduras

Cone & Steiner es una tienda repleta con productos frescos que van desde flores hasta alimentos. Su historia se remonta a 1915 y el sitio web evoca un estilo retro con una paleta de colores apagada. Destaca el logotipo en la parte superior izquierda con elementos divisorios como un rectángulo y algunas barras. El diseño se siente juguetón con fotografías que combinan el estilo retro pero adaptadas a lo moderno.

Heritage Type: fuentes tipográficas de estilo vintage art decó y lettering

Un sitio que ofrece colecciones de fuentes tipográficas y otros recursos, destaca por sus diseños ornamentales y los altos contrastes de sus packs. El sitio de Heritage Type es un homenaje a lo retro con fuentes tipográficas de Tobias Saul perfectas para potenciar cualquier diseño de antaño y sobre todo diseño web.

Dunderville: estudio de diseño inspirado en Masthead

Un estudio de diseño y animación con un estilo minimalista y retro, Dunderville muestra su logotipo en colores monocromáticos en lo lato del diseño, casi como si fuese un masthead o encabezado de un periódico. Hay un claro guiño al diseño editorial de otras épocas con una voz fuerte y con muchos elementos atractivos.

GirlBoss: Podcast, cursos y mucho más enfocado a las chicas

Un sitio para empoderar a las mujeres en donde se ofrecen podcast, cursos y mucho más. Girlboss es un sitio muy limpio y atractivo que tiene unos tintes de diseño retro. La paleta de colores utiliza tonalidades muy femeninas como colores pastel, rosa, menta y púrpura. El resultado es un sitio web con un toque delicado e íntimo pero sobretodo con estilo retro.

Bonnie Hong: una diseñadora de producto con estilo retro moderno

Este es un caso especial ya que se trata de un portafolio web de la diseñadora de productos Bonnie Hong. El estilo de diseño claramente se enfoca en la década de los años 80. La fuente tipográfica es estilo vintage, utiliza unos colores atractivos y de alto contraste, con formas simples y pixeladas que recuerdan a las arcadias de la época.

Paak House: un estilo groovy y moderno de la música R&B

De todas formas en el tema de la música el Groovy y el estilo psicodélico son una parte esencial de lo retro. Paak House y el género de música R&B se inspiran en una época, carteles psicodélicos, colores vibrantes y una tipografía hecha a mano. En general géneros musicales como el soul y el funk vintage, nos hacen revivir la década de los años 70.

Kalso: un mapa con elementos de diseño retro

Kalso nos hace viajar por un mapa viviente con elementos retro de su álbum de recortes animado y táctil. Una paleta de colores monocromática y apagada que nos permite disfrutar del diseño retro.

Crappy Explanation: discos de vinilo

Al entrar al sitio lo primero que vemos es una animación y un arcoiris con tonalidades apagadas que recuerdan a los años 80s. Crappy Explanation, una empresa sobre discos de vinilo. Un sitio web que nos transporta a otra época y que gracias al uso de fuentes tipográficas con serif y fotografías de discos antiguos nos brinda toda una experiencia.

Accord: Un sitio que ofrece un catálogo de discos vintage

La propia naturaleza de Accord es retro, un sitio que ofrece una extensa colección de vinilos y también hay un trabajo de curación detrás de cada uno de ellos. El resultado es un diseño retro que intenta recordar aquellas épocas doradas de la música con tonalidades naranja y negro.

Mondo: la famosa marca de figuras premium

Mondo es una de esas marcas que destacan por la calidad de sus esculturas y figuras de acción. El sitio web posee un estilo de graffiti, utilizan texturas e ilustraciones ambientadas al diseño de otras épocas pero con los espacios negativos suficientes y un buen uso de la fotografía para destacar sus creaciones. Utilizan elementos de diseño como texturas de semitonos, contraste de color y arte similar al graffiti también se inspira en el universo de las historietas.

McSweeney’s

McSweeney’s es una revista literaria con un estilo clásico que le da unos aires de limpieza y modernidad. Su paleta de colores es muy limpia con detalles en blanco y negro, y otras tonalidades terracota y crema. Un diseño perfecto para las revistas literarias antiguas, pero adaptada a las nuevas tecnologías.

Cómo Diseñar un Sitio Web de Inspiración Retro

Después de ver varias webs con estilo retro podemos deducir que el estilo se puede adaptar a diferentes categorías. Pudimos apreciar desde webs personales hasta mercados completos dedicados a la música retro y a los vinilos. La creatividad no tiene límites y dependerá de cada diseñador escoger el mejor estilo para su próximo proyecto.

Un estilo retro para evocar la nostalgia de nuestros lectores

Un consejo importante podría ser utilizar la página que es como una máquina del tiempo la famosa: Wayback de Archive.org podremos conocer versiones antiguas de nuestras páginas webs favoritas, ya sea por curiosidad o simplemente para encontrar inspiración.

El resto dependerá de cada diseñador poder encontrar las fuentes tipográficas correctas, la mejor paleta de colores para cada cliente y así ajustar el diseño a un estilo más contemporáneo pero con los tintes nostálgicos que buscamos.

Hubo efectos visuales que estaban muy de moda en esa época, como Internet no tenía facilidad de mostrar vídeos, la gente estaba enganchada con los GIFs, recuerdo todas esas personas que utilizaban las letras animadas como si fuese la gran novedad. También recuerda que a pesar de que el diseño sea retro es importante poner por delante su funcionalidad y saber refrescar la vista con un buen uso de espacios negativos. Nos vemos en notas futuras.

Lyn
Diseñadora de profesión, cantante y guitarrista; me fascinan los atardeceres, el minimalismo, adoro las pastas, los videojuegos puzzle y aventuras gráficas.