8 diseños web retro que despiertan nostalgia

El diseño web retro es una forma fantástica de usar la nostalgia para promocionar tu marca y conectar con los visitantes. Aquí tienes ocho ejemplos geniales.

8 diseños web retro que despiertan nostalgia

Índice de contenidos

Despierta la nostalgia con un sitio web retro para tu cliente.

La gente elige marcas, no productos. La mayoría queremos ver nuestros intereses y valores reflejados en la imagen de una empresa. Esto nos ayuda a conectar con el negocio y a sentir que es la opción ideal para nosotros. Una forma de construir esta relación entre cliente y marca es apoyarse en la nostalgia para crear una sensación de familiaridad.

Los sitios web retro hacen precisamente eso: crean una conexión significativa con los usuarios al evocar recuerdos entrañables.

¿Qué es el diseño web retro?

El diseño web retro revive tendencias del pasado para darle vida y estilo a un sitio, logrando conectar con las emociones de los usuarios. Algunos temas retro comunes incluyen:

  • Estilo Art Déco (arte de los años 20)
  • Diseño vibrante y llamativo de los años 90
  • Retrofuturismo (el futuro tal como se imaginaba en los años 50)
  • Maximalismo (donde más es mejor)
  • Revival de los 70 (con formas divertidas y paletas de colores cálidos)
  • Art Nouveau

¿Cuáles son los elementos del diseño web retro?

Aquí tienes algunos puntos en común en los diseños web retro:

  • Guiño a una década específica: Un sitio suele emular una década o un momento concreto del diseño, no varios a la vez.
  • Formas, líneas y texturas: Los diseñadores suelen usar elementos que fueron tendencia en una década determinada para crear un aire retro más sugerente.
  • Fuentes de épocas pasadas: Usar tipografías que fueron populares en décadas anteriores es una forma sencilla de darle un toque retro a un sitio sin cambiar mucho más. Existen muchas bibliotecas de fuentes gratuitas que te ayudarán a encontrar la que mejor se adapte al gusto de tu cliente mientras añades una nueva dimensión.
  • Funcionalidad: Los sitios web retro imitan estilos de diseño antiguos, pero priorizan la navegación y las funcionalidades modernas.

8 diseños web retro renovados

Aquí tienes ocho sitios web que utilizan elementos de diseño gráfico retro para transportarnos a épocas muy queridas.

1. Breakfast

A screenshot of Breakfast’s website with a pixelated photo of mountains, an egg as the sun, an air balloon made from an egg shell, and palm trees

Breakfast es un estudio de música creativa con sede en Los Ángeles (LA) que cuenta con un sitio web inspirado en el estilo retro de Hollywood de los años 60, evocando la popular escena musical de Laurel Canyon, cuando los estudios de grabación surgían por toda la ciudad. Utilizan imágenes en tonos sepia desgastados para representar fotografías antiguas de Hollywood, además de gráficos que conectan directamente con el querido pasado musical: un interruptor de estudio de grabación antiguo, un huevo que parece un control de volumen y un casete. Combinar este collage retro con fuentes modernas ayuda a crear un ambiente divertido y colorido.

Estas tácticas ayudan a que el sitio encarne la época para despertar la nostalgia de los amantes de la música.

2. The Checkout de Klarna

A screenshot of The Checkout’s website with the text “The Checkout 2022” over a picture of a hat

The Checkout, del agregador minorista Klarna, es un informe anual que analiza las tendencias de compra. Aunque no es un sitio web de juegos retro, su versión de 2022 utiliza una pixelación al estilo de los videojuegos en el encabezado y en parte del texto al pasar el cursor.

The Checkout utiliza estos elementos de videojuegos para conectar la gamificación (cuando un sitio emplea tácticas de videojuegos en un diseño que no es un juego) con las compras, ya que la mayoría de las tiendas de comercio electrónico incorporan alguna forma de gamificación. Por ejemplo, cualquier sitio que recompense a los compradores utiliza una forma sutil de gamificación. Al igual que un videojuego que ofrece monedas o puntos, estos sitios recompensan el comportamiento del usuario, como realizar compras, proporcionar información de contacto o dejar reseñas, para mantener a los usuarios "jugando": comprando en el sitio. La táctica de gamificación de Klarna consiste en hacer que explorar el sitio sea divertido para los usuarios, aclarando imágenes excesivamente pixeladas a medida que hacen clic o pasan el cursor sobre ellas. Cuanto más tiempo pasan los usuarios en el sitio, mayor es la probabilidad de que interactúen con algo.

3. Peachtree Wellness

A screenshot of the Peachtree Wellness website with a curling rainbow line around a CBD bottle and the text “CBD for the Soul” in the top left

Peachtree Wellness, con sede en Atlanta, se especializa en productos de CBD y hongos medicinales. Sus diseñadores, Tritium Marketing, eligieron un estilo retro de los años 60 y 70, con colores de arcoíris desvanecidos y gráficos burbujeantes y envolventes, para conectar los productos con la época en la que estos ingredientes ganaron popularidad.

