Danae Salinas Islas

ene 1114 min.

Tendencias de diseño web que dominarán las pantallas en 2024

Actualizado: jun 29

Parece que el año 2023 fue un período de intensificación y cambios significativos en varios aspectos. Las tendencias en línea se aceleraron, la economía comenzó a recuperarse, la inteligencia artificial adquirió mayor relevancia, Twitter experimentó cambios importantes (quizás volviéndose más caótico), y las marcas enfrentaron desafíos para destacarse en medio de tanto ruido.

En cuanto al diseño web, las tendencias se adaptaron al contexto cultural. La tendencia maximalista se consolidó en nuestras pantallas, los usuarios siguieron buscando conexiones a través de la nostalgia de la era 2000 y los primeros días de Internet. Los diseñadores se sumergieron en herramientas de inteligencia artificial y reflexionaron sobre la velocidad con la que todo está cambiando.

Con esto en mente, en Wix, estamos realizando algunas predicciones sobre las tendencias de diseño web que es probable que veamos más frecuentemente en 2024.

  1. Maximalismo

  2. Arte renacentista

  3. Glamour retro 

  4. Mundos surrealistas

  5. Inteligencia artificial

  6. Diseño dial-up

  7. Retro-futuro femenino

  8. Estilo Gen Z

  9. Diseño Bentobox

  10. Efecto toggle

  11. Botones grandes

  12. Desplazamiento en bucle

  13. Pies de página y títulos de gran tamaño

1. Maximalismo

En una ocasión, Dieter Rams expresó su idea de que “un buen diseño es aquel que implica la menor cantidad de elementos”. Esto promovía un enfoque minimalista. Sin embargo, el maximalismo contrasta directamente con esta filosofía. En el mundo del diseño web, el maximalismo se ha convertido en la principal tendencia en 2023 y se espera que siga influyendo en 2024. Este estilo abraza una estética llamativa, con gráficos impactantes, colores vibrantes que generan emociones positivas, fuentes de texto expresivas y una imagen visual generalmente impactante.

A pesar de que se pensaba que el maximalismo podría llegar a saturar el mercado, tanto tú como otros consumidores continúan adoptando la idea de “más es más”. Esta tendencia se ha popularizado, especialmente en las marcas de bienes de consumo envasados, alimentos y bebidas, así como en marcas emergentes dirigidas a un público más joven. Ejemplos notables incluyen el exitoso cambio de imagen de JKR para Fanta, con colores divertidos y vibrantes, y el estilo llamativo en el sitio web de la famosa chef Molly Baz (junto con su nuevo libro “More is More”, creativamente diseñado por Playlab Inc.). Además, la transformación innovadora de Collins para Freeform, un servicio de streaming propiedad de Disney, ilustra aún más la adopción del maximalismo.

Dentro del mundo del maximalismo, han surgido tendencias más específicas, como el renacimiento de estilos pasados y la revitalización de la estética retro inspirada en los años ochenta. Estas tendencias no solo se ven en aspectos particulares de los sitios web, sino también en la imagen general de las marcas. Mirando hacia 2024, se espera que el maximalismo siga evolucionando mientras se vuelve más común en el mercado. Los diseñadores seguirán explorando nuevas formas de expresión estilística dentro de este enfoque de “más es más”, en busca de maneras innovadoras de destacarse entre el ruido visual y satisfacer las cambiantes demandas de sus clientes.

Ejemplo de la tendencia del maximalismo en el diseño web:

Diseño de Ashger Zamana

2. Arte renacentista

Esta subcorriente del diseño web maximalista se inspira en la opulencia, los detalles minuciosos y la extravagancia que caracterizaron a los movimientos artísticos barroco y rococó en los siglos XVII y XVIII. Se aleja de la estética visual extremadamente sencilla y estandarizada que ha predominado recientemente, y vuelve a una herencia visual más lujosa y ornamentada.

Este resurgimiento se debe en parte a los avances tecnológicos que ahora permiten resoluciones más altas y pantallas más grandes, lo que brinda a los diseñadores la capacidad de incluir detalles más elaborados.

