Ingeniería
Aplicada
Resultados
samuel-torres.com
Rol
Diseño de interfaz y desarrollo frontend — selección de mockups, dirección de color, maquetación, animaciones e interactividad.
Stack principal
WordPress · Elementor Pro · Draw Attention (imágenes interactivas) · Contact Form 7 · Mailchimp (MC4WP) · EmbedPress
Contexto
Sincronía Logística es un operador mexicano de almacenamiento y distribución farmacéutica (Tultitlán, Estado de México) con credenciales de peso: certificaciones ISO 27001, 28000, 13485, 14001 y 9001, tercer lugar nacional en su sector, distintivo ESR, premio LAQI y cobertura en Forbes, además de operaciones con robótica, drones y su iniciativa "AI Factory". El reto era de comunicación: traducir todo ese nivel operativo a una interfaz web sobria, profesional y creíble para clientes del sector salud.
Lo que hice
Selección de mockups, paleta corporativa y jerarquía visual para llevar la marca a una interfaz limpia tipo enterprise, con heroes de video a pantalla completa y micro-animaciones que dan vida sin sobrecargar.
Estructuré la home como un pitch: grid de 6 servicios end-to-end (E2E, almacenamiento, empaque secundario, artículos promocionales, distribución y recolección), muro de certificaciones ISO y reconocimientos, testimonios de clientes y bloques de prensa (Forbes, LAQI) — el orden exacto en que un comprador corporativo valida a un proveedor.
Implementé el mapa de México con la red de infraestructura y hubs de la empresa usando imágenes interactivas (Draw Attention), convirtiendo un dato operativo en un elemento explorable.
Sección "AI Factory" con carruseles interactivos de la tecnología en operación — impresión 3D, termómetros inteligentes, robots de limpieza, exoesqueletos y drones — resuelta con animaciones ligeras en lugar de texto denso.
Formularios de contacto (Contact Form 7), suscripción a newsletter con Mailchimp, embebido de video y documentos (EmbedPress), descargas de brochure y aviso de privacidad, y sección de reclutamiento.
Aprendizaje
Un proyecto de alcance acotado que consolidó una habilidad clave: convertir un diseño —por sencillo que sea— en un frontend vendible y profesional. La disciplina de interfaz que después apliqué en proyectos técnicamente más pesados.
Evidencia del sitio en producción
Capturas tomadas directamente del sitio en producción, mostrando la arquitectura de confianza, el mapa interactivo y el storytelling de innovación descritos arriba.
El grid de 6 servicios end-to-end que abre el pitch de confianza — punto 2.
Carrusel de tecnología AI Factory y el muro de certificaciones ISO y reconocimientos — puntos 2 y 4.
El mapa interactivo de cobertura nacional construido con Draw Attention — punto 3.
Cobertura de prensa (Forbes, LAQI) y el banner de posición nacional — punto 2.
Testimonios de clientes y las descargas de brochure/aviso de privacidad en el footer — puntos 2 y 5.
Versión corta (card del portafolio)
Para un operador de logística farmacéutica: frontend corporativo con dirección visual, mapa de cobertura nacional interactivo, storytelling de innovación (AI Factory) y una arquitectura de confianza construida con certificaciones ISO, premios, prensa y testimonios.
Bullets para CV / LinkedIn
- Levanté el frontend corporativo de un operador de logística farmacéutica, definiendo mockups, paleta y jerarquía visual con Elementor Pro.
- Implementé un mapa de cobertura nacional interactivo y carruseles animados de tecnología, junto con una arquitectura de confianza (ISO, premios, prensa, testimonios).
- Integré captación de leads con Contact Form 7 y Mailchimp, embebidos de video/documentos, y descargas de brochure corporativo.