Rediseños web 2026: qué han cambiado las grandes marcas

Volver al blog

Rara vez se concentran tantos rediseños web grandes en tan poco tiempo. Entre enero y agosto de 2026, Stripe, Airbnb, YouTube, Xbox, Google, Apple, Netflix, Tinder y Coca-Cola han rehecho su diseño digital, y no con retoques cosméticos: páginas de inicio reconstruidas desde cero, tipografías nuevas, sistemas de movimiento nuevos y, en varios casos, un cambio de dirección estética que rompe con la década anterior. Por el camino ha habido también dos fracasos sonoros, que es de donde más se aprende.

Este es el resumen de lo que ha cambiado, con fecha y responsable:

MarcaFechaQué cambióQuién lo firma
Stripe2026Página de inicio rehecha, la primera en seis años: bento grid, contador del PIB en vivo y modales en lugar de páginas nuevasEquipo interno (Katie Dill)
YouTube20 eneroTipografía propia, nuevo marco de ilustración y primer sistema de identidad en movimientoYouTube Creative Studio, con Sharp Type
Xbox23 abrilSe retira «Microsoft Gaming» y vuelve la esfera verde, ahora con tratamiento de cristalMicrosoft
Spotify14 mayoIcono cromado de aniversario. Revertido en días tras el rechazo de los usuariosSpotify
Google Workspace18 mayoIconos con degradados y color dominante: cae la regla de los cuatro coloresGoogle
Apple8 junioCorrecciones a Liquid Glass y control de transparencia para el usuarioApple
NetflixJunioRefresco de la interfaz web, en pruebas: fichas redondeadas y etiquetas sobre la carátulaNetflix
Tinder17 julioWordmark en mayúsculas, serif de titulares y el swipe convertido en sistema de movimientoPorto Rocha
Coca-Cola20 julioUn solo sistema visual para más de 200 mercados, con Brand Center propioCoca-Cola
Airbnb2026De buscador de alojamiento a plataforma de servicios y experiencias, con fichas reescritas para agentes de IAEquipo interno

Cronología de los ocho rediseños fechados de 2026 sobre un eje horizontal: el 20 de enero YouTube estrena su primera identidad en movimiento; el 23 de abril Xbox vuelve al verde con un logotipo de cristal; el 14 de mayo Spotify lanza un icono cromado que revierte en días, marcado en coral como el único fracaso de la serie; el 18 de mayo Google despliega los iconos de Workspace con degradados; el 8 de junio Apple corrige Liquid Glass con un control de transparencia; en junio Netflix empieza a probar su nueva interfaz web; el 17 de julio Tinder convierte el swipe en un sistema de movimiento; y el 20 de julio Coca-Cola unifica su identidad en más de 200 mercados

Si te interesa el panorama general, lo cubrimos en tendencias de diseño web 2026. Este artículo va a lo concreto: qué cambió exactamente en cada caso y qué patrones se repiten. Porque lo interesante no es el logotipo de ninguna de estas marcas: es que equipos muy distintos han llegado, más o menos a la vez, a conclusiones parecidas sobre cómo debe verse y funcionar un producto digital en 2026.

2026, el año en que el diseño plano dejó de ser la norma

Durante casi quince años, el diseño de interfaces se movió en una sola dirección: quitar. Fuera sombras, fuera texturas, fuera degradados, fuera todo lo que imitara un objeto físico. El resultado fue una década de logotipos planos casi intercambiables y de interfaces limpias hasta la indiferencia.

En 2026 la dirección se ha invertido. Los rediseños del año recuperan el volumen, el brillo y la profundidad, y lo hacen con una intención concreta: separar capas. Cuando una marca vive a la vez en un móvil, un televisor de 65 pulgadas, una consola y unas gafas, el diseño plano deja de ayudar a entender qué está encima de qué. El cristal y el degradado, mal usados, son decoración; bien usados, son jerarquía.

Pero el año no va solo de estética. Va también de webs reconstruidas por razones de negocio, y de una normativa europea que ha empujado a rediseñar a empresas que no tenían ninguna intención de hacerlo.

Los rediseños de web propiamente dichos

Stripe: un año de trabajo para una sola página

El rediseño de la página de inicio de Stripe es, con diferencia, el caso más instructivo del año para cualquiera que haga webs. Fue el primero en seis años, lo dirigió Katie Dill, responsable de diseño de la compañía, y se prolongó durante más de un año de trabajo. El proceso está contado en detalle por la propia Dill en la biblioteca de Y Combinator.

El problema de partida es el más común del mundo, solo que a escala de Stripe: la web anterior, de 2020, había ido acumulando parches y añadidos hasta convertirse en un scroll interminable que diluía el mensaje. Y la audiencia se había partido en dos extremos difíciles de servir a la vez: desde el autónomo que quiere cobrar con un enlace hasta la multinacional que necesita una arquitectura financiera completa.