El cambio de marca de Burberry en febrero causó sensación al reintroducir su logotipo con letras en azul cobalto y el icónico motivo ecuestre de 122 años de antigüedad. Este movimiento audaz, que rompe con la tendencia de las marcas de moda de lujo de utilizar principalmente fuentes de letra sin adornos, se convirtió en un tema destacado este año en plataformas de diseño como Twitter, conocido ahora como X.

En televisión, los gráficos de la serie White Lotus de Plains of Yonder se inspiraron en murales soleados que evocan las villas italianas del siglo XVI. Esta estética lujosa y evocativa, junto con una sensación de artesanía atemporal hecha a medida, se extendió a varios ámbitos digitales, desde perfumes hasta conservas de pescado e incluso sitios web de champú para perros. Este alejamiento de los diseños sin adornos que dominaron las pantallas durante años marcó un cambio refrescante. Además, es un indicio temprano de nuevas interpretaciones del maximalismo, lo que sugiere su creciente popularidad en distintos dispositivos a medida que la estética continúa evolucionando en 2024.

Ejemplo de la tendencia del arte renacentista en el diseño web:

Diseño de Ido Israeli

3. Glamour retro 

Otra variante del maximalismo se inspira en la extravagancia visual y la exclusividad que se vinculan con los excesos de los años 80 y principios de los 90. Esta corriente se ve reflejada en el éxito de nuevas empresas como Vacation, una marca de protector solar, la bodega Rochambeau Club, exclusiva para miembros, y Rocco, una marca de neveras para vino de $1500 enfocada en el diseño y dirigida a una clientela sofisticada que busca un estilo de vida lujoso.

Esta aproximación utiliza varios elementos nostálgicos, como texturas de fondo granuladas, suaves degradados de un solo color y una fuerte dependencia de la fotografía con un estilo vintage. También incorpora técnicas de maquetación de revistas clásicas, como motivos de líneas finas y bordes en las imágenes. En cuanto a la elección de fuentes, se utilizan letras semi-serif y serif finas que complementan el aire retro, junto con estilos de caracteres secundarios.

El estilo retroglam no se limita solo a la estética visual de los medios impresos de los años 80. Pepsi, en su 125 aniversario, adoptó este diseño al revivir su identidad visual de mediados de los 80 e incorporar clips vintage de Madonna. Asimismo, la marca de cuidado corporal Billie recurrió al estilo kitsch y exagerado que recuerda a los infomerciales del pasado para su reciente campaña digital. Estos ejemplos muestran cómo marcas de diferentes sectores están adoptando la tendencia retroglam al incorporar elementos nostálgicos en sus identidades para atraer a un público que busca un encanto vintage mezclado con un atractivo moderno.

Ejemplo de la tendencia del glamour retro en el diseño web:

4. Mundos surrealistas

Este año, las marcas han adoptado una estrategia de diseño integral que va más allá de simples tablones de anuncios. Han creado mundos de marca imaginarios que abarcan sitios web, redes sociales y envases. Este enfoque no se trata solo de vender productos; es una invitación para que las personas se sumerjan en una historia atractiva, creando una comunidad vibrante, imaginativa y auténtica, sin importar dónde se encuentren los clientes potenciales.

Empresas de cuidado de la piel como Futurewise, Starface y Dieux Skin han sobresalido al construir universos de marca visualmente coherentes. De manera similar, Flamingo Estate ha demostrado esta habilidad, al igual que Vacation, que ha expandido su universo retro de ocio mediante colaboraciones ingeniosas con marcas reconocidas como el fabricante de pelotas de tenis Prince y AriZona Beverage Company. Estos esfuerzos muestran cómo las marcas están ampliando sus historias y creando experiencias unificadas que resuenan a través de múltiples puntos de contacto.

Mirando hacia el 2024, la tendencia de construir mundos alrededor de la marca parece ser una práctica que prevalecerá. A medida que los puntos de contacto con los consumidores sigan diversificándose, es probable que este enfoque crezca y brinde a las marcas la oportunidad de interactuar con el público de formas variadas y envolventes, lo que en última instancia fomentará conexiones más profundas y la lealtad hacia la marca.

