Página de inicio con calculadora de costes 3D para una noche: caso de estudio de ARCON

En una sola tarde, creé una página de destino para ARCON, fabricante de hangares de acero, con el estilo distintivo del cliente en negro y rojo, modelos 3D interactivos de la estructura capa por capa y una calculadora que calcula el costo del hangar en tiempo real. El sitio se diseñó pensando en la publicidad de pago en Facebook y Google, y la primera pantalla responde inmediatamente a la pregunta "¿cuánto costará?", incluso antes de contactar al gerente. Lo desarrollé con 1001site AI; actualmente estoy explorando sus componentes y cómo funciona su cálculo automático de precios.

El reto: un sitio web para publicidad de pago, construido en una sola noche.

ARCON construye hangares arqueados y con estructura sin marco, llave en mano, para agronegocios, puertos, complejos logísticos y sitios industriales en toda Ucrania. El cliente necesitaba una herramienta para atraer clientes potenciales: una persona que hace clic en un anuncio, comprende en segundos que está tratando con una empresa confiable y, de inmediato, solicita un presupuesto o envía una solicitud. Una tarjeta de presentación estándar con una descripción de los servicios no resuelve este problema.

Mis materiales de partida incluían una lista de precios de la empresa, un manual de marca ya elaborado con colores y una presentación estructurada, pero sin un sitio web para publicidad. Trasladé las áreas de aplicación de la misma lista de precios a la página de destino mediante iconos: agronegocios, puertos y terminales, complejos logísticos, almacenamiento de granos y equipos, manufactura, aviación. De inmediato quedó claro a qué áreas dirigir la publicidad y a qué público objetivo. Creé la página de destino en una sola noche, lista para el lanzamiento de la primera campaña.

¿Cómo se trasladó el estilo corporativo del cliente a la página de destino?

Tomé los colores, la tipografía y la estructura de presentación directamente de la lista de precios de ARCON: fondo negro, texto blanco, detalles en rojo y un arco en el logotipo. De esta manera, quienes ya hayan visto el folleto o la tarjeta de presentación de la empresa reconocerán la marca a primera vista.

Utilicé como base un estilo oscuro básico del catálogo 1001site, y el asistente de IA de la cuenta le aplicó el color rojo exacto del cliente con un comando como "crea un tema oscuro con mi rojo". El resultado es la misma lista de precios, solo que ahora en forma de páginas, botones y una calculadora.

¿Por qué una página de inicio necesita modelos 3D interactivos de un hangar?

Un modelo 3D de un hangar se puede rotar y examinar capa por capa: los cimientos, la estructura de soporte, la iluminación y la ventilación. Una foto del edificio terminado no ofrece este tipo de análisis, que es precisamente lo que responde a la pregunta principal de un visitante: "¿Qué estoy comprando y de qué está hecho?".

Debajo de cada capa, he incluido una foto real de la obra: esto confirma que el diagrama 3D está basado en una instalación real de ARCON.

Encima del bloque de capas se encuentra la pantalla principal de la página de inicio, con interruptores para "Sin marco/Con marco" y "3D/Foto": los visitantes pueden elegir el tipo de diseño y rotar el modelo con el ratón. No es necesario contactar con un responsable para esto.

En la misma pantalla, cuatro indicadores de confianza aparecen junto a un modelo 3D: más de 13 años de experiencia en estructuras metálicas, luces de 12 a 40 metros sin columnas, capacidad de carga de nieve de hasta 480 kg/m² y una garantía estructural de 36 meses. Se trata del mismo lenguaje utilizado para convencer a los compradores en la lista de precios impresa, solo que ahora se presenta junto a un modelo interactivo.

¿Cómo funciona la calculadora de costes de hangares 3D?

La calculadora 3D de la página de inicio de ARCON cambia el modelo y el rango de precios al instante al ajustar los controles deslizantes de ancho y largo. El visitante selecciona el tipo de hangar, las dimensiones y los accesorios, y el modelo 3D y el costo estimado de cada componente (estructura, cimentación, compuertas, iluminación) se actualizan en tiempo real, sin necesidad de recargar la página.

A continuación, puedes profundizar en los detalles: elegir un tipo de estructura sin marco, fría o cálida, añadir una base, suelo industrial, iluminación y ventilación, y ver cuál es el rango de precios final para cada componente por separado.

La diferencia con una página de destino normal sin calculadora es inmediatamente visible:

¿Por qué esto funciona específicamente con los anuncios Facebook y Google?

Los modelos 3D interactivos mantienen a los visitantes más tiempo en la página, y la calculadora elimina los problemas de precios incluso antes de que se apliquen. Para el presupuesto publicitario, esto se traduce en una métrica específica: el costo por cliente potencial. Los visitantes pasan más tiempo viendo la página, comprenden el precio con mayor precisión y es menos probable que se vayan sin contactar.