Las decisiones concretas merecen atención:

  • Cuadrícula bento para presentar las líneas de producto (pagos, facturación, emisión de tarjetas, IA) sin obligar al usuario a leer en vertical durante diez pantallas.
  • Un contador del PIB en vivo en la parte superior, que cuantifica en tiempo real el volumen económico procesado por la plataforma. Es una decisión de confianza, no de decoración: sustituye tres párrafos de argumentario por un número que se mueve.
  • Modales y superposiciones en lugar de páginas nuevas para el detalle de cada producto, de modo que profundizar no implique perder el contexto ni cambiar de URL.
  • Se descartaron los acordeones tras la investigación con usuarios: preferían explorar sin tener que hacer clic constantemente para ver qué había dentro.
Comparación de la página de inicio de Stripe antes y después del rediseño de 2026. Arriba, la versión de 2020: una banda de degradado inclinada unos doce grados cruza la pantalla en diagonal de rosa a naranja, con el titular «Financial infrastructure to grow your revenue» en tipografía muy grande a la izquierda y, a la derecha, maquetas superpuestas de un formulario de pago y un panel de métricas. Abajo, la versión de 2026: fondo blanco con un degradado fluido en tonos naranja, rosa y violeta que entra desde la derecha, un contador en vivo arriba que marca «Global GDP running on Stripe: 1,69737857 %», el titular en dos tonos de azul y dos botones de llamada a la acción
La home de Stripe antes y después. Arriba, la versión vigente de 2020 a 2026, recuperada del Internet Archive; abajo, la actual. Capturas: yuGraphik. Sitio web: © Stripe.

La parte que más se ha citado, sin embargo, es cómo usaron la inteligencia artificial. El equipo la empleó para explorar prototipos a gran velocidad —veinte conceptos en el tiempo que antes daba para dos— pero con curaduría humana estricta en cada etapa, porque los resultados generados arrastran defectos de detalle e iluminación que internamente llaman slop. Llegaron a retrasar un mes el lanzamiento de unas animaciones hasta que las transiciones fueron realmente intencionadas.

La lección se resume en una frase de la propia Dill: una página de inicio no es solo una herramienta de venta, es el manifiesto del propósito de una empresa. Y en algo más prosaico: la IA acelera la ideación, el criterio humano define el resultado.

Airbnb: del buscador de alojamiento al compañero de viaje

Airbnb ha reestructurado a lo largo de 2026 su arquitectura web y móvil para dejar de ser un buscador de alojamiento y pasar a ser lo que la compañía llama un «compañero de viaje»: alojamientos, servicios y experiencias conviviendo al mismo nivel, con una pestaña de viajes convertida en itinerario vivo en lugar de en un listado de reservas.

Hay dos datos que explican el contexto. El primero lo dio Brian Chesky en la presentación de resultados del primer trimestre: cerca del 60 % del código que produce la compañía lo generan ya agentes de inteligencia artificial, aproximadamente el doble de la media del sector. El segundo es de diseño de contenido, y es el que más debería interesar fuera de Airbnb: la plataforma ha reorganizado la estructura semántica de sus fichas para que los agentes conversacionales puedan interpretarlas, penalizando las descripciones genéricas a base de viñetas y premiando las narrativas descriptivas que un modelo puede relacionar con la intención de quien busca.

Es la misma lógica que explicamos en nuestra guía de SEO para IA, aplicada a la ficha de producto: el contenido ya no se escribe solo para personas.

Netflix (junio): el rediseño que se prueba antes de lanzarse

En junio se conoció que Netflix estaba probando con un grupo limitado de usuarios un refresco de su interfaz web, después de haber renovado en los dos años anteriores la aplicación de televisión y la de móvil. Los cambios: fichas más redondeadas y con animaciones más ágiles, un fondo con degradado que responde al contenido destacado, etiquetas contextuales sobre la carátula («nueva temporada en camino», «añadido recientemente», «muy revisto») y una fila de juegos ascendida a segunda posición. La estructura general y las páginas de categoría se mantienen.

Lo interesante aquí no es el diseño, es el método. Netflix no lanza rediseños: los prueba durante meses, en mercados concretos, midiendo comportamiento antes de generalizarlos. Su renovación anterior, la de la interfaz de televisión, salió después de un año de pruebas en beta en varios mercados y llegó con un dato en la mano: más usuarios preferían el diseño nuevo que el antiguo. Aun así generó una oleada de quejas públicas en el lanzamiento, algo perfectamente compatible con que las métricas de uso fueran mejores. El ruido inicial de un rediseño y su rendimiento real son dos cosas distintas.

Las identidades que han cambiado

YouTube (20 de enero): la primera identidad en movimiento

YouTube abrió el año con el rediseño de marca más ambicioso, coincidiendo con su veinte aniversario. Lo llamativo no fue el logotipo —el rojo, el negro y el blanco se mantienen— sino todo lo demás.

La plataforma presentó YouTube Display, una tipografía propia desarrollada con la fundición Sharp Type a partir de la geometría del propio logotipo y con soporte para nueve sistemas de escritura, un nuevo marco de ilustración creado con Gesture Systems y, sobre todo, su primer sistema formal de identidad en movimiento, construido desde cero por el equipo interno de YouTube Creative Studio.

