Arquitectura y funcionamiento
De la visita a la conversación
Cómo está construido sergiosallavera.es para presentar experiencia, recoger contexto y ofrecer una alternativa cuando el contacto falla.
Por Sergio Sallavera. Actualizado el 23 de septiembre de 2026
El problema
Una empresa puede necesitar resolver un proceso y una agencia, subcontratar una intervención para su cliente. Pedir un diagnóstico completo antes de escuchar el problema añade fricción. Y un formulario que parece enviar, pero no confirma la respuesta, deja la conversación en el aire.
Mi papel y las decisiones
Este es mi sitio y mi sistema de posicionamiento y captación. El desarrollo se realiza con asistencia de herramientas de IA y revisión del contenido y del comportamiento. No se presenta como trabajo de cliente ni como código escrito íntegramente a mano.
La primera decisión es ofrecer un contacto comercial sencillo. El diagnóstico se conserva para los enlaces existentes, fuera del recorrido principal de la portada. La segunda, mantener el contenido y el email accesibles sin JavaScript. La tercera, comprobar la respuesta del receptor y conservar el mensaje si falla el envío.
Arquitectura
- Contenido: home prerenderizada y páginas estáticas de experiencia y recursos.
- Contacto: contexto empresa/agencia, nombre, email y mensaje; nombre de empresa opcional.
- Envío: petición al receptor, límite de espera y validación de la confirmación.
- Recuperación: el texto permanece disponible y puede abrirse en el correo del visitante.
- Diagnóstico opcional: cuestionario con reglas ejecutadas en el navegador; permite ver el resultado sin enviar datos.
Herramientas: React, TypeScript, Vite, Cloudflare Pages y un webhook de recepción. El cuestionario utiliza reglas deterministas; no necesita un modelo para producir su lectura inicial.
Qué comprobar
- Lectura del contenido, navegación y acceso al email sin JavaScript.
- Contacto para un proyecto de empresa o un servicio subcontratado por agencia, sin exigir completar el diagnóstico.
- Validación de campos y consentimiento antes del envío.
- Respuesta correcta, error, demora y confirmación inválida en un receptor de prueba.
- Separación entre eventos técnicos y contenido personal de los mensajes.
El diagnóstico y el contacto se validan por separado: terminar un cuestionario no se cuenta como haber recibido una oportunidad.
Resultado y límites
El resultado es un sistema propio que combina contenido accesible, una vía principal de contacto comercial y un diagnóstico conservado como recurso. Una prueba técnica de envío no acredita la atención posterior del mensaje ni resultados comerciales.
No atribuyo clientes, ventas ni ahorro a este proyecto sin medición. La captación depende también de la distribución y del seguimiento humano. El contacto sigue dependiendo de la disponibilidad del receptor; por eso el correo directo permanece visible.
Qué me llevo de esta implementación
Las reglas sencillas resuelven parte del trabajo sin añadir un agente. El comportamiento cuando algo falla importa tanto como la pantalla de éxito. Y la utilidad de una web profesional se evalúa por las conversaciones que ayuda a abrir y hacer avanzar.
Cuéntame cómo recogéis y atendéis solicitudes o consulta el trabajo con clientes