Reservio

Rediseñé un SaaS de gestión de agenda bajo un enfoque mobile-first, priorizando las tareas operativas más frecuentes (agendar, registrar cliente, procesar pago). A partir de análisis heurístico y benchmark de plataformas similares, reorganicé la arquitectura, la jerarquía visual y los flujos clave para reducir pasos y fricción. Resultado: prototipo de alta fidelidad actualmente en proceso de implementación por el equipo de desarrollo.

SaaS

Mobile App

2 meses

2 meses

Product Designer

Product Designer

El producto

Reservio es una plataforma SaaS de gestión de agenda, clientes y servicios. La investigación de mercado indicó que el mayor uso proyectado sería desde dispositivos móviles, por lo que se definió trabajar bajo un enfoque mobile-first en esta fase del producto. El objetivo fue mejorar claridad, accesibilidad y profesionalismo visual, optimizando las funciones más utilizadas dentro de una experiencia más intuitiva.

Problema

La versión existente presentaba: • Jerarquía visual poco clara. • Funciones frecuentes poco accesibles. • Exceso de información visible en desktop. • Paleta de colores sin intención jerárquica. • Flujo de agendado con fricción en mobile. Además, el producto no estaba optimizado para uso operativo rápido desde dispositivos móviles.

Enfoque y metodología

Rediseño basado en análisis heurístico y benchmark de 5 plataformas SaaS similares (Calendly, Acuity, Fresha, etc.). Al no tener acceso directo a usuarios en esta fase, las hipótesis se priorizaron para validar en la siguiente ronda de implementación. • Análisis heurístico de la versión actual. • Benchmark de plataformas SaaS de gestión similares. • Priorización de funcionalidades según frecuencia de uso. • Reorganización de arquitectura bajo enfoque mobile-first. Se trabajó con prototipado iterativo en Figma, validando coherencia visual y consistencia de componentes.

Decisiones clave

• Reorganicé la arquitectura bajo un enfoque mobile-first, incorporando navegación inferior persistente y botón central de acción para crear citas rápidamente. • Priorizé las tareas más frecuentes (agendar, registrar cliente y procesar pago), reduciendo su acceso a uno o dos taps. • Redefiní la jerarquía visual mediante uso estratégico del color primario, mejor contraste y espaciado consistente. • Simplifiqué el flujo de nueva cita agrupando campos por lógica operativa y eliminando pasos innecesarios. Reestructuré el apartado de configuración para mejorar escaneabilidad y claridad.

Prototipo

Desarrollé un prototipo de alta fidelidad en Figma, enfocado en validar: • Navegación mobile-first con barra inferior persistente. • Flujo optimizado de creación de citas. • Claridad en fichas de clientes y servicios. • Acceso rápido a funciones operativas clave. • Se trabajó con componentes reutilizables para mantener consistencia visual y escalabilidad del sistema. El flujo principal permite: Ver agenda → Crear cita en pocos pasos → Procesar pago dentro del mismo recorrido. El diseño se encuentra actualmente en proceso de implementación por el equipo de desarrollo.

Testing y Feedback

Durante el rediseño se identificaron mejoras futuras orientadas a fortalecer el producto una vez implementado. Entre ellas: • Incorporar un módulo básico de marketing y difusión, permitiendo enviar recordatorios o promociones a clientes frecuentes. • Mejorar la visualización de métricas simples (citas por día, ingresos estimados, cancelaciones). • Optimizar la experiencia de pagos dentro del flujo de creación de citas. • Adaptar progresivamente la versión desktop manteniendo coherencia con el enfoque mobile-first. Actualmente el producto se encuentra en fase de implementación y pruebas internas, por lo que estas mejoras podrán priorizarse en función del uso real y el feedback obtenido.

Resultado

El rediseño consolidó una experiencia más estructurada y orientada a uso real, priorizando las tareas frecuentes y reduciendo pasos innecesarios en flujos clave como agendado y gestión de clientes. La navegación, jerarquía visual y uso del color fueron optimizados para reforzar claridad, rapidez operativa y consistencia del sistema. El producto se encuentra actualmente en proceso de implementación y validación interna.

Create a free website with Framer, the website builder loved by startups, designers and agencies.