Ejemplo de la tendencia de mundos surrealistas en el diseño web:

5. Inteligencia artificial

Las herramientas de inteligencia artificial se han integrado de manera fluida en varios aspectos de nuestros procesos de diseño. Ofrecen una valiosa ayuda en la generación de ideas, la creación de contenido, la planificación visual, la producción de imágenes y videos, e incluso crear una pagina web con IA por completo.

Plataformas como Synthesia han permitido a los usuarios crear avatares de video y voces en off personalizados. A su vez, generadores de texto a imagen como Midjourney y Dall-E han dado lugar a estudios creativos impulsados por la IA, como Maison Meta, que producen campañas publicitarias excepcionales generadas por IA, como las vallas publicitarias reales de Revolve. Esta tecnología también ha llegado por primera vez a los creadores de sitios web, como Wix Studio, que ofrece funciones de diseño web basadas en IA en su editor. Getty Images y Adobe Firefly han introducido generadores de texto a imagen basados en amplias bases de datos de fotos de archivo para abordar posibles problemas de derechos de autor, aunque algunos creativos tienen opiniones divididas al respecto.

A pesar del aumento de popularidad de las herramientas de IA, muchos diseñadores muestran precaución al adoptar cada nueva aplicación gratuita de este tipo. La incertidumbre sobre cómo evolucionará esta tecnología en 2024 sigue siendo un factor importante. Sin embargo, lo que sí podemos afirmar es que la IA continuará desempeñando un papel crucial en las conversaciones sobre diseño y tecnología. A medida que sus capacidades se expanden y perfeccionan, los diseñadores exploran tanto el potencial como las limitaciones de la IA en sus procesos creativos. Todo esto sucede mientras la IA sigue moldeando de manera significativa el futuro del diseño y la tecnología.

Ejemplo de la tendencia de la inteligencia artificial en el diseño web:

Diseño de Halel Edri

6. Diseño dial-up 

Existe un resurgimiento de nostalgia en el diseño que se remonta a los primeros días de Internet, donde había comunidades en línea específicas, tecnología limitada y un ambiente creativo más libre sin restricciones de marca. Los diseñadores web actuales se inspiran en la época de Geocities, y buscan incorporar elementos de aquel entonces, como los memes y el estilo visual de los años 2000, con la estética de MS Paint y el arte de la palabra, en su trabajo actual.

Empresas destacadas como Droga5 y Wieden + Kennedy, junto con nuevos lanzamientos como el sitio web Byline centrado en la cultura de Internet, la aplicación NoSpace para la Generación Z, la empresa de medios BoysClub dirigida por mujeres para quienes están siempre en línea, y publicaciones como BusinessWeek, son ejemplos de esta tendencia. Este resurgimiento del estilo de los años 2000 sugiere que seguirá siendo prominente en el diseño a medida que avanzamos hacia el próximo año.

En el panorama actual del diseño, los memes han ganado aceptación como elementos de diseño, a veces preferidos, especialmente para marcas que buscan llegar a grupos demográficos más jóvenes, como millennials, la generación Z y la generación Alfa. Comunidades en redes sociales como Seamoss Girlies, Boys Club, la marca de píldoras del día después Julie, y la aplicación de mensajería Ghost ejemplifican esta tendencia que se ve en Instagram.

Las marcas utilizan elementos de baja fidelidad para reaccionar rápidamente a las tendencias fugaces de Internet, como colaboraciones con hashtags populares. Una sorpresa en esta tendencia es Celestial Seasonings, una empresa de té clásica de los 90, cuya mascota, el oso Sleepytime, se convirtió inesperadamente en un meme de Internet. La marca adoptó este cambio inesperado, aprovechando su nueva popularidad en línea a través de su presencia oficial en las redes sociales.

Ejemplo de la tendencia del diseño dial-up en el diseño web:

7. Retro-futuro femenino

