Case 045Diseño de app web y panel
Orka
Un panel de administración en portugués para equipos que reportan lecturas de agua, con una vista general, una lista filtrable y una pantalla de detalle para cada unidad.
- Mi papel
- Diseño de interfaz
- Estado del proyecto
- Diseño de interfaz · archivo de Figma

01
Mi contribución
Orka es un panel de administración para escritorio, en portugués, para gestionar equipos, las personas que los usan y las empresas a las que pertenecen. Las unidades reportan lecturas del agua como pH, ORP y temperatura.
Tres pantallas sostienen la estructura: una vista general, la lista de equipos y el detalle de una unidad. Todos los valores en ellas son datos de ejemplo.

02
Primero los totales, con los eventos recientes cerca
La vista general abre con cuatro bloques azules para equipos, equipos premium, empresas y usuarios. Debajo, dos gráficos dividen los equipos por plan y los usuarios por nivel de acceso, y un gráfico de líneas sigue los equipos nuevos a lo largo del año.
Las notificaciones tienen su propia columna, así que eventos como un pH cercano a su límite o una unidad sin señal quedan en esta pantalla en lugar de en otra página. Una versión corta de la lista empieza al final de la misma pantalla.


03
De la lista a una unidad
La lista está hecha para leerse de un vistazo. Las pestañas separan los equipos en todos, gratuitos y premium, y cada fila reúne en una línea las últimas lecturas, el estado, el plan, la empresa y las alertas. La temperatura cambia de color según su nivel y una alerta aparece como un triángulo con la cantidad, así que las excepciones resaltan.
La pantalla de detalle mantiene el orden de la vista general para una sola unidad: las lecturas actuales en los bloques grandes, los valores del inversor en una fila más clara y luego gráficos de cómo varió cada lectura, con su mínimo y su máximo. El medidor de pH marca rangos como no aceptable, aceptable y deseable, lo que convierte un número en un juicio.
