HERRAMIENTA INTERNA EN MI EMPLEADOR · ANONIMIZADO

Una sola pantalla para manejar cada puesta en marcha

Herramienta interna en mi empleador, una empresa B2B de software de leasing · Anonimizado

Problema

Las puestas en marcha para bancos y arrendadoras vivían en la cabeza de la gente, en chats y en hojas de cálculo.

Construí

Una sola pantalla para toda la operación, funcionando sin ningún servidor.

Resultado

10 pestañas por cliente, y la primera reacción en la demo fue: "¿Cómo conseguimos acceso?"

client-rollout-cockpit
Visual ilustrativo de interfaz

Stack

React 18TypeScriptViteTailwind (sistema de diseño propio)

El problema

Las puestas en marcha para bancos y arrendadoras se seguían en la cabeza de la gente, en chats y en hojas de cálculo. Nadie veía el estado. Nadie sabía qué tan ocupado estaba el equipo de verdad. Cada problema llegaba de sorpresa.

Qué construí

Una sola pantalla para toda la operación.

  • check_circle

    Una portada con los números clave, y una lista en rojo y ámbar de lo que necesita atención hoy.

  • check_circle

    Una línea de tiempo de todos los clientes, semana por semana. Arrastras una barra para moverla o alargarla.

  • check_circle

    Una página por cliente con diez pestañas, con los problemas abiertos, las notas de las juntas y el registro de cada decisión y de quién la aprobó.

  • check_circle

    Cuatro tipos de usuario. Los datos de cada cliente se mantienen separados en tres niveles. Una vista de capacidad muestra qué tan lleno está el equipo cada semana.

  • check_circle

    No necesita ningún servidor. Son solo archivos, así que corre en una laptop de trabajo bloqueada.

Prueba

10
pestañas por cliente
4
tipos de usuario
3
niveles que separan los datos de cada cliente

Hecho para calcar los diseños aprobados al píxel, con un solo conjunto escrito de reglas de diseño. Primera reacción en la demo interna: "¿Cómo conseguimos acceso?"

Visual ilustrativo de interfaz
Visual ilustrativo de interfaz
arrow_back Anterior Una base que reutilizo para cada cliente
Siguiente arrow_forward Project Flow: la herramienta desde la que manejo mis días