Así concebimos el nuevo sitio de Integrity Human & Tech, una plataforma pensada para convertir interés en conversaciones reales y oportunidades de negocio.
El reto
Posicionar tres líneas clave —gestión humana, SG-SST y tecnología— con un mensaje claro, una experiencia rápida en móvil y escritorio, y un contacto inmediato que reduzca fricción.
Lo que construimos
- Hero con video y efecto parallax: impacto visual sin sacrificar legibilidad.
- Navegación fluida con desplazamiento suave y menú móvil optimizado.
- CTA directo a WhatsApp y formulario conectado a un backend serverless (AWS Lambda + SES) para envío de correos confiable.
- Mapa embebido y datos de contacto visibles al primer scroll.
- Testimonios reales que refuerzan confianza y propuesta de valor.
- Diseño responsive, accesible y consistente con la identidad de marca.
El motor tecnológico
- React + animaciones con Framer Motion.
- Tailwind CSS para estilos limpios y performance.
- Íconos con lucide/react-icons.
- Widget de WhatsApp (Elfsight) integrado en el hero.
- Google Maps embebido para ubicación de la oficina.
- Backend de contacto con AWS Lambda + SES (sin bases de datos, seguro, escalable).
SEO listo para competir
- Metadatos completos (title, description, robots, canonical).
- Open Graph / Twitter Cards para un buen preview en redes.
- JSON-LD (Schema.org/Organization).
- Rutas y assets optimizados para despliegue en hosting compartido (Hostinger), con reescrituras SPA y paths relativos para evitar errores 404.
¿Qué gana Integrity Human & Tech?
- Velocidad y claridad: el usuario entiende en segundos qué hace la firma.
- Conversión: contacto por WhatsApp o formulario en un clic.
- Confianza: testimonios, propuesta de valor y presencia local con mapa.
- Escalabilidad: una base técnica lista para crecer con nuevas secciones.
Conócelo en vivo
Explora el sitio y siente la experiencia por ti mismo: integrityhuman.com
¿Quieres algo similar para tu marca? Escríbenos y lo aterrizamos juntos.