Espécimen de la tipografía YouTube Display: cinco líneas de texto en negrita muy condensada y de gran tamaño que combinan nueve sistemas de escritura distintos. Junto al icono rojo de reproducción de YouTube se leen palabras en alfabeto latino como YouTube, Music, Streaming, Sports, Channels y For you, entremezcladas con coreano, lao, tailandés, devanagari, japonés, árabe, hebreo, tamil y griego, todas compartiendo el mismo peso visual y la misma altura de mayúscula
Espécimen de YouTube Display, la tipografía que Sharp Type desarrolló a partir de la geometría del logotipo. Cubre nueve sistemas de escritura. Espécimen: © Sharp Type / YouTube.

Ese sistema de movimiento es la parte que más debería interesar a cualquiera que diseñe productos digitales. No es una animación bonita para el anuncio de televisión: es un conjunto de reglas sobre cómo se mueven los elementos de marca, pensado para escalar a web, iOS, Android, televisores conectados, consolas y dispositivos conectados. Incluye detalles tan específicos como un ligero temblor de cámara que imita el movimiento natural del contenido de los creadores.

El objetivo declarado era coser un ecosistema que se había ido separando: Shorts, Music, TV, Premium y Kids habían derivado en direcciones distintas de diseño y de tono. Lo resumió bien el diseñador Kieran Mistry en el anuncio: «cuando una marca vive en todas partes, corre el riesgo de no sentirse en ninguna». La meta era «un sistema que conecte sus muchas caras: unificado, pero nunca uniforme».

Xbox (23 de abril): el cristal verde y el fin de «Microsoft Gaming»

Microsoft retiró la marca «Microsoft Gaming» y volvió a poner Xbox en el centro, bajo el paraguas «We Are Xbox». El cambio visual fue igual de rotundo: el logotipo plano en blanco y negro que la marca arrastraba desde 2019 dio paso a una esfera verde luminosa con tratamiento de cristal, con sombreado, reflejos y un brillo esmeralda que recupera el verde original de la consola de 2001.

Es, técnicamente, una vuelta al skeumorfismo: un objeto que se comporta como si estuviera iluminado por un foco de estudio. Y está pensado para lienzos grandes. En un panel de tienda a 4K o en el fondo de una consola, el reflejo funciona y despega la marca del fondo negro; en un favicon de 16 píxeles, ese mismo detalle desaparece. Es el tipo de decisión que solo tiene sentido cuando sabes en qué superficie va a vivir tu marca la mayor parte del tiempo.

El despliegue fue rápido: el 1 de mayo el nuevo logotipo ya estaba disponible en las Series X|S como fondo dinámico, tema de perfil y avatar.

Google Workspace (18 de mayo): adiós a la regla de los cuatro colores

Google hizo el cambio más silencioso y probablemente el más visto por más gente. Tras filtrarse en previews a finales de abril, el 18 de mayo empezó a desplegar un sistema de iconos completamente nuevo para Gmail, Drive, Docs, Sheets, Slides, Calendar, Chat, Meet, Vids, Forms, Keep, Voice y Tasks: primero en el lanzador web y en la nueva pestaña de Chrome, después en iOS (completado el 26 de mayo) y por último en Android, completado el 4 de junio.

Lo sustancial no son los degradados, sino la regla que se rompe: Google abandona la norma que definía la era anterior, según la cual casi todos sus iconos tenían que llevar los cuatro colores corporativos. Ahora cada icono tiene un color dominante, degradados suaves y una geometría más redondeada que produce un efecto tridimensional sutil.

Comparación de los iconos de Google Workspace antes y después del rediseño de 2026, en dos filas de cinco: arriba las versiones de 2020 de Gmail, Drive, Calendar, Meet y Docs, planas y construidas con bloques segmentados en los cuatro colores corporativos azul, rojo, amarillo y verde; abajo las versiones de 2026, con un solo color dominante, degradados suaves y geometría más redondeada: Gmail conserva la M pero en degradado rojo, Drive pierde el rojo, Calendar pasa a azul con esquinas redondeadas, Meet vira a amarillo dominante y Docs mantiene el azul con degradado
Los cinco iconos principales de Google Workspace antes y después del rediseño. Iconos: © Google, marcas registradas de Google LLC.

Es un cambio con contrapartida. Los iconos ganan personalidad individual y pierden algo de reconocimiento inmediato como familia: Drive, por ejemplo, se queda sin el rojo que lo identificaba. Es el mismo dilema que aparece en cualquier sistema de marca con muchos productos, solo que a escala de miles de millones de usuarios.

Apple (8 de junio): Liquid Glass da marcha atrás

Apple no rediseñó nada nuevo en 2026: corrigió lo que había lanzado en 2025. Liquid Glass, el lenguaje visual traslúcido de iOS 26, iPadOS 26 y macOS 26, había recibido críticas persistentes por legibilidad —texto sobre fondos que se transparentan, contraste insuficiente, elementos que compiten con el contenido—. El 8 de junio de 2026 Apple anunció mejoras y, sobre todo, un control deslizante de transparencia que permite al usuario ajustar el efecto desde «ultra transparente» hasta completamente tintado.

Merece la pena señalar la paradoja: en mayo de 2026, Liquid Glass ganó un Gold Cube en los premios del Art Directors Club de Nueva York, dentro de una cosecha de seis galardones para Apple. Un diseño puede ser premiado y a la vez necesitar un ajuste de accesibilidad. No son cosas contradictorias, y esa es exactamente la lección: el efecto visual es una decisión de dirección de arte; la legibilidad no es negociable. Cuando chocan, la salida elegante es dar control al usuario, no defender el efecto.

