Casi todo lo que sé sobre construir webs lo he aprendido en proyectos de cliente. Pero hay una parte que no se aprende ahí: la que exige equivocarse a fondo, tirar una decisión entera a mitad de camino o probar una idea que todavía no puedes justificar en una reunión.
Para eso construí Logic2B: un laboratorio público donde cada tema es un proyecto completo, navegable y publicado en vivo.
No es un catálogo de plantillas bonitas ni un escaparate de piezas sueltas. Es la forma que he encontrado de mantener el criterio afilado sin usar los proyectos reales de mis clientes como campo de pruebas.
Qué es exactamente Logic2B
Cada tema de Logic2B es una web terminada para un sector concreto: banca, neurotecnología, movilidad eléctrica, óptica de autor, outdoor técnico, comunidades creativas. Tiene su propia dirección de arte, su arquitectura de contenido, sus componentes y su código.
Y —esto es lo importante— todos están publicados y se pueden recorrer. No hay capturas maquilladas ni mockups en perspectiva. Si algo no funciona en un móvil real o tarda demasiado en cargar, se ve.
Infinite / PortaleFintech y banca digital
Ion 7 OpticsNeurotecnología y wearable
Nexus / CircleComunidades creativas
Tesla Model ThreeMovilidad eléctrica
CaudalBanca y servicios financieros
QuimeraEstudios creativos y productoras
PupilaÓpticas y gafas de autor
RiscoOutdoor técnico y montaña
Por qué un tema completo y no una pieza suelta
Podría hacer lo que hace casi todo el mundo: publicar exploraciones visuales, secciones sueltas, un hero llamativo cada semana. Es más rápido y funciona mejor en redes.
El problema es que una pieza aislada no te obliga a resolver nada. Un hero bonito no tiene que convivir con una tabla de precios, un formulario largo, un listado con quince elementos y una página legal aburrida. En cuanto lo tiene que hacer, la mitad de las decisiones estéticas se caen solas.
Un tema completo obliga a responder preguntas incómodas:
- ¿Qué pasa cuando este titular mide el triple de largo?
- ¿Cómo se comporta este componente sin imagen?
- ¿Qué se ve mientras carga?
- ¿Sigue siendo legible con el contraste real de un móvil al sol?
- ¿Puede editarlo alguien que no lo diseñó?
Esa es exactamente la diferencia entre diseñar pantallas y diseñar sistemas. Logic2B existe para forzarme a hacer siempre lo segundo.
Las reglas del laboratorio
Para que un experimento enseñe algo, tiene que tener restricciones. Estas son las mías:
1. Un tema, una hipótesis. Cada uno se construye para probar algo concreto: una navegación densa, una narrativa de producto muy técnica, tipografía como elemento estructural, un uso serio del color en un sector conservador. Si no hay hipótesis, es decoración.
2. Contenido plausible, nunca relleno. Nada de lorem ipsum. Escribo textos creíbles para el sector, con la longitud que tendrían de verdad. Es lo que revela si una estructura aguanta o solo es fotogénica.
3. Todo tiene que publicarse. Si no se puede desplegar y navegar, no cuenta. La distancia entre “se ve bien en el diseño” y “funciona en producción” es donde vive el trabajo real.
4. Presupuesto de rendimiento. Cada tema tiene un límite de peso y de JavaScript. Cuando una idea visual no cabe dentro, el que se ajusta es el diseño, no el límite.
5. Se puede tirar entero. Hay temas que no han llegado nunca a publicarse. Esa libertad es justo lo que no tienes en un proyecto facturado, y por eso el laboratorio tiene sentido.
Cómo está construido
Todos los temas comparten una base técnica común: Astro para generar HTML estático y enviar cero JavaScript por defecto, con islas de Svelte solo donde una interacción lo justifica.
Sobre esa base, cada tema define su propia capa de decisiones: tokens de color y tipografía, escala de espaciado, componentes y comportamiento responsive. La base es compartida; la personalidad, no.
Ese reparto es la parte más útil de todo el ejercicio. Es la demostración práctica de algo que defiendo en cada presupuesto: no todo hay que construirlo desde cero para que esté bien construido. Es la misma lógica que explico al comparar diseño a medida y plantilla, solo que aquí puedo enseñar el resultado en lugar de argumentarlo.
Y la elección del stack no es una preferencia personal: condiciona la velocidad, la edición y la evolución del proyecto durante años. De eso escribí en por qué el stack frontend importa.
Qué acaba en los proyectos de cliente
El laboratorio no es un hobby paralelo. Casi todo lo que hago con clientes ha pasado antes por aquí:
- Componentes ya resueltos. Navegaciones, listados, formularios y tablas que ya han sobrevivido a contenido real. Eso reduce horas y, sobre todo, reduce errores.
- Criterio de sector. Haber diseñado para banca, salud tecnológica u outdoor cambia las preguntas que hago en la primera reunión.
- Referencias navegables. En lugar de discutir una dirección visual con adjetivos, puedo enseñar tres direcciones opuestas funcionando y preguntar cuál se parece más al negocio del cliente. Las conversaciones se acortan muchísimo.
- Límites técnicos comprobados. Sé lo que cuesta cada efecto porque ya lo he pagado en carga y en mantenimiento.
Es la misma idea que sostiene mi forma de trabajar en general: experimentar de forma deliberada para que el cliente reciba decisiones probadas, no ocurrencias.
Lo que Logic2B no resuelve
Por honestidad, conviene decir también qué no es:
- No sustituye a la estrategia. Un tema resuelve estructura y lenguaje visual. No define tu propuesta de valor, tu público ni tu mensaje.
- No es un marketplace. No los vendo por unidades ni compito en precio con un tema genérico.
- Elegir “el que más me gusta” es mala idea. El tema adecuado se deduce del contenido, del sector y del objetivo comercial. Al revés no funciona.
- Un tema es un punto de partida, no un proyecto. Adaptarlo a una empresa real sigue exigiendo contenido, decisiones y trabajo.
Si alguien me pide “el de la óptica pero para su gestoría”, mi respuesta suele ser que no. Lo que se traslada es el sistema y el criterio, no la apariencia.
Cómo usarlo si estás valorando un proyecto
Si estás pensando en una web nueva, te propongo un uso concreto del laboratorio: recorre los temas en vivo, abre dos o tres en el móvil y fíjate no en si te gustan, sino en cómo ordenan la información. Cuál te deja claro a qué se dedica la empresa en diez segundos. Cuál te haría confiar.
Esa observación vale más que cualquier moodboard, porque estás juzgando algo real.
Y si alguna de esas direcciones encaja con lo que necesitas explicar, escríbeme y lo hablamos. Podemos partir de una base probada y concentrar el trabajo a medida justo donde tu proyecto sí necesita ser distinto.
¿Tienes un proyecto en mente?
Hablemos sobre cómo puedo ayudarte a alcanzar tus objetivos y escalar tu negocio.