Ensamblia Studio
Sitio web institucional bilingüe que presenta los servicios, portafolio e información destacada de la agencia, con formulario de contacto y botones de comunicación integrados con un flujo de automatización.
Detalles generales
Consolidar la presencia digital de la agencia mediante un sitio web institucional bilingüe que centralice la información relevante, presente sus servicios y proyectos para comunicar su oferta y experiencia profesional, y facilite la recepción de consultas a través de formularios y canales de contacto directo, integrando un flujo automatizado para optimizar su gestión inicial y reducir tareas manuales.
Un sitio web institucional bilingüe que organiza la información de la agencia en español e inglés, e incorpora un formulario de contacto conectado a un flujo automatizado para recibir consultas y botones de llamado a la acción estratégicos. Además, cuenta con selector de modo claro y oscuro y vistas adaptadas a diferentes tipos de dispositivos.
- Contenido multilingüe
- Portafolio con filtros específicos
- Formulario de contacto integrado con un flujo automatizado
- Botones de llamado a la acción para facilitar el contacto
- Selector de modo claro y oscuro
- Selector de idioma
- Diseño adaptable a diferentes tamaños de pantalla
Detalles técnicos
Sitio web estático generado con Astro mediante SSG, con internacionalización (i18n) basada en rutas por prefijo de idioma (/es y /en). El contenido se centraliza en diccionarios JSON por idioma, reutilizando plantillas para evitar duplicaciones. El formulario de contacto realiza solicitudes desde el navegador a un webhook propio de n8n, que recibe las consultas para su procesamiento automatizado.
Sin persistencia en una base de datos, el contenido en español e inglés se organiza en diccionarios JSON. Las preferencias de cookies se almacenan en el navegador del visitante mediante localStorage y las consultas del formulario de contacto se envían directamente a un webhook de n8n para su procesamiento automatizado.
Hosting estático con despliegue automático en Vercel - Diccionarios JSON con contenido en español e inglés - Plantillas reutilizables para estructurar las páginas del sitio - Webhook propio de n8n para recibir los leads del formulario
Uso de HTTPS para la carga del sitio y el envío de solicitudes al webhook de n8n - Uso de los atributos rel="noopener noreferrer" en enlaces externos que abren nuevas pestañas - Fuentes tipográficas autoalojadas para evitar solicitudes a servicios externos de tipografía - Validación accesible del formulario mediante aria-invalid y aria-describedby - Implementación de honeypot y CAPTCHA para reducir el envío automatizado de spam
- Generación de páginas con Astro (SSG).
- Internacionalización (i18n) mediante rutas en JSON.
- Diseño responsive mediante Bootstrap.
- Formulario con validación de campos y envío de consultas al webhook de n8n.
- Cambio entre modos mediante JavaScript.
- Carga de tipografías desde archivos locales.
- Página de error 404 personalizada para rutas inexistentes.
- n8n (webhook de contacto)