Beacon: sitio comercial para soluciones médicas

Beacon fue el primer sitio que desarrollé dentro de la saga de Servimex. La empresa llegó con la necesidad de crear sitios para varias marcas médicas, cada una con identidad y objetivo comercial propio. Beacon fue la primera pieza: una landing enfocada principalmente en monitores de grado médico.

Fue un proyecto importante porque abrió la ruta para los otros sitios del grupo. Primero había que resolver una landing clara, comercial y funcional; después vendrían proyectos más amplios como Empatiko.

Desarrollo y reto técnico

Construí el sitio completo con Astro, React y Tailwind CSS. La landing incluía hero, secciones de producto, llamadas a la acción, contacto, aviso de privacidad, agenda comercial y una estructura visual pensada para presentar instrumental médico sin volver la experiencia pesada.

El reto más importante estuvo en el modal de producto. Tenía que integrar información técnica, ficha descargable y formulario dentro de una misma experiencia sin que el usuario se perdiera. También fue necesario cuidar la lógica del modal, su reinicio, y la convivencia entre presentación comercial y captura de contacto.

Formspree y HubSpot Meetings ayudaron a que el sitio no fuera solo un folleto digital, sino una herramienta de conversión para el equipo comercial. Beacon marcó el inicio de una pequeña familia de sitios médicos dentro de Servimex.

Tecnologías utilizadas

1. Astro
2. React
3. Tailwind CSS
4. Heroicons
5. Formspree
6. HubSpot Meetings

Resultado

El resultado fue una landing comercial clara para presentar Beacon y dirigir al usuario hacia contacto o agenda. Para mi portafolio, Beacon representa el inicio de una etapa donde el reto no era solo maquetar bonito, sino construir piezas comerciales consistentes para un ecosistema de marcas médicas.