La página de destino está diseñada para cumplir con los estrictos requisitos del tráfico de pago: la carga rápida y la capacidad de respuesta protegen el presupuesto de rebotes accidentales, y una estructura clara con una propuesta de valor inmediata aborda la principal preocupación de la audiencia en cuestión de segundos. La posibilidad de rotar el modelo 3D aumenta el tiempo de permanencia en el sitio, una señal directa de interacción para los algoritmos publicitarios. La calculadora genera confianza: los visitantes "construyen" un hangar a su medida, comprenden la lógica de precios y son más propensos a proporcionar su información de contacto que si se les dijera "llámame para saber el precio".

¿Qué recibe un gerente cuando un visitante envía una solicitud?

Según el autor de la publicación, las solicitudes de la página de inicio de ARCON se envían a los gerentes a través de Telegram inmediatamente después de que se envía el formulario. Para la página de inicio 1001site, esta entrega se configura a través del bloque "Contactos" con un botón de mensajería o mediante la misma integración personalizada que impulsa la calculadora. 1001site ha documentado el envío de notificaciones a Telegram como una función predefinida para los pedidos; en este caso, se aplicó a la solicitud de la página de inicio. El flujo de la solicitud se estructura de la siguiente manera:

1. El visitante configura el hangar en la calculadora 3D y ve el rango de precios.
2. Haz clic en “Rechazar oferta comercial” o “Rozrahunok por 30 hvilins”.
3. Rellena la información de contacto en el formulario de la página de inicio.
4. La solicitud con los parámetros del hangar se envía inmediatamente al administrador a través Telegram.
5. El gerente vuelve a llamar con un presupuesto exacto mientras el interés aún está latente.

En el vídeo del autor, que se encuentra incrustado más abajo en esta página, se muestra un desglose completo del proceso de creación de la página de inicio.

¿De qué está hecha técnicamente esta página de inicio?

Este es el modo "landing" 1001site: un bloque de página de inicio, páginas personalizadas y un formulario de solicitud, sin carrito de compras ni envío de anuncios. Los modelos 3D y la calculadora son widgets de terceros insertados a través del bloque "HTML personalizado": en el modo "landing", aparecen en la lista general de bloques junto con el encabezado, la galería y el formulario. El constructor no implementa esta mecánica 3D automáticamente; solo proporciona un espacio predefinido para insertarla.

La página de inicio está alojada en su propio dominio, arcon.in.ua, con su propio certificado SSL, que 1001site emite y renueva automáticamente. Puedes editar el texto, los números en la sección de beneficios o añadir un nuevo tipo de hangar usando el asistente de IA del panel de control, sin necesidad de contactar al desarrollador para cada pequeño cambio.

¿Cuánto cuesta y con qué rapidez se crea una página de destino de este tipo?

Una página de destino estándar en 1001site se crea mediante un agente de IA en 2-7 minutos tras el pago del plan "Todo Incluido" (45 € al mes). El primer mes cuesta 25 € con un código promocional mensual. No hay periodo de prueba. Sin embargo, para integrar una calculadora 3D de terceros mediante el bloque "HTML personalizado" y adaptar el estilo al color exacto de la marca, es necesario realizar un trabajo manual sobre el editor: no se puede crear con un solo clic en una ventana emergente.

El plan "Llave en mano" es ideal para este nivel de personalización, con un pago único de 1650 €. Se crea el sitio web completo para el cliente, desde el estilo y el texto hasta el dominio y la integración Telegram, e incluye 12 meses de alojamiento. Para quienes ya cuentan con un desarrollador interno, el plan "Todo incluido" es suficiente: el widget se inserta mediante el mismo bloque de "HTML personalizado".

¿Quién se beneficiaría de una página de destino con una calculadora 3D, aparte de quienes venden hangares?

Este formato resuelve un problema específico: el precio del producto se calcula en función de los parámetros del objeto en cuestión, y el sitio web debe filtrar las solicitudes irrelevantes incluso antes de que se contacte con un gestor. Esto no solo se aplica a hangares, sino también a invernaderos, piscinas, acristalamientos de balcones, muebles y cocinas a medida, puertas y vallas.

Si el precio del producto es el mismo para todos y la selección se basa en fotos y descripciones, una calculadora es innecesaria; una página de destino estándar con un formulario de solicitud será suficiente. Un ejemplo similar es el caso de cómo la marca NordHarvest creó una página de destino para un nuevo producto en una sola noche: también tenía una fecha límite y tráfico de pago, pero el precio del producto era fijo y, en lugar de una calculadora, la propia página de destino convierte la selección del producto en una oferta comercial.

Añadiré que me comuniqué personalmente con el equipo de ARCON durante el proyecto y los recomiendo como contratistas para hangares.

Fuentes

• Publicación del canal "Negocios con IA": https://t.me/promtvibeadd/457
• Página de inicio de ARCON: https://arcon.in.ua/
• Vídeo sobre la creación de páginas de destino: https://youtu.be/uOOGNCFzeyM