Tinder (17 de julio): la marca convertida en personaje

Tinder presentó su primer rediseño de identidad en casi diez años, firmado por el estudio Porto Rocha. Cambió el logotipo en minúsculas por un TINDER en mayúsculas, afinó la silueta de la llama, amplió la paleta —rojos, rosas, azules y verdes, para representar un espectro emocional más amplio que el del romance— e incorporó una tipografía serif para titulares, un giro notable en una categoría dominada por las sans-serif redondeadas.

Dos decisiones destacan sobre el resto. La primera: Tinder tomó su gesto característico, el swipe, y lo convirtió en la base de un sistema de movimiento aplicable a toda la comunicación digital. Es el mismo movimiento que hizo YouTube, desde un punto de partida distinto. La segunda: la marca introdujo a «T», un personaje ficticio con papel de columnista de citas, encargado de sostener el tono de voz dentro de la aplicación. Es una apuesta arriesgada —los personajes de marca envejecen mal si no se alimentan— pero resuelve un problema real: el tono de voz de una app se diluye en cuanto lo escriben veinte personas distintas.

Coca-Cola (20 de julio): un solo sistema para más de 200 mercados

El movimiento de Coca-Cola no fue estético, fue de gobernanza. La compañía presentó un sistema visual único global que aplica a packaging, entornos de venta, equipamiento y experiencias digitales en más de 200 mercados, con despliegue inicial en Latinoamérica, Europa, Oriente Medio y Asia. Los elementos son los de siempre —la Dynamic Ribbon, el Arden Square, la caligrafía spenceriana, el rojo y el blanco— pero por primera vez con una sola definición común. Coca-Cola Zero Sugar se diferencia con un «Zero Sugar» de mayor tamaño, la cinta en negro y el tapón negro en las botellas de PET.

Lo dijo Arnab Roy, presidente de Coca-Cola Global Category, sin rodeos: «este refresco va de ser más claros y más consistentes en cómo aparecemos, allá donde la gente experimente nuestra marca». Y Rapha Abreu, vicepresidente global de diseño: «ahora, con una identidad visual sin costuras, podemos entregar una sola experiencia de marca reconocible».

La pieza que casi nadie ha comentado es la más interesante para quien trabaja en diseño: junto al sistema, Coca-Cola lanzó un Brand Center y herramientas de «Design Intelligence» para mantener la consistencia entre equipos internos y agencias. Es decir, el entregable no fue un manual en PDF. Fue infraestructura.

Y unos cuantos más

El año ha dado para mucho más. Threads sustituyó en mayo su tipografía derivada de Instagram Sans por unas letras propias diseñadas con Studio NARI. KFC presentó en junio una identidad más flexible, construida alrededor del cubo y pensada para plataformas digitales y contenido social. HONOR estrenó en julio su símbolo «Ring of HONOR». 7UP llegó en agosto con un logotipo vertical y colores más saturados. Harley-Davidson devolvió en abril su Bar & Shield histórico al centro de la marca.

Si se mira en conjunto, la lista tiene un aire de fin de ciclo: en casi todos los casos, lo que se abandona es una versión plana y minimalista adoptada entre 2015 y 2020.

Los dos fracasos que más enseñan

Spotify (14 de mayo): el logotipo que duró una semana

El 14 de mayo, Spotify sustituyó su icónico círculo verde con tres ondas por una bola de discoteca cromada, hiperdetallada y de estética retrofuturista, para celebrar su vigésimo aniversario. El rechazo fue inmediato y de una magnitud poco habitual: usuarios amenazando con cancelar la suscripción, exigiendo el despido de quien lo hubiera diseñado y, sobre todo, gente convencida de que la aplicación estaba fallando, de que aún estaba cargando o de que había instalado software malicioso. Spotify dio marcha atrás en cuestión de días, con un mensaje resignado en X: «sabemos que el brillo no es para todo el mundo; nuestro glow up temporal termina pronto».

Conviene ser justos: el cambio estaba planteado desde el principio como temporal. Lo que la reacción demostró no fue que Spotify se equivocara de estrategia, sino algo más fundamental sobre cómo funciona el reconocimiento visual en 2026. Nadie lee un logotipo en un icono de aplicación. Se reconoce una silueta y un color en fracciones de segundo, y cualquier cosa que interfiera con ese reflejo se interpreta como un error del sistema, no como una decisión de diseño. Un cromado con volumen puede ser precioso en una presentación de marca y volverse una mancha ilegible a dieciséis píxeles.

El contraste dentro de la propia compañía es aleccionador: un mes antes, el 16 de abril, Spotify había lanzado una aplicación rediseñada para tabletas en iOS y Android que no se limitaba a estirar los componentes del móvil, sino que aprovechaba el espacio con una navegación dual para descubrir contenido mientras se gestiona la reproducción. Ese rediseño, centrado en utilidad y ergonomía, pasó sin ruido y funcionó.

Jaguar: cuando se tira el capital de marca