Está emergiendo una nueva tendencia estética en Internet que inspira diseños web basados en la estética kawaii, un estilo japonés encantador y adorable. Es como el hermano menor del diseño de la era de la conexión dial-up. De esta tendencia de diseño web emana un aura hiperfemenina y juguetona, adoptada por agencias de moda como Air Milkshake, que se enfocan en marcas “it-girl”, e incluso por nombres reconocidos como Coach. Estos diseños están decorados con elementos como corazones, lazos, mariposas y mucho encanto femenino. Esta tendencia se entrelaza con movimientos de moda como el balletcore y el coquettecore, y se alinea con la creciente popularidad de estilos femeninos de diseñadoras como la muy valorada Sandy Liang.

El auge del diseño femenino en 2023 representa un quiebre con las normas tradicionales del diseño web corporativo, lo que indica una preferencia entre los consumidores, especialmente los más jóvenes, por algo fresco y diferente a la estética simple y aburrida que ha predominado. Según la consultora creativa Digital Fairy, la expresión creativa que recuerda a la primera era de Internet, presente en plataformas como Myspace, Tumblr y Blingee, sigue siendo relevante para los diseñadores actuales. Este encanto duradero motiva a los diseñadores a reinterpretar y revitalizar la entrañable estética kawaii, llevándola hasta 2024. Este enfoque es muy solicitado por clientes que buscan atraer a una audiencia joven y familiarizada con el mundo digital, y mantener su relevancia y su influencia en el cambiante panorama del diseño web.

Ejemplo de la tendencia del retro-futuro femenino en el diseño web:

Diseño de Ido Israeli

8. Estilo Gen Z

En los últimos años, la Generación Z ha tenido un gran impacto en las decisiones de compra, y muestra una tendencia similar a la observada entre los millennials. En el panorama del diseño para el año 2024, una estética muy particular se está perfilando como el símbolo generacional predominante.

La estética de la Generación Z engloba una mezcla única de vitalidad, eclecticismo y fluidez digital. Logra combinar influencias retro con estilos contemporáneos al utilizar colores vibrantes que evocan la nostalgia de los años 90 y principios de los 2000, al mismo tiempo que abraza un enfoque maximalista en lo tecnológico. Características visuales clave incluyen efectos que recuerdan a los folletos del año 2000, pegatinas, iconos brillantes, lentes de ojo de pez y una paleta de colores neutros como el amarillo, el morado lila y el verde vivo. Estos elementos se han convertido en señales distintivas de la estética única de la Generación Z, y las marcas están integrándolos de manera impactante.

Las marcas están capturando con precisión estos elementos que identifican a la Generación Z para conectarse con este poderoso grupo demográfico de consumidores. Marcas de renombre como Nike están adoptando esta estética, al igual que marcas de maquillaje y cuidado de la piel como Billie y Good Weird. Incluso plataformas como Diem, un motor de búsqueda social, y servicios de comestibles como Superette, ofrecen un diseño atractivo que se alinea con la estética de la Generación Z y capitalizan su atracción para aprovechar el considerable poder adquisitivo de este grupo demográfico. Este cambio cultural en el diseño y el lenguaje visual refleja la evolución de los gustos y preferencias de la Generación Z, que influencia el compromiso de las marcas y las interacciones de los consumidores en diferentes industrias.

Ejemplo de la tendencia del estilo Gen Z en el diseño web:

Diseño de Johnny Orel

9. Diseño bentobox

El concepto “to box”, inicialmente creado para organizar comidas de manera efectiva, ha encontrado su lugar en el ámbito digital y ha cautivado tanto a diseñadores como a clientes. Esta estructura de interfaz de usuario presenta un diseño versátil y compartimentado que organiza de manera eficiente los elementos digitales en secciones distintas y funcionales. Reconocido por su flexibilidad, este diseño fácil de usar mejora la experiencia del usuario al presentar información de forma visualmente atractiva y fácil de entender, y va más allá de los diseños de cuadrícula convencionales.

