Caso de estudio · Rediseño UX/UI · Software B2B

Cómo cuantificamos un 98% de ahorro de tiempo y rediseñamos la próxima etapa de escalabilidad de Breik.

Un software de planificación de turnos con clientes activos, valor validado y deuda UX acumulada. No diseñamos para rescatar: diseñamos para escalar.

75–98%
ahorro de tiempo
vs. Excel
100%
satisfacción en
usabilidad y atractivo
5
usuarios testeados
+ 3 competidores
Caso de estudio Breik · Rediseño UX/UI del dashboard de planificación de turnos
01 · El contexto

Un producto en mercado con deuda de experiencia.

Breik ya tenía clientes activos, estructura robusta y valor validado. El equipo venía integrando funcionalidades sin redefinir estructura ni jerarquía. El resultado: un software potente que sus propios usuarios no terminaban de descifrar.

01

Deuda UX heredada

Dos diseñadores internos pasaron por el producto. Ninguno habló con usuarios reales. La validación se hizo durante el desarrollo, no antes.

02

Hipótesis sin validar

El equipo interno no estaba 100% alineado en cuál era el problema. Algunos lo daban por hecho, otros eran neutrales. El proyecto necesitaba research antes que diseño.

03

Brecha competitiva visible

La competencia (Deputy, Kenjo, When I Work) tenía onboardings guiados, centros de aprendizaje y jerarquías visuales que Breik aún no.

Problem statement · Kickoff

"La experiencia de usuario del software actual no cumple con las expectativas de nuestros usuarios ideales ni con la promesa de la marca. Existe una brecha con la competencia y limitaciones en la recopilación de datos."

— Declaración inicial del equipo Breik, marzo de kickoff
02 · El método

No opinamos. Medimos.

Rechazamos ir directo a diseño. Antes de tocar un pixel, propusimos una fase de investigación formal con tres frentes, cada uno con hipótesis, método y métrica declarada.

Frente 01

Arquitectura y taxonomías

Si mejora la estructura de la información, sube la navegabilidad del software.

MétodoCard sorting cerrado
ToolOptimalWorkshop
N5 usuarios
Frente 02

Usabilidad real

Si medimos los puntos de fricción, podemos cuantificar la promesa de marca.

MétodoHeurística + test moderado
ToolHotjar + Zoom
Tareas5 workflows core
Frente 03

Interfaz gráfica

Si mejora la calidad visual, sube la atractividad percibida del producto.

MétodoBenchmark + scoring
Comp.Deputy · Kenjo · When I Work
EscalaSatisfacción 1–3
03 · Investigación de campo

Cinco usuarios reales. Tres competidores diseccionados.

Sesiones moderadas vía Zoom con clientes activos de Breik. Cada sesión: facilitador, tomador de notas, observador. Grabación, codificación, cuantificación.

JO
José
Admin sucursal · Yokono

"Estoy constantemente cambiando turnos y necesito la forma más ágil y precisa de hacerlo."

Gastronomía6 meses
RO
Rocío
Jefa RRHH · Brands GI

"Yo soy quien revisa la vista global de todo."

Gastronomía2 años
CA
Carolina
Coord. Outsourcing · Loomis

"Llevaba todo en Excel. Abriéndome a lo digital, la vida se ha vuelto más linda."

Peajes · 240 trab.3 meses
AN
Andrés
Gte. Operaciones · ChickenLoveYou

"Necesito la herramienta más flexible y Breik me ha brindado aquello."

Gastronomía2 meses
AR
Armiro
Admin sede · KrossBar O. Luco

"Hacer turnos para 32 personas no es nada sencillo, necesito una herramienta para la contingencia diaria."

Gastronomía6 meses
Benchmark · 7 áreas evaluadas

Qué cultivar, qué eliminar.

Matriz +/–/↑/↓ aplicada a setup, aprendizaje, calendario, auto-planificación, etiquetado, tono y métricas.

Breik Deputy Kenjo When I Work
↑ Cultivar
  • · Flujo desde calendario
  • · Llamados a la acción
  • · Paneles de estado
+ Incluir
  • · Onboarding guiado
  • · Centro de aprendizaje
  • · Tooltips y copy descriptivo
  • · Botón auto-asignar
↓ Reducir
  • · Paneles desproporcionados
  • · Formalidad excesiva
– Eliminar
  • · Repetición de íconos
  • · Etiquetas ambiguas
04 · Hallazgos

Los números no necesitan adjetivos.

Tres frentes de satisfacción medidos en escala 1–3 sobre tres preguntas universales: ¿encuentro lo que busco?, ¿es fácil de usar?, ¿es atractivo? Resultados sobre los 5 usuarios reales.

100%
Usabilidad

Todos los usuarios reportaron que el software es fácil de usar una vez aprendido el modelo mental.

100%
Atractividad

Confianza emocional ya conseguida: "visualmente es amable, da la confianza de que no explotará".

86,6%
Navegabilidad

El único frente con margen real. Findability y etiquetado: ahí concentramos el rediseño.

El dato que vende el caso

Excel vs. Breik · Tiempo real de planificación semanal