El rediseño corporativo de Jaguar y su nuevo ecosistema web, bajo la campaña «Copy Nothing», es el caso de advertencia del año. En su transición hacia una gama exclusivamente eléctrica, la marca descartó de golpe el felino saltando y su estética de lujo heredada, y los sustituyó por una marca denominativa plana, tipografía experimental de aire tecnológico y una paleta de colores vibrantes y disonantes.

La reacción negativa fue histórica. El análisis es sencillo de resumir: al modernizarse tan agresivamente, Jaguar eliminó de una vez todos sus códigos reconocibles y décadas de capital visual acumulado, y el resultado aterrizó en un territorio genérico que alienó a su base de clientes sin resultar lo bastante auténtico para atraer a los nuevos. Es exactamente el error contrario al de Coca-Cola, que dedicó su rediseño de 2026 a reforzar sus activos de siempre en lugar de sustituirlos.

El sector financiero, donde más se nota el cambio

Durante años, el diseño web financiero fue sinónimo de sobriedad árida, jerga y azul corporativo. En 2026 eso se ha roto, y el sector se ha convertido en la referencia de diseño B2B. La tendencia común: la letra pequeña legal ha dejado de esconderse en el pie de página. Las divulgaciones de cumplimiento, los resultados de auditorías y los datos regulatorios aparecen arriba, como elemento de diseño, convirtiendo la burocracia en estética de autoridad.

EmpresaEnfoque del rediseñoQué demuestra
WiseTransparencia funcionalLa calculadora de comisiones va integrada en el propio hero. Demuestra la propuesta de valor sin pedirte que leas un párrafo
MercuryEditorial de lujo B2BPaleta sobria, mucho blanco y fotografía editorial atípica en banca: el mensaje es que tu dinero se gestiona con seriedad de alta costura
RobinhoodVanguardia tipográficaCon Porto Rocha, se aleja de la estética disruptiva inicial hacia un enfoque de «revista financiera», con tipografía propia Robinhood Phonic y el color «Robin Neon»
CoinbaseMinimalismo institucionalEspacio en blanco masivo y rechazo deliberado del neón cripto para proyectar confianza fiduciaria convencional

El detalle que atraviesa toda la categoría es tipográfico. Söhne en Stripe, Wise Sans, Klarna Title, Aeonik Pro en Revolut, Robinhood Phonic: en la cúspide del sector, la tipografía ya no se elige de un catálogo, se encarga como infraestructura de marca.

Agencias, museos e instituciones

Fuera de las grandes tecnológicas, 2026 ha dejado rediseños que merecen mención porque resuelven problemas muy reconocibles:

  • BBH hizo su primer rediseño de identidad en cuarenta y cuatro años, con Studio Drama: tres tipografías propias y un sistema de glifos en movimiento tridimensional, calibrado en Cavalry y After Effects, para encarnar su mantra fundacional («cuando el mundo hace zig, nosotros hacemos zag»).
  • 4Creative, el brazo creativo de Channel 4, construyó un sistema de logotipo colaborativo con más de ciento treinta variaciones diseñadas por distintos miembros del equipo: una identidad modular y perpetuamente inacabada.
  • Norton Museum of Art recuperó, de la mano de Koto, una marca denominativa de ochenta años encontrada en sus archivos. Inclinando la «N» cuarenta grados obtuvieron un recurso gráfico que actúa como contenedor de formas y trazados de texto en toda la web.
  • European Forest Institute reorganizó con Soapbox una base de datos laberíntica de investigación forestal en dos modos de navegación, «Conocimiento» y «Acción», según si el visitante viene a entender o a aplicar. Es una lección de arquitectura de la información: a veces el problema no es el contenido, es que no hay dos caminos distintos hacia él.
  • Wikimedia Israel rehízo en la primavera de 2026 su web heredada de 2012 con un objetivo muy concreto: aclarar visualmente la diferencia entre la organización local y Wikipedia, que el público confundía.
  • Cal OES, el servicio de emergencias de California, relanzó su plataforma priorizando el acceso a información crítica durante crisis, con aportaciones directas del público.

El motivo que no sale en las notas de prensa: la accesibilidad ya es obligatoria

Detrás de una parte de los rediseños europeos de 2026 no hay una tendencia, hay un plazo legal. Desde el 28 de junio de 2025 está en vigor la Ley 11/2023, de 8 de mayo, que transpone en España la Ley Europea de Accesibilidad (Directiva UE 2019/882) y obliga al sector privado a garantizar la accesibilidad de sus productos y servicios digitales.

Afecta de forma directa al comercio electrónico, la banca, los seguros, el turismo, las telecomunicaciones, las plataformas digitales y el desarrollo de software y hardware. El estándar técnico de referencia es la norma EN 301 549, basada en WCAG 2.1 nivel AA. Las sanciones se remiten a la normativa sectorial y, subsidiariamente, al régimen general de derechos de las personas con discapacidad, con multas que van de 301 a 1.000.000 de euros según la gravedad, además de la posible pérdida de acceso a subvenciones públicas como el Kit Digital. Hay un marco transitorio hasta 2030 para productos ya existentes, pero se espera progreso real desde ya.