Sitios web como Workshop Survival Guide y Prowl Studio son ejemplos de la tendencia “caja bento” con secciones bien organizadas y espacios mínimos entre elementos. Sin embargo, esta tendencia no se limita a la rigidez, sino que también incorpora elementos divertidos. Por ejemplo, el estudio creativo Schoooool y la marca para padres primerizos Swehl, avalada por Vogue, utilizan esquinas ligeramente redondeadas, mientras que Mode Analytics experimenta con combinaciones de colores refrescantes.

Se espera que esta tendencia, que está en camino hacia su punto más alto, continúe siendo popular durante 2024. Su atractivo radica en su capacidad para equilibrar la organización estructurada con detalles divertidos para ofrecer un diseño web visualmente cautivador y centrado en el usuario, con el que se identifiquen tanto los diseñadores como los usuarios.

Ejemplo de la tendencia del diseño bentobox en el diseño web:

Diseño de Ido Israeli

10. Efecto toggle

El “interruptor” o toggle switch, comúnmente usado en sitios para móviles, está expandiendo su presencia a las experiencias en computadoras de escritorio, lo que muestra una nueva versatilidad y diversión funcional. Los diseñadores cada vez integran más estos interruptores en las interfaces de escritorio para añadir un toque divertido y una utilidad práctica.

Un buen ejemplo es el sitio web de la banda sonora de la película Barbie, donde un interruptor permite cambiar fácilmente entre las perspectivas de Barbie y Ken al ver la edición especial del álbum de vinilo. Esta función interactiva mejora la experiencia del usuario al combinar funcionalidad con una historia divertida.

Más allá de su aspecto divertido, los interruptores tienen una función importante. Por ejemplo, Lusion Lab utiliza interruptores para cambiar entre modos de lista y de cuadrícula, mientras que Contra ofrece la opción de seleccionar temas claros u oscuros. Esta flexibilidad permite a los sitios web adaptarse a las preferencias de los usuarios para mejorar la accesibilidad y la interactividad.

En 2024, la tendencia de incorporar elementos de diseño inspirados en móviles en interfaces de escritorio continuará creciendo. La introducción de interruptores en computadoras de escritorio es solo una parte de esta tendencia más amplia que demuestra la evolución del diseño web y su capacidad para satisfacer las expectativas de los usuarios en diferentes dispositivos. Esta tendencia no solo añade elementos interactivos, sino que también contribuye a la accesibilidad general y a la experiencia del usuario en las interfaces de escritorio.

Ejemplo de la tendencia del efecto toggle en el diseño web:

Diseño de Johnny Orel

11. Botones grandes

Recientemente, ha surgido un elemento singular pero llamativo dentro del diseño maximalista: el enfoque en botones de gran tamaño. Ejemplos notables incluyen el enorme botón “Inscríbete en la lista de espera” de la revista Lovers o el botón de descarga de Rekki, que prácticamente ocupa toda la pantalla y muestra, de manera espectacular, esta tendencia.

Esta preferencia por botones de gran tamaño podría deberse a la disminución de la capacidad de atención de los usuarios, quienes buscan señales visuales más grandes para las acciones importantes. También podría relacionarse con la creciente integración de funcionalidades móviles en las interfaces de escritorio. Sin importar la razón, estos botones llamativos atraen la atención y son imposibles de ignorar.

Al parecer, como respuesta al comportamiento de los usuarios y a la necesidad de más interactividad, la estrategia de usar botones de gran tamaño parece destinada a continuar siendo una solución efectiva para aumentar las tasas de clics. Mirando hacia el 2024, es probable que esta tendencia siga siendo prominente en el diseño web, y servirá como una herramienta poderosa para impulsar la participación y la interacción de los usuarios.

Ejemplo de la tendencia de los botones grandes en el diseño web:

Diseño de Johnny Orel

12. Desplazamiento en bucle 

La introducción del desplazamiento en bucle en los sitios web ha generado una sensación de agotamiento mental y de estar atrapado en un ciclo interminable. Esta opción de diseño ofrece una experiencia de desplazamiento continua y sin fin, lo que permite una navegación fluida a través del contenido. Sin embargo, este bucle perpetuo, ejemplificado por sitios como Lusion Lab y Nobel Foods, puede resultar agotador para los usuarios, ya que anhelan un punto final claro, como un pie de página.

