01 · Una base de código, dos sitios
Un solo proyecto sirve ambas marcas según el dominio: woodax.design y cnc.woodax.design. Comparten componentes, formularios e infraestructura, pero cada uno tiene su propio sistema visual, navegación, SEO y sitemap.
02 · Dos sistemas de marca, derivados del logo
Woodax Design, "Naturaleza moderna": paleta crema, arena y verde de marca, Fraunces en titulares y Quicksand en interfaz, esquinas redondeadas tomadas de la geometría del isotipo y un ritmo editorial con mucho aire.
CNC by Woodax Design, "Plano técnico oscuro": fondo oscuro, retícula técnica animada, Quicksand y JetBrains Mono para datos y especificaciones, y esquinas casi cuadradas que comunican precisión.
Misma familia, personalidades distintas: se reconoce que es Woodax en ambos, pero cada público siente que el sitio es para él.
03 · CNC by Woodax Design: un one-page que cotiza
— Hero con video real del router del taller, en versiones separadas para móvil y escritorio, con respeto a la preferencia de reducir movimiento.
— Información comercial aprobada por el cliente que elimina fricción: cotización en 48 horas hábiles, entrega desde 2 días hábiles, facturación CFDI, recolección y entrega, ubicación en Corregidora, Querétaro, y formatos aceptados (DXF, DWG, SVG, PDF).
— Materiales agrupados por tipo (madera y MDF; acrílico, plástico y Corian; aluminio), con espesores y ejemplos de lo que se puede hacer con cada uno, además de capacidades, proceso y preguntas frecuentes con respuestas citables por buscadores y asistentes de IA.
— Formulario en dos pasos: primero la solicitud mínima para no perder el contacto, después los detalles técnicos opcionales. WhatsApp como canal alterno.
04 · Woodax Design: multipágina editorial
— Inicio, Nosotros, Servicios y Contacto, en español e inglés, con cambio de idioma sin recargar ni perder la posición.
— Un home que enseña antes de explicar: proyecto real en el hero, el manifiesto "Cada pieza empieza con una conversación", una galería editorial de proyectos ("Hecho una sola vez. Ninguna pieza sale de un catálogo"), un díptico Hogar / Negocio y el proceso de trabajo.
— Nosotros con la historia aprobada por el cliente y fotos reales del taller.
— Navegación persistente entre páginas, transiciones suaves y barra de contacto fija en móvil.
05 · Contenido real o nada
Cada espacio de imagen se diseñó con proporción y tamaño definidos. En las vistas previas, los espacios vacíos mostraban su medida exacta y se convirtieron en la guía para pedir fotos al cliente. En producción, un espacio vacío desaparece sin dejar huecos, y las páginas sin contenido real no se publican.
Regla del proyecto: nada de fotos de stock presentadas como trabajos, testimonios inventados ni imágenes generadas por IA haciéndose pasar por proyectos. Las fotos del cliente se optimizaron y se les eliminaron los datos de ubicación para no exponer las casas de sus clientes.
06 · Solicitudes que llegan al lugar correcto
— Formularios validados y con protección antispam; los envíos sospechosos llegan marcados en vez de perderse.
— Correos automáticos desde un subdominio dedicado, separado del correo principal para proteger su reputación.
— Asuntos estructurados por marca y servicio, alias por área (cnc@, proyectos@, privacidad@…), etiquetas en Gmail y respuestas desde el alias correcto: quien escribe a CNC recibe respuesta de CNC.
07 · Infraestructura sin caídas
Migración del dominio desde Squarespace sin interrumpir el correo: los registros de correo y autenticación se recrearon antes del cambio. Entornos separados de prueba y producción, y publicación controlada de cada cambio.
08 · SEO técnico y analítica
Metadatos, versiones por idioma y sitemaps por dominio con solo páginas publicadas; datos estructurados por tipo de página; llms.txt para asistentes de IA y Google Analytics 4.
Decisiones clave
— Dos sitios en lugar de una sección "CNC" dentro de la carpintería: cada público llega directo a lo suyo y cada sitio posiciona sus propias búsquedas.
— Esquinas redondeadas contra cuadradas como lenguaje de marca: un detalle pequeño que comunica "hecho a mano y cálido" en un sitio y "preciso y técnico" en el otro.
— Lanzar por etapas: CNC salió completo primero; Woodax Design salió con formulario activo y, en cuanto hubo fotos y textos aprobados, como sitio completo. El negocio pudo recibir solicitudes desde el primer día.
— Preguntar antes de publicar: textos de servicios, historia y frases de marca se aprobaron con el cliente.