Comparativa declarada por los propios usuarios en sus organizaciones.

José · Yokono 35 trabajadores · Gastronomía
Antes (Excel)
120 min
Hoy (Breik)
30 min
−75%4× más rápido
Armiro · KrossBar 32 trabajadores · Gastronomía
Antes (Excel)
54 min
Hoy (Breik)
27 min
−50%3× más rápido
Carolina · Loomis 240 trabajadores · Outsourcing
Antes (Excel)
1 semana
Hoy (Breik)
3 horas
−98%12× más rápido
Los 3 problemas en 5 de 5 usuarios

Patrones universales, no anécdotas.

5 de 5

Casillas de "irrenunciables"

Todos los usuarios pinchan al revés. El control invierte la lógica esperada.

5 de 5

Colaborador recién creado no aparece

Rompe la confianza en el sistema. Estado del sistema no comunicado.

5 de 5

"Turnos sin asignar" no se usa

El nombre no comunica la función. Vocabulario roto en el labelling más caro del producto.

05 · Decisiones de diseño

Una arquitectura que evoluciona, no rompe.

Principio rector: minimizar el impacto de cambios radicales en la estructura ya familiarizada por el usuario. Refactor del menú principal, no reemplazo.

Antes

Arquitectura heredada

  • Calendario
  • Empresas
  • Normativas
  • Demanda
  • Reportería
  • Notificaciones
  • Integraciones
  • Configuración
  • Cerrar sesión
Después

Arquitectura escalable

  • Cambiar cuenta
  • Calendario [Autoasignar · Autocompletar · Autosecuencia]
  • Analíticas [Centro · Configuración]
  • Empresa [Empleados · Jornadas · Permisos · Cargos · Sucursales]
  • Normativas
  • Plantillas [Turnos · Secuencias]
  • Reportería
  • Integraciones
  • Ayuda [FAQs · Soporte]
  • Configuración
Vocabulario rediseñado

Cuatro reglas de oro: una palabra, sin ambigüedad, español universal, no específica.

Las etiquetas que confundían a los usuarios fueron reemplazadas por términos validados en card sorting cuantificado.

DemandaAnalíticas
AutofillAutoasignar
AutobuildAutocompletar
Turno sin asignarTurno abierto
EmpleadosColaboradores
01

Onboarding guiado

Flujo paso a paso con UX writing de marca: empresa, sucursal, jornada, cargo, colaboradores.

02

Analíticas accionables

Resúmenes en tarjetas, paneles de filtrado y pantallas de configuración separadas.

03

Userflow conectado

Desde el botón "Auto" del calendario hasta la creación de demanda. Atajos que conectan tareas.

04

Centro de ayuda

FAQs, soporte técnico y aprendizaje en un mismo punto del menú.

05

Visibilidad del calendario

Popups con stats, alertas, paneles integrados en la pieza estrella del producto.

06 · Artefactos del proyecto

Tres capas de producto entregadas.

Arquitectura, lenguaje y sistema visual. Un toolkit replicable, no un mockup aislado.

Sistema de diseño · Guía de estilo

Páginas exportadas del manual de marca: color, tipografía, iconografía e ilustraciones.

Sistema de diseño Breik · Paleta de color principal, secundario, neutro y de estado
Sistema de diseño Breik · Tipografía y escala tipográfica
Sistema de diseño Breik · Iconografía del producto
Sistema de diseño Breik · Lenguaje ilustrativo isométrico

Sistema de diseño · Componentes

Librería de componentes UI reutilizables del producto: desde formularios hasta tablas y gráficas.

Componentes Breik · Formularios
Componentes Breik · Cards
Componentes Breik · Cards de turnos
Componentes Breik · Botones
Componentes Breik · Tablas
Componentes Breik · Gráficas
Componentes Breik · Etiquetas

Sistema de diseño · Patrones

Patrones de navegación, notificaciones y KPIs replicables a lo largo del producto.

Patrones Breik · Navegación
Patrones Breik · Notificaciones
Patrones Breik · KPIs

Mockups · Producto en contexto

Mockup del producto Breik en contexto · 1
Mockup del producto Breik en contexto · 2

Pantallas del producto

Login, calendario y vistas operativas que conforman la experiencia diaria del usuario.

Pantalla de Login del producto Breik
Calendario Breik · Vista principal
Calendario Breik · Auto-asignar turnos
Calendario Breik · Detalle de turno

App móvil del colaborador

Vista exclusiva para colaboradores: consulta de turnos publicados, sin permisos de edición.

App móvil Breik · Mis turnos publicados
App móvil Breik · Detalle de turno
07 · Conclusión ejecutiva

No era un rediseño de rescate. Era un rediseño de escalabilidad.

Lo entregado: una arquitectura accionable, un sistema de prioridades validado con datos y un sitemap evolutivo que el equipo Breik puede ejecutar sin romper la confianza ganada con sus clientes.

UX Research formal Card sorting cuantificado Benchmark competitivo UX Writing system Sistema de diseño visual Prototipo de alta fidelidad
Conversemos sobre tu producto →