En la práctica, esto se traduce en cuatro requisitos que condicionan decisiones de diseño:

  1. Contraste medido, no estimado. Mínimo 4,5:1 para texto normal y 3:1 para texto grande y elementos de interfaz esenciales. Aquí es donde chocan la moda y la ley: los modos oscuros con grises tenues, los textos sobre fotografía y las paletas pastel corporativas suspenden con frecuencia, y hay que auditarlos con herramientas, no a ojo.
  2. Operabilidad completa por teclado. Todo elemento interactivo —megamenús, filtros, pasarelas de pago— debe funcionar solo con el tabulador, con un estado de foco visible y contrastado.
  3. HTML semántico y ARIA. Etiquetas nativas correctas, jerarquía estable de encabezados y texto alternativo descriptivo en las imágenes informativas, para que los lectores de pantalla puedan interpretar la página.
  4. Áreas táctiles suficientes. Botones y enlaces con un tamaño mínimo de 48 × 48 píxeles en móvil, lo que obliga a diseños más espaciados.

Merece la pena señalar la ironía: la normativa está empujando en dirección contraria a la moda estética del año. El glassmorphism, los degradados sutiles y los modos oscuros de bajo contraste son exactamente lo que más problemas de conformidad genera. No es un argumento para no usarlos, es un argumento para medirlos.

Y hay un dato de negocio que suele olvidarse en esta conversación: más del quince por ciento de la población mundial vive con alguna discapacidad. Tratar la accesibilidad solo como riesgo de sanción es quedarse corto; es también una cuota de mercado que se descarta voluntariamente.

Los patrones que se repiten

1. La profundidad vuelve, y trae factura

Cristal, degradados, brillos y volumen están de vuelta en Apple, Google y Xbox. La factura tiene tres partidas: contraste (el texto sobre superficies traslúcidas suele incumplir WCAG si nadie lo mide, con las consecuencias legales del apartado anterior), rendimiento (los filtros de desenfoque cuestan caros en móviles modestos) y escalabilidad (un logotipo con reflejos y sombras se convierte en una mancha a 16 píxeles, como aprendió Spotify). Apple, que dispone de los mejores recursos del sector, tuvo que añadir un control de transparencia seis meses después.

2. El movimiento ya es parte de la identidad

YouTube, Tinder y BBH han formalizado sistemas de movimiento como entregable de marca, al mismo nivel que la paleta o la tipografía. Tiene sentido: la marca vive ahora en pantallas, y sin reglas comunes cada equipo anima a su manera. Para un proyecto de tamaño normal esto se traduce en algo muy concreto y muy barato: definir dos o tres duraciones, una curva de aceleración y una dirección de entrada, y usarlas en toda la web. Y respetar prefers-reduced-motion, siempre.

3. Se unifica lo que se había dispersado

YouTube cosiendo Shorts, Music, TV, Premium y Kids. Coca-Cola unificando 200 mercados. Xbox recogiendo lo que se había desperdigado bajo «Microsoft Gaming». Stripe ordenando una web que había crecido por acumulación de parches. El problema de fondo es el mismo: cuando una marca crece por acumulación de productos, el diseño se fragmenta. La versión pyme de este problema existe y es reconocible: una web corporativa, una landing de campaña hecha por otra agencia, una tienda con la plantilla del tema y un newsletter con otra tipografía.

4. No se toca el capital de marca

Es la lección conjunta de Spotify y Jaguar, y el acierto de Coca-Cola y Harley-Davidson. La silueta y el color de una marca son un activo transaccional: el usuario los procesa antes de leer nada. Un rediseño puede modernizar el tratamiento, la tipografía, el movimiento y el sistema entero, pero cuando borra los códigos reconocibles, lo que el público percibe no es novedad, es error.

5. La tipografía propia como activo

YouTube Display con Sharp Type, la serif de Tinder, las letras propias de Threads, Söhne en Stripe, Robinhood Phonic. La tipografía es lo que más diferencia una marca cuando el logotipo apenas se ve, y es lo primero que se abandona cuando el presupuesto aprieta. No hace falta encargar una familia a medida para aprovechar la idea: elegir bien una tipografía variable, servirla desde el propio dominio y aplicarla con jerarquía real ya coloca a una web por delante de la mayoría.

6. La IA acelera la exploración, no el criterio

Stripe generando veinte conceptos donde antes cabían dos, y aun así retrasando un lanzamiento un mes por unas animaciones. Airbnb produciendo el 60 % de su código con agentes. Las dos cosas conviven: la automatización ha bajado el coste de explorar y de construir, y precisamente por eso el listón de la calidad media ha subido y el criterio humano es lo que diferencia. Cuando todo el mundo puede generar veinte propuestas, el valor está en saber cuál de las veinte sirve.

7. El contenido también se escribe para máquinas

Airbnb reestructurando sus fichas para que los agentes conversacionales las entiendan es la señal más clara del año. La estructura semántica, los datos estructurados y las respuestas directas han dejado de ser una optimización marginal: son la condición para aparecer en las respuestas que la gente lee sin visitar ninguna web. Lo desarrollamos en SEO para IA.

Qué te llevas si tu empresa no es Coca-Cola

