Cuando rediseñamos thebranx.com este septiembre, la decisión más importante no fue una funcionalidad. Fue elegir a propósito un sistema de diseño más simple: un azul, una tipografía principal, sin degradados y sin sombras. Un sistema simple no es una marca más pequeña. Es la decisión que hace que cada página posterior se construya más rápido, se mantenga coherente con menos esfuerzo y siga siendo nuestra cuando la IA puede producir la versión complicada en minutos.
Este caso de estudio de rediseño web explica por qué una lista corta de reglas gana a una marca complicada a largo plazo, qué espacio abrieron esas reglas en la nueva web y qué le diríamos a un founder que está planeando su propio rediseño.
Un sistema de diseño más simple sigue dando resultado mucho después del lanzamiento
Empezamos el rediseño con una lista corta de reglas en lugar de un moodboard. Los degradados y las sombras desaparecen, y todas las esquinas son rectas. La web usa un azul y una tipografía principal, y una retícula fina recorre todas las páginas. La recompensa llegó después: menos reglas significaron decisiones más rápidas en cada página nueva, una web que se mantiene coherente mientras crece y más tiempo para los detalles que la hacen nuestra.
Hace dos años fuimos en la dirección contraria. Nuestro rediseño de 2024 introdujo un degradado metálico y un tema casi todo negro. En su momento parecía premium. Hoy, los degradados y los brillos son lo que la mayoría de los constructores de webs con IA producen por defecto, así que ya no le dicen a nadie quién hizo la web.
Mantener el sistema así de pequeño dejó tiempo para el oficio. Las animaciones solo se mueven cuando tienen un motivo, y hay pequeñas experiencias esperando a quien vaya lo bastante despacio como para encontrarlas.
Una home debería funcionar como las apps que la gente ya usa
El hero de la home funciona como las stories de las apps que la gente mira cada día. Cada caso de éxito se reproduce como una historia corta. Toca a la derecha para avanzar, a la izquierda para volver y en el centro para entrar directamente en el proyecto. Los visitantes ven primero el trabajo más reciente, así que la web parece nueva sin un rediseño cada trimestre.
Podríamos haber construido un carrusel con flechas y puntos. Elegimos un patrón que los visitantes ya conocen, así que no hay nada que aprender antes de que el trabajo empiece a reproducirse. Abre la home en tu móvil para verlo.
Un caso de éxito debería abrirse en el mundo del cliente, no en nuestra plantilla
Los casos de éxito muestran cómo trabajamos mejor que cualquier otra página, así que cada uno se abre con una portada programada para esa marca, con su propia entrada. Muchas portadas reaccionan a ti. Mueve el cursor sobre Featherless y su pluma en 3D gira para seguirlo. Haz clic y arrastra en Metricool y pintas tu propia cinta por la pantalla.
Una plantilla compartida habría sido más rápida de construir y más fácil de actualizar. Elegimos una portada por marca porque un caso de éxito es lo más cerca que está un visitante de trabajar con nosotros antes de la primera llamada. Prueba tú mismo las portadas de Featherless y Metricool.
Capítulo a capítulo, para que un caso largo se lea como uno corto
Un scroll y estás dentro de la historia: concepto, logo, color, tipografía, imágenes y lanzamiento. Las películas y las animaciones se reproducen cuando llegas a ellas, así que la página nunca te pide que pulses play.
Recorre el caso de éxito de Letsgo para ver cómo se apilan los capítulos.
Un manifiesto que puedes firmar es más difícil de ignorar
Nuestro manifiesto de IA recoge siete convicciones, y cada una tiene un sprite de píxeles dibujado a mano. Pasa el cursor por una línea y su sprite cobra vida, hasta llegar al caballo. Al final, palabras de píxeles se transforman mientras haces scroll, y una pluma te deja firmar el manifiesto tú mismo.
La primera convicción es «No nos conformamos con el 80 %». La IA lleva una marca a «suficientemente buena» rápido, y el último 20 % es donde la gente decide si confía en ella. Un manifiesto que solo está en una página se lee como una lista de valores en la pared de una oficina. Pedir una firma convierte la lectura en un pequeño compromiso.
Pasa el cursor por los sprites y firma el manifiesto de IA.
La confianza viene de caras y voces, no solo de logos
La página Sobre nosotros se abre con el equipo flotando por la pantalla, y cualquier foto pasa a color cuando pasas el cursor por encima. Diez expertos trabajan completamente in-house, así que las personas que conoces en las llamadas son las mismas que construyen tu marca. En la página de reseñas, cada cita se ilumina palabra por palabra mientras el cliente habla.
Nuestros clientes cuentan su historia ante la cámara. Pulsa play en una reseña y la cita avanza con ella, así que puedes verla, leerla o las dos cosas. «La marca es una de las cosas que a una IA le cuesta mucho copiar», dice Ankit Jain, de Aviator. No podríamos estar más de acuerdo.
Conoce al equipo en la página Sobre nosotros y mira las reseñas en vídeo.
Una cuadrícula de logos debería responder preguntas sin un solo clic
Pasa el cursor por un logo en nuestra página de logos de startups y se abre ahí mismo, dentro de la cuadrícula, más de la identidad que hay detrás. No hay clic ni página nueva, así que la página mantiene la calma. Casi 70 logos de startups, de IA y SaaS a Fintech e I+D, están a un vistazo.
Un logofolio es una página de referencia. La gente llega con una pregunta, como «¿han trabajado en mi sector?», y se va en cuanto tiene respuesta. Explora la página de logos de startups.
La velocidad es una funcionalidad, incluso con películas en cada página
Películas y portadas en 3D en cada página suelen significar una web lenta. En móvil, la nueva thebranx.com obtiene 97 en rendimiento y 100 en accesibilidad, buenas prácticas y SEO en Google PageSpeed Insights. También obtiene 3/3 en las nuevas comprobaciones de navegación agéntica. El truco está en cargar con contención: cada película espera hasta que estás a punto de verla.
Las imágenes se sirven exactamente al tamaño que necesita tu pantalla, y nada salta mientras la página carga. Esperamos que cada vez más primeras visitas lleguen de agentes de IA leyendo en nombre de un comprador, así que una web que esos agentes pueden interpretar es parte de la marca.
Qué significa este caso de estudio de rediseño web para tu startup
Tu marca probablemente sigue funcionando con decisiones de hace dos rondas de financiación. Un rediseño es el momento de tomar otras nuevas: qué se queda y qué se va. Después escribe la lista más difícil, las cosas que tu marca nunca debería hacer, antes de que nadie abra Figma o escriba un prompt en un constructor de webs.
Empieza con reglas que se puedan comprobar. «Un azul» es una regla que tu diseñador y tus herramientas de IA pueden seguir. «Moderno y atrevido» no lo es. Para el proceso paso a paso, lee nuestra guía de rediseño de webs tech.
¿A tu empresa se le ha quedado pequeña su marca? Toma decisiones nuevas con una agencia de branding para startups que construye la marca y la web juntas, o reserva una llamada con Ines.
Preguntas frecuentes
¿Qué cambió en el rediseño de thebranx.com?
Reconstruimos toda la web en septiembre de 2026 alrededor de una lista corta de reglas de diseño: sin degradados, sin sombras, esquinas rectas, un azul y una tipografía principal sobre una retícula fina. Entre las novedades hay una home en formato stories, una portada a medida para cada caso de éxito, un manifiesto de IA que se puede firmar, reseñas en vídeo con lectura sincronizada y una cuadrícula de logos que exploras pasando el cursor.
¿Por qué The Branx eliminó los degradados y las sombras de su web?
La mayoría de los constructores de webs con IA los producen por defecto, así que ya no dicen quién hizo una web. Quitarlos hizo que cada página dependiera del layout y la tipografía. También mantuvo pequeño el sistema de diseño, lo que dejó más tiempo para el oficio en los detalles.
¿Puede una web minimalista seguir siendo interactiva?
Sí. El diseño web minimalista limita el sistema visual, no la experiencia. Nuestra web usa un azul y una tipografía principal, y aun así las portadas de los casos de éxito reaccionan al cursor, los sprites del manifiesto se mueven al pasar por encima y las reseñas en vídeo se iluminan palabra por palabra. La contención es lo que permite que esos momentos destaquen.
¿Por qué importa el branding para las startups de IA si cualquiera puede construir una web?
Cuando un modelo puede producir una web decente en minutos, una web decente deja de ser una señal. Compradores e inversores buscan las decisiones que un modelo no tomaría por su cuenta. Como dijo Ankit Jain, de Aviator, en su reseña, la marca es muy difícil de copiar para una IA. Mira las marcas de IA que hemos construido.
¿Una marca fuerte afecta a la valoración de una empresa?
Brand Finance publicó en abril de 2026 que las empresas B2B con marcas más fuertes cotizan con una prima del 65 % en su PER futuro frente a competidores con marcas más débiles. Los datos cubren grandes empresas de su conjunto Most Valuable Brands y muestran una asociación, no una prueba de causa. Tómalo como una dirección para startups, no como una previsión.
¿Una startup debería rediseñar su web antes o después de una ronda de financiación?
Antes, si puedes. Una investigación de John Dawes, del Ehrenberg-Bass Institute, para el B2B Institute de LinkedIn sugiere que solo alrededor del 5 % de los compradores B2B están en el mercado en un momento dado. El otro 95 % comprará más adelante, y la marca que recuerdan de hoy decide a quién llaman cuando estén listos.
¿Cuánto cuesta un rediseño web?
Depende del alcance. Una landing page y una web de diez páginas con CMS son proyectos muy distintos. Nuestra página de precios te deja montar un plan y ver una estimación aproximada en unos clics, y nuestra guía sobre el coste del branding para startups desglosa los rangos habituales.
¿Qué debería mostrar primero la web de una startup de IA?
Muestra el producto o la prueba, no una lista de funcionalidades. En nuestra home, el caso de éxito más reciente se reproduce primero, y clientes de IA como Featherless se abren con una portada que reacciona al cursor. Explora más de nuestros proyectos de IA para ver cómo otras startups de IA abren su historia.