El eslogan "CBD para el alma" sugiere que estos productos son holísticos y están destinados a mejorar el bienestar. Para conectar con esta idea, el estilo retro nos recuerda a las camisetas con frases como "Stay Calm and Carry On" y "Good Vibes Only", populares en los años 60 y 70, reforzando la idea de que estos productos pueden ayudarnos a relajarnos.

Empieza gratis

Crea sitios web personalizados y escalables, sin escribir código. Empieza a construir en Webflow.

→
↗
►
↓
←
↑
Leer ahora

4. Non-os

A screenshot of the Non-os website that looks like Windows 3.1

Nilay Nishit, un diseñador de interacción y experiencia de la India, creó non-os. Para expresar su amor por las antiguas interfaces informáticas, diseñó un sitio web que se asemeja al Windows 3.1 original, lanzado en 1992, completo con iconos simplificados para los enlaces de las páginas. Esto significa que el sitio sigue siendo navegable a la vez que añade interés visual con elementos retro.

5. Daiya Droids

A screenshot of Daiya Droid’s website with a menu selection that looks like Windows 3.1.

Fra Mauro diseñó el sitio de NFT Daiya Droids, optando también por el aspecto de monitor antiguo. Fra presenta el contenido del sitio a través de un viejo monitor de televisión para asemejarse a una interfaz que nunca salió de la fase de PC de los años 80. Con iconos que recuerdan a Windows 3.1, Daiya vende una de las piezas de tecnología más modernas a través de una lente totalmente vintage.

6. Astro Forge

A screenshot of the Astro Forge website with the words “Astro Forge” against a gray background

Astro Forge es una empresa que planea extraer recursos de asteroides, por lo que el juego arcade retro del sitio, que se parece al juego "Asteroids" de 1979, tiene todo el sentido. Incluso añadieron imágenes de personajes pixelados que, al pasar el cursor sobre ellos, se mueven como cuando eliges un personaje en un videojuego. Crear un sitio que se parezca al juego lo hace interactivo y memorable, a la vez que comunica la misión de la marca.

7. Simon Perini

A screenshot of Simon Perini’s website with a poster, drawings, and T-shirt designs


Paul Hanna expresa la marca del artista Simon Perini con un sitio de portafolio en tonos sepia que utiliza líneas, formas, texturas retro y la paleta de colores desgastados por el sol de la cultura del surf de los años 70 para combinar con los diseños vintage de Simon. Los mejores diseños de sitios web mantienen el contenido coherente y fiel a la marca para contar la historia de un cliente o artista. Este sitio conecta fuentes, gráficos y tonos de color para comunicar el estilo artístico del creador.

Crea tu sitio web retro en Webflow

Las tendencias de diseño web evolucionan constantemente, y lo que resuena con los usuarios cambia a diario. Lo más importante es elegir un diseño de sitio que exprese eficazmente lo que ofrece tu cliente para asegurar a los visitantes que este producto o servicio resuelve sus problemas.

Webflow ofrece plantillas sin código que se adaptan a cada audiencia y época: empieza hoy mismo.


Última actualización
April 12, 2023
Categoría

Artículos relacionados

10 estilos de diseño gráfico para ayudarte a crear el tuyo propio
10 estilos de diseño gráfico para ayudarte a crear el tuyo propio

10 estilos de diseño gráfico para ayudarte a crear el tuyo propio

10 estilos de diseño gráfico para ayudarte a crear el tuyo propio

Diseño
Por
Equipo de Webflow
,
,
Leer artículo
10 sistemas de navegación web únicos
10 sistemas de navegación web únicos

10 sistemas de navegación web únicos

10 sistemas de navegación web únicos

Diseño
Por
Jeff Cardello
,
,
Leer artículo
Cyberpunk y vaporwave: una mirada al retrofuturismo
Cyberpunk y vaporwave: una mirada al retrofuturismo

Cyberpunk y vaporwave: una mirada al retrofuturismo

Cyberpunk y vaporwave: una mirada al retrofuturismo

Diseño
Por
Jeff Cardello
,
,
Leer artículo
Por qué ya toca que vuelva el dadaísmo
Por qué ya toca que vuelva el dadaísmo

Por qué ya toca que vuelva el dadaísmo

Por qué ya toca que vuelva el dadaísmo

Diseño
Por
Joanna Rutter
,
,
Leer artículo
¿Qué es el diseño 3D?
¿Qué es el diseño 3D?

¿Qué es el diseño 3D?

¿Qué es el diseño 3D?

Diseño
Por
Nick Babich
,
,
Leer artículo
Una inmersión profunda en el brutalismo
Una inmersión profunda en el brutalismo

Una inmersión profunda en el brutalismo

Una inmersión profunda en el brutalismo

Diseño
Por
Jeff Cardello
,
,
Leer artículo

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.