Ninguno de estos casos es replicable con el presupuesto de una pyme, y no hace falta que lo sea. Lo que sí es replicable es el razonamiento:

  • Rediseña por síntoma, no por calendario. Las señales válidas son que la web ya no representa lo que hace la empresa, que la conversión baja sin explicación, que el gestor de contenidos frena al equipo, que el sitio no cumple los requisitos de accesibilidad o que el rendimiento se ha quedado atrás. «Han cambiado las tendencias» no es una señal.
  • Comprueba primero si cumples la Ley 11/2023. Si vendes online, gestionas reservas o prestas servicios financieros, esto ya no es opcional y es un motivo de rediseño mejor que cualquier tendencia.
  • Antes de tocar el diseño, inventaría las URL. Un mapa de redirecciones 301 y una comparación de Core Web Vitals antes y después es lo que separa un rediseño de una caída de tráfico. Lo desarrollamos en nuestra guía de SEO técnico y en la guía práctica de Core Web Vitals.
  • Mide el contraste antes de enamorarte del efecto. Si Apple ha tenido que dar marcha atrás con Liquid Glass, el cristal esmerilado de tu hero también necesita comprobación.
  • No toques la silueta ni el color de tu marca sin una razón de peso. Moderniza el resto.
  • Escribe las reglas de movimiento aunque sean tres. Dos duraciones y una curva, aplicadas con coherencia, valen más que doce animaciones distintas hechas a ojo.
  • Un sistema, no una plantilla. Colores, tipografías, espaciados y componentes definidos en un sitio, para que la landing de la próxima campaña no vuelva a empezar de cero.
  • Si puedes, lanza por partes. Publicar primero una sección, comparar métricas y seguir es más lento sobre el papel y mucho más rápido cuando algo va mal.

Y una consideración que atraviesa todo lo anterior: si algo enseñan estos casos es que el sitio web ya no es el centro del sistema de marca, sino una superficie más. Se diseña junto a la app, el perfil social, el newsletter y la ficha de Google, no antes que ellos.

Cómo lo trabajamos en yuGraphik

Cuando abordamos un rediseño, la parte visual es la última que tocamos. Antes hay un inventario de contenidos y URL, una revisión de qué páginas traen tráfico y conversiones, y una medición de rendimiento y accesibilidad del sitio actual. Ese material es el que decide qué se conserva y qué se rehace, y evita el escenario más común: una web nueva más bonita que la anterior y con la mitad de visitas.

De ahí sale un sistema —tipografías, escala, color, componentes— antes que una maqueta, porque es lo que permite que la web siga siendo coherente dos años después, cuando haya que añadir una sección que hoy nadie ha previsto. El contraste y la navegación por teclado se comprueban durante el diseño, no en una auditoría posterior, porque corregirlos al final siempre sale más caro. Y volvemos a medir Core Web Vitals después de publicar, con los mismos criterios que antes, para poder decir si el rediseño mejoró algo o solo lo cambió de sitio.

Conclusión

2026 ha sido un año de rediseños grandes, y la coincidencia no es casual: se cierra el ciclo del diseño plano que arrancó a principios de la década pasada. Vuelven la profundidad y el brillo, el movimiento se formaliza como parte de la identidad y los sistemas de marca se reconstruyen para funcionar en decenas de superficies a la vez. Debajo, dos fuerzas menos visibles empujan igual de fuerte: la automatización, que ha abaratado producir y ha encarecido destacar, y la normativa europea de accesibilidad, que ha convertido decisiones estéticas en obligaciones técnicas.

Pero los casos más útiles para el resto no son los más vistosos. Son el de Stripe retrasando un lanzamiento un mes por unas animaciones, el de Apple corrigiendo Liquid Glass con un control en lugar de defenderlo, el de Netflix probando durante un año antes de generalizar un cambio y el de Spotify volviendo sobre sus pasos en una semana. Los cuatro dicen lo mismo desde ángulos distintos: un rediseño no termina cuando se publica, y la única forma de saber si funciona es medirlo.

Preguntas frecuentes

¿Qué grandes empresas han rediseñado su web en 2026?

Los casos más relevantes hasta agosto de 2026 son el rediseño de la página de inicio de Stripe, el primero en seis años, dirigido por Katie Dill y desarrollado durante más de un año; la reestructuración de Airbnb de buscador de alojamiento a plataforma de servicios y experiencias; y el refresco de la interfaz web de Netflix, en pruebas desde junio. En paralelo han cambiado su identidad digital YouTube (20 de enero), Xbox (23 de abril), Google Workspace (18 de mayo), Apple con las correcciones a Liquid Glass (8 de junio), Tinder (17 de julio) y Coca-Cola (20 de julio).

¿Por qué ha vuelto el diseño con volumen y brillo en 2026?

Porque las pantallas y los dispositivos han cambiado. Los degradados, los reflejos y la profundidad ayudan a separar capas de interfaz en televisores, coches, gafas y móviles con pantallas cada vez mejores, algo que el diseño plano resolvía peor. Además, después de una década de logotipos planos y minimalistas, casi todas las marcas se parecían entre sí: el volumen es también una forma de recuperar diferenciación. Apple lo empujó con Liquid Glass, y Google, Xbox y otras han seguido esa dirección.

¿Qué pasó con el logotipo de Spotify en 2026?

