Ir al contenido

Design · · 5 min de lectura

Quince años haciendo sitios web de marca me enseñaron qué perdura

Cada pocos años cambiaba la herramienta con la que construía. El criterio y la estructura nunca cambiaron, y por eso hoy construimos en código con los Brains.

Por Nicolas (NickMark)

Quince años haciendo sitios web de marca me enseñaron qué perdura

He cambiado la forma en que construyo sitios web más veces de las que puedo contar. Cada pocos años llega una herramienta nueva y, con ella, el mismo miedo silencioso: todo lo que sé está a punto de caducar. Después de 15 años y más de 200 marcas, te puedo decir que ese miedo tiene la mitad de la razón. La herramienta sí caduca. Lo demás, no.

La herramienta nunca fue el oficio

Empecé como muchos diseñadores. Páginas codificadas a mano, después temas de WordPress, después una larga etapa dentro de constructores visuales de sitios. Cada cambio se sentía enorme en su momento. Cada uno me pedía aprender paneles nuevos, atajos nuevos y límites nuevos.

Mirando hacia atrás, los paneles eran lo menos importante. Lo que hacía funcionar un sitio para Cemex, para Experian o para un colegio en Colombia nunca fue qué botón presionaba. Eran las decisiones antes del primer botón: qué debe lograr la página, a quién le habla, qué debe sentir un visitante cuando la abre y qué debe hacer después.

Las herramientas premian la velocidad. Las marcas premian el criterio. Cuando confundí las dos cosas, hice sitios rápidos que nadie recordaba.

Lo que me dejaron los años del constructor visual

Pasé muchos años construyendo de forma visual y no me arrepiento de un solo día. Esa etapa me enseñó tres hábitos que todavía uso cada semana.

Primero, estructura antes que decoración. Un constructor visual te obliga a pensar en cajas, clases y partes reutilizables. Aprendes rápido que un sitio sin sistema se vuelve un desorden hacia la décima página. Nombrar bien las cosas, mantener el espaciado consistente, definir una escala tipográfica una sola vez: esa disciplina vino del lienzo, y viaja a cualquier medio.

Segundo, diseñar en el medio real. Construir en el navegador en lugar de un mockup estático me enseñó que un sitio web no es un afiche. Se mueve, se reacomoda, carga lento con una mala conexión. Diseñar ahí me mantuvo honesto.

Tercero, la comunidad responde más rápido que el manual. Algunas de las mejores cosas que aprendí vinieron de desconocidos que publicaban una solución tarde en la noche. La generosidad en una comunidad de oficio es un activo real, y trato de devolverla siempre que puedo.

Esos años también me mostraron lo que construir de forma visual no te da. Alquilas la plataforma. Tu estructura vive dentro de las reglas, los precios y la hoja de ruta de otro. Cuando la marca necesita algo que el lienzo no soporta, empiezas a doblar el trabajo para que quepa en la herramienta, en lugar de lo contrario.

Por qué ahora construimos en código con los Brains

Hoy en Braindy construimos sitios en código. No porque el código esté de moda, ni porque las herramientas visuales sean malas. Cambiamos porque el costo de escribir código se desplomó mientras sus ventajas se mantuvieron.

Nuestros cuatro Brain Agents ejecutan el trabajo. El Researcher mapea la audiencia y la competencia. El Marketer da forma al mensaje y a la intención de búsqueda. El Creator produce textos y visuales fieles a la marca. El Builder escribe el sitio: limpio, estático donde se puede, rápido por defecto. Yo defino la estrategia, tomo las decisiones y reviso cada una antes de que salga.

Esa división importa. La IA puede escribir un componente en segundos. No puede decidir si ese componente va en la página. La ejecución se volvió barata, el criterio no. Así que dedico mi tiempo a donde cuenta: a las preguntas que ningún agente debería responder solo.

El código también le da a la marca algo que antes nunca pude darle del todo: la propiedad. El sistema de diseño vive en archivos que son del cliente. El contenido se puede mover a otro hosting en una tarde. Nada importante queda encerrado dentro de una suscripción.

¿Qué no cambió en 15 años?

Cuando miro los proyectos que resistieron el paso del tiempo, comparten algunos rasgos. Ninguno depende de la herramienta con la que se construyó el sitio.

  • Un trabajo claro para cada página. Si no puedo decir en una frase para qué sirve una página, no debería existir.
  • Un sistema, no una colección. Colores, tipografía, espaciado y componentes se definen una vez y se reutilizan en todas partes.
  • Las palabras se escriben antes que los layouts. El mensaje decide el diseño, nunca al revés.
  • La emoción como requisito. Lo que no mueve a la gente no se recuerda, así que la emoción va en el brief, no como decoración encima.
  • Un camino para cambiar. El sitio debe ser fácil de actualizar para las personas que de verdad lo van a actualizar.

El Gimnasio Los Caobos es un buen ejemplo. El colegio reportó un aumento del 613% en admisiones después de la nueva marca, el ecosistema digital y el sitio. Ninguna herramienta por sí sola explica eso. Una historia de marca clara, un sitio construido para responder las preguntas que hacen los padres de verdad y un sistema que mantuvo coherente cada punto de contacto: eso sí lo explica.

Quimiolab, marca aliada desde 2018, reporta un aumento del 1.150% en ventas a lo largo de los años que llevamos trabajando juntos. En ese tiempo, las herramientas que usé cambiaron más de una vez. El sistema de marca se quedó, y también el pensamiento detrás de él. Esa continuidad es el activo, no el software.

¿Qué deberían hacer los diseñadores que le temen a la próxima herramienta?

Aprende la herramienta nueva. Después deja de preocuparte por ella. Invierte en lo que se acumula: gusto, estructura, escritura y la capacidad de explicar por qué una decisión es la correcta para una marca específica.

El consejo común dice que tienes que dominar cada plataforma nueva para seguir vigente. Creo que es al revés. Dominar plataformas te mantiene ocupado. Entender marcas te mantiene útil. Quien sabe qué construir siempre encontrará la forma de construirlo, y hoy esa forma es más rápida que nunca.

También les digo que mantengan sus sistemas portables. Escribe tus design tokens. Guarda tu contenido en formatos que puedas exportar. Documenta por qué tomaste las decisiones que tomaste. Trata cada herramienta como un hogar temporal, por cómodo que se sienta.

¿La herramienta va a volver a cambiar?

Así que sí, la herramienta va a volver a cambiar, probablemente pronto. Ya no lo siento como una amenaza. Cada herramienta dejó algo que todavía llevo conmigo: la estructura del lienzo, la honestidad del navegador, la velocidad de los Brains. Lo que lleva una marca de una herramienta a la siguiente es el criterio, y el criterio no caduca.

Si estás decidiendo con qué construir tu próximo sitio, empieza por lo que debe lograr y, si quieres un segundo par de ojos, aquí están las formas de empezar.

Siguiente paso

Let me build your Braintrust.

Cuéntame dónde está tu marca hoy. Empezamos con una sesión de estrategia. ¿Preguntas primero? Escríbeme o llámame directo.