1. Desafío
Desarrollar un mercado B2B farmacéutico altamente personalizable, garantizando la coherencia de la marca para diversos clientes y manteniendo al mismo tiempo un rendimiento y una escalabilidad optimizados en un entorno SaaS complejo.
2. Impacto estratégico
- Unificación de la experiencia del usuario: Integración de diversas marcas en una única plataforma, reforzando la identidad visual de cada cliente sin comprometer la usabilidad.
- Incorporación más rápida: Los componentes reutilizables redujeron el tiempo de integración de nuevos clientes en 40%.
- Escalabilidad comercial: Permite añadir funciones sin pérdida de rendimiento, lo que facilita la ampliación a más de 650 distribuidores y más de 92.000 farmacias.
3. Cómo lo hice realidad
- Arquitectura modular: Construido AngularJS y componentes Bootstrap con configuraciones dinámicas (colores, diseños, tipografía) para la adaptación instantánea de la marca.
- Integración eficiente de la API REST: Desarrollo de interfaces para la sincronización en tiempo real con sistemas de gestión de pedidos, inventario y marketing comercial.
- Diseño responsivo basado en datos: Se aprovecharon los análisis para dar prioridad a las optimizaciones móviles, abordando 60% del tráfico de la plataforma.
4. Herramientas y metodologías
- AngularJS
- Bootstrap
- HTML5
- CSS3
- JavaScript
- TypeScript
- Azure DevOps
- Figma
- Scrum
5. Logros clave
a. Reducción del tiempo de desarrollo:
Medido por: Ciclos de liberación más cortos (de 2 a 1,3 semanas).
Acción: Implementación de más de 10 componentes reutilizables (por ejemplo, tablas dinámicas con filtros personalizables).
b. Aumento de la retención de clientes:
Medido por: Encuestas de satisfacción posteriores a la incorporación.
Acción: Sistema de diseño unificado con directrices de marca para farmacias y distribuidores.
c. Agilización de la incorporación de clientes con coherencia visual:
Medido por: Incorporación más rápida de nuevos clientes.
Acción: Se crearon plantillas de marca dinámicas que permitían a los clientes cargar logotipos, combinaciones de colores y fuentes a través de un portal de autoservicio.
6. Diferenciación clave
- Personalización en tiempo real: Única plataforma del sector que permite adaptar la marca (logotipos, colores) sin asistencia técnica.
- Colaboración interfuncional: Integración directa con los equipos de UX, backend y cliente final para una validación continua.
- Interfaz de usuario orientada al rendimiento: Gestión de estados optimizada en AngularJS para transiciones fluidas, logrando la satisfacción del cliente en las pruebas de usabilidad.