El 14 de mayo de 2026 Spotify sustituyó su círculo verde plano por una bola de discoteca cromada para celebrar su vigésimo aniversario. El rechazo fue inmediato y masivo en redes sociales, con usuarios que creyeron que la aplicación estaba fallando o que habían instalado software malicioso. Spotify confirmó en pocos días que volvía al icono original con un mensaje resignado: «sabemos que el brillo no es para todo el mundo». El cambio estaba planteado desde el principio como temporal, pero la reacción aceleró su retirada. La lección es de legibilidad a tamaño pequeño: en un icono de aplicación, la silueta y el color valen más que el detalle ornamental.

¿Es obligatoria la accesibilidad web para las empresas en España?

Sí, desde el 28 de junio de 2025. La Ley 11/2023 transpone la Ley Europea de Accesibilidad (Directiva UE 2019/882) y obliga al sector privado a garantizar la accesibilidad de sus productos y servicios digitales. Afecta de forma directa al comercio electrónico, la banca, los seguros, el turismo, las telecomunicaciones y las plataformas digitales. El estándar técnico de referencia es la norma EN 301 549, basada en WCAG 2.1 nivel AA. Las sanciones se remiten a la normativa sectorial y, subsidiariamente, al régimen general de derechos de las personas con discapacidad, con multas que van de 301 a 1.000.000 de euros según la gravedad, además de la posible pérdida de acceso a subvenciones públicas.

¿El glassmorphism es una buena idea para la web de una empresa normal?

Con moderación. El cristal esmerilado funciona bien en elementos puntuales (una barra de navegación, una tarjeta destacada) y sobre fondos controlados. Se vuelve un problema cuando se aplica al texto de lectura: el contraste baja, la legibilidad se resiente y los filtros de desenfoque tienen coste de renderizado en móviles modestos. El propio Apple tuvo que añadir en 2026 un control de transparencia para corregirlo. Si se usa, hay que medir contraste según WCAG y comprobar el rendimiento antes de publicar.

¿Cada cuánto conviene rediseñar la web de una empresa?

No hay una cifra mágica, pero un ciclo razonable son tres o cuatro años para una revisión visual seria, con ajustes continuos en medio. La señal para rediseñar no es la edad de la web, sino síntomas concretos: la web ya no representa lo que hace la empresa, la conversión cae sin explicación, el gestor de contenidos frena al equipo, el sitio no cumple los requisitos de accesibilidad o el rendimiento se ha quedado atrás. Rediseñar solo porque han cambiado las tendencias suele salir caro y durar poco.

¿Un rediseño puede hacerme perder posiciones en Google?

Puede, y es el riesgo más frecuente y más evitable. Los rediseños pierden tráfico cuando cambian las URL sin redirecciones 301, cuando se recorta contenido que estaba posicionando, cuando se pierden los datos estructurados o cuando la versión nueva es más lenta que la anterior. Con un inventario de URL, un mapa de redirecciones y una comparación de Core Web Vitals antes y después, un rediseño no tiene por qué costar visibilidad. Después de publicar es normal un periodo de inestabilidad de dos a cuatro semanas mientras los rastreadores reevalúan la estructura nueva.

¿Qué es una identidad en movimiento y por qué la están adoptando las grandes marcas?

Es la parte del sistema de marca que define cómo se mueven los elementos: con qué curva de aceleración, cuánto duran las transiciones, cómo entra y sale un logotipo. Hasta hace poco se improvisaba proyecto a proyecto. Las marcas grandes la están formalizando porque su identidad ya vive sobre todo en pantallas (app, web, televisor, consola, anuncios en vídeo) y sin reglas comunes cada equipo animaba a su manera. YouTube fue el caso más claro de 2026: construyó su primer sistema de movimiento desde cero.

¿Hace falta una tipografía propia para tener una identidad sólida?

No, pero explica por qué las grandes la encargan. Una tipografía a medida diferencia sin depender del logotipo, evita las licencias por volumen de tráfico y se ajusta al idioma y a los tamaños que la marca necesita. En 2026 es casi la norma en la cúspide del sector financiero, con casos como Söhne en Stripe, Wise Sans, Klarna Title o Robinhood Phonic. Para una pyme, el equivalente sensato es elegir bien una familia variable de calidad, servirla desde el propio dominio y usarla con criterio, que es donde de verdad se nota la diferencia.

¿Sirve la inteligencia artificial para rediseñar una web?

Sirve para explorar, no para decidir. El caso mejor documentado de 2026 es el de Stripe: su equipo usó IA generativa para producir veinte conceptos en el tiempo que antes costaba hacer dos, pero mantuvo una curaduría humana estricta en cada etapa, porque los resultados generados arrastran defectos de detalle e iluminación que el equipo llama «slop». Llegaron a retrasar un mes el lanzamiento de unas animaciones para que las transiciones fueran intencionadas. La conclusión que dejan es útil: la IA acelera la ideación, el criterio humano define el resultado.

Volver al blog
• DISEÑOS QUE INSPIRAN • WEBS QUE DESTACAN

¿Listo para expandir tu negocio?

Transforma tu presencia digital con soluciones web personalizadas que convierten visitantes en clientes.

Solicita tu presupuesto gratis