En contraste, el diseño de la historia de la marca Lacoste presenta un equilibrio diferente. Ofrece a los usuarios una cantidad significativa de contenido narrativo, que permite un viaje de desplazamiento a través de la historia que finaliza con un pie de página de gran tamaño. Este pie de página actúa como un punto final visual satisfactorio, y ofrece un cierre después de una extensa exploración narrativa.

En 2024, la postura de la industria con respecto al desplazamiento en bucle sigue siendo incierta. Aunque ha encontrado su lugar en sectores creativos como la moda y en sitios web de venta directa al consumidor (DTC) más pequeños, su adopción por parte de las grandes marcas aún genera debate. Algunos prefieren que esta tendencia se quede en el pasado, ya que el diseño de bucle perpetuo, si bien es intrigante, puede dejar a los usuarios buscando una conclusión clara a su experiencia de navegación.

Ejemplo de la tendencia del desplazamiento en bucle en el diseño web:

Diseño de Halel Edri

13. Pies de página y títulos de gran tamaño 

Alejándose de las convenciones habituales del diseño, los pies de página y los títulos, que solían tener un papel secundario en el diseño de sitios web, están tomando un papel más destacado. Los diseñadores están estratégicamente rompiendo las jerarquías visuales para dar un reconocimiento inequívoco a las marcas menos conocidas. Ejemplos como los cautivadores videos de cabecera de Sturdy RCA, Powell-Studio y Atio, donde los títulos dominan toda la pantalla por encima del área visible inicial, muestran esta tendencia de resaltar la importancia de los títulos de marca.

Este cambio en la estrategia de diseño no se limita a los estudios especializados, sino que también ha impactado a marcas de consumo masivo. Marcas como Rhode, la línea de cuidado de la piel de Hailey Bieber, Starface, dirigida a la Generación Z, y grandes marcas de bienes de consumo como Twice, están adoptando este enfoque. Posiblemente influenciada por la popularidad creciente de tipos de letra expresivos y personalizados, esta tendencia busca mostrar tipografías complejas y distintivas. Cuando se utilizan fuentes personalizadas decorativas, los diseñadores buscan un amplio espacio para exhibirlas.

Como resultado, elementos a menudo olvidados en el diseño web, como los encabezados y los pies de página, ahora asumen un papel más importante. En el próximo año, podemos esperar que estos elementos ganen aún más relevancia al ocupar más espacio en pantalla a medida que el diseño web continúe evolucionando. Habrá un enfoque en la tipografía audaz y se replanteará la jerarquía visual tradicional para resaltar y dar identidad a las marcas.

Ejemplo de la tendencia de pies de página y títulos de gran tamaño en el diseño web:

Diseño de Johnny Ore

Conclusión

En síntesis, las tendencias de diseño web que marcarán el ritmo en 2024 reflejan una notable evolución estética y de enfoque. Desde el vibrante maximalismo hasta la nostalgia del renacimiento cultural y el encanto retro, el diseño web abraza la diversidad para cautivar a los usuarios. La construcción de mundos de marca, impulsada por la narrativa, se vuelve crucial, mientras que las herramientas de inteligencia artificial (IA) transforman la creatividad y el proceso de diseño.

El diseño dial-up, inspirado en la nostalgia de los primeros días de Internet, y el estilo retrofuturista femenino, con su estética kawaii, dan paso a expresiones distintivas y frescas. La influencia de la Generación Z se manifiesta en una estética visual que fusiona lo retro con lo contemporáneo. La tendencia de diseño bentobox organiza eficientemente los elementos digitales, mientras que el uso de interruptores y botones de gran tamaño resalta la interactividad y las llamadas a la acción.

Si bien el desplazamiento en bucle ofrece una navegación fluida, suscita interrogantes sobre la satisfacción del usuario, mientras que los pies de página y los títulos de gran tamaño desafían las normas al otorgar prominencia a elementos antes subestimados. En conjunto, estas tendencias anticipan un año emocionante y diverso en el diseño web, donde la creatividad, la narrativa y la adaptabilidad juegan roles fundamentales.