Nuestro cliente más reciente es una startup norteamericana de infraestructura de IA. Opera dos negocios bajo una misma marca. El primero es el cómputo GPU dedicado: pods de GPU dedicados en centros de datos modulares en contenedores, colocation de racks y entrega estandarizada de hardware. El segundo es una plataforma unificada de inferencia de IA: una sola API compatible con OpenAI que da a los desarrolladores acceso serverless a modelos abiertos y de frontera como DeepSeek, Qwen, GPT-4o y Claude, con enrutamiento inteligente entre ellos y precios flexibles según el uso.
El cliente nos pidió no publicar su nombre todavía, así que este artículo explica el enfoque de diseño sin datos identificables. Solo describimos lo que ya está publicado en el sitio. No tenemos cifras de tráfico ni de ingresos que reportar, y no vamos a inventarlas.
El reto: vender algo que nadie puede ver
Un restaurante puede mostrar sus platos. Un sitio de infraestructura de IA vende latencia, lógica de enrutamiento, capacidad GPU disponible y garantías de seguridad, y nada de eso se puede fotografiar. Además, los compradores son distintos:
- Los desarrolladores quieren saber qué tan difícil es la integración y qué modelos pueden usar.
- Los responsables de finanzas y operaciones miran el costo por hora de GPU, el costo por millón de tokens y cómo evitar que los departamentos gasten de más.
- Los responsables de seguridad y cumplimiento, sobre todo en firmas financieras, quieren saber adónde van los prompts y quién puede leerlos.
Nuestro trabajo fue darle a cada grupo su propio camino dentro de una sola página, sin convertirla en un muro de jerga.
El portal de entrada: cruzar la puerta
Antes de cualquier texto de producto, el visitante llega a una sola escena a pantalla completa: una puerta luminosa, una línea de posicionamiento y un botón, "Enter Gateway". Al hacer clic, la luz llena la pantalla y la página principal del producto aparece al otro lado. El portal convierte en literal la metáfora de la marca: la empresa vende una puerta de acceso al cómputo de IA, así que lo primero que hace el visitante es cruzar una.
Esta lógica de umbral es un sello de cómo Apexzone7 diseña para marcas tecnológicas. Buscamos la idea que resume a la empresa y la convertimos en la primera interacción, para que la historia quede contada antes de enumerar una sola función. La entrada cuesta un clic, mantiene la página principal rápida y limpia, y deja al visitante un momento que recuerda y comenta.
Decisión 1: dos productos, un titular claro
La sección principal presenta ambos negocios en una sola línea (una plataforma unificada de inferencia más infraestructura GPU dedicada) y la respalda con tres indicadores breves: una lectura de latencia medida en vivo desde el navegador del visitante, "integración con una sola línea de base_url" y el enfoque de seguridad por hardware. Dos llamadas a la acción separan a las audiencias: una lleva a la oferta de cómputo e inferencia, y la otra al registro de claves API, marcado como "Próximamente" porque el portal de facturación aún no está abierto.
Decisión 2: hacer interactivos los servicios abstractos
En lugar de explicar el enrutamiento con texto, la sección principal incluye un árbitro de enrutamiento interactivo. El visitante elige una carga de trabajo empresarial, como una simulación de riesgo, la revisión de un informe 10-K, un ticket de soporte o una refactorización de código, y mueve dos controles de prioridad de latencia y de costo. El panel muestra entonces qué modelo y qué ubicación de cómputo elegiría el gateway. Más abajo, la misma idea se repite en varias secciones:
- Una tabla de mercado spot de GPU que compara opciones H100, H200, B200, L40S y A100 por región, con filtro por familia de GPU.
- Un catálogo de modelos abiertos alojados (DeepSeek, Llama, Qwen) presentado como tarjetas desplegables.
- Un configurador de enrutamiento inteligente con perfiles (mínima latencia, ahorro de costos, estrictamente on-prem), una cadena de respaldo entre proveedores y un umbral de caché semántica.
- Un playground multimodelo que envía el mismo prompt a cuatro clústeres de modelos en paralelo.
Decisión 3: etiquetar honestamente cada demo
Fue la decisión más importante del proyecto. La mayoría de los paneles interactivos funcionan con datos de ejemplo, y el sitio lo dice en cada uno: "Datos de demostración simulados", "Motor de enrutamiento simulado", "Gobernanza FinOps simulada". Las funciones en desarrollo llevan "Próximamente", y los puntos de cumplimiento muestran su estado real, como Planificado, En curso o Demo lista, nunca un "certificado" genérico.
Los compradores de infraestructura hacen due diligence técnica. Si después descubren que un benchmark eran datos de ejemplo, o que una certificación todavía no existe, dejan de confiar en todo lo demás. Las etiquetas claras permiten que las demos expliquen el producto sin afirmar nada que la empresa aún no pueda respaldar. Lo mismo vale para los asistentes de IA: cuando ChatGPT o Perplexity resumen a un proveedor, repiten lo que dice la página, así que la página solo debe decir cosas ciertas.
Decisión 4: pruebas para desarrolladores, no promesas
Para una plataforma de inferencia, el mejor argumento de venta es lo poco que el desarrollador tiene que cambiar. La sección de documentación muestra ejemplos listos para usar en Python, TypeScript y cURL. Todos usan el SDK estándar de OpenAI y solo cambian el base_url y la clave API, más un encabezado opcional para controlar la cuota por departamento. Un desarrollador puede evaluar el esfuerzo de integración en diez segundos sin leer ningún discurso comercial.
Decisión 5: gobernanza y seguridad para compradores regulados
Como el mercado objetivo incluye firmas financieras de Norteamérica, dos secciones les hablan directamente:
- Gobernanza de costos: topes de presupuesto por departamento, cuotas de tokens y límites de tasa, más una vista de capacidad del clúster GPU privado y de los recursos de nube pública. Cubre tanto el gasto en tokens como el del cómputo alquilado.
- Arquitectura de seguridad: una demo de enmascaramiento de datos personales que oculta campos financieros sensibles antes de que salga el prompt, una demo de atestación TEE por hardware, una vista de registro de auditoría inmutable y una hoja de ruta de cumplimiento con el estado real de cada punto.
Decisión 6: la credibilidad del fundador como línea de tiempo
Muchas startups de IA tienen apenas uno o dos años. Este fundador aporta décadas de experiencia práctica en redes empresariales, infraestructura de TI y seguridad. Presentamos esa trayectoria como una breve línea de tiempo que termina en el producto actual. Responde a la pregunta "¿por qué confiar en un proveedor de IA nuevo?" sin añadir afirmaciones más allá de la experiencia del propio fundador.
Decisiones visuales y técnicas
- Estética oscura de consola de datos: fondo casi negro, cifras monoespaciadas e insignias de estado, para que el sitio se parezca a las herramientas de operaciones que el público ya usa.
- Navegación clara por audiencia: Resumen, Mercado de cómputo, Enrutador inteligente, Seguridad y TEE, y Nosotros.
- Bases de visibilidad en buscadores e IA: una meta description que nombra ambos servicios, datos estructurados
SoftwareApplication, sitemap y archivo robots, para que buscadores y rastreadores de IA clasifiquen bien a la empresa desde el primer día.
Lecciones para empresas de IA y tecnología
- Muestra, no describas. Los paneles interactivos explican el enrutamiento, los precios de GPU y la gobernanza mejor que los párrafos.
- Etiqueta las demos y la hoja de ruta. Los estados honestos protegen la confianza durante la due diligence y mantienen precisos los resúmenes que la IA hace de tu empresa.
- Pon el código en la página. En productos API, un ejemplo de integración de tres líneas es el mejor texto de conversión.
- Da un camino a cada comprador. Desarrolladores, finanzas y cumplimiento leen la misma página por motivos distintos, así que diseña una sección para cada uno.
Resumen del proyecto: véalo en nuestro portafolio.
Si diriges una empresa de IA, SaaS o infraestructura y tu sitio todavía no explica lo que realmente vendes, habla con nosotros. Diseñamos y construimos sitios bilingües, preparados para buscadores e IA, para empresas técnicas de Nueva York.