BHP EMAS — Johanna Rosales

1

Investigación operacionalOperational research

Antes de diseñar, levanté el contexto de las faenas, lo que los usuarios ya conocían y las restricciones ambientales que el sistema debía reflejar.

Before designing, I mapped the sites' context, what users already knew and the environmental constraints the system had to reflect.

Activos mineros en ChileChile mining assets

Minera Escondida (rajo abierto, 3.100 msnm) y Spence (Sierra Gorda): dos faenas con realidades distintas en un mismo sistema.

Minera Escondida (open pit, 3,100 m above sea level) and Spence (Sierra Gorda): two different sites in one system.

Herencia de UI existenteExisting UI heritage

Se respetó lo que los usuarios ya usaban en Life On: navegación hexagonal, matrices de riesgo (IF/IG), indicadores por severidad y semáforo de documentos por vencer.

I kept what users already knew from Life On: hexagonal navigation, risk matrices (frequency/severity), severity indicators and a traffic light for expiring documents.

Transición hídricaWater transition

El sistema debía mostrar el paso a agua de mar desalinizada y la protección de acuíferos (Monturaqui y Punta Negra).

The system had to show the shift to desalinated seawater and the protection of aquifers (Monturaqui and Punta Negra).

2

Sistema de diseño y tokensDesign system & tokens

Definí tokens de color con roles semánticos para Figma y desarrollo: identidad de marca, un semáforo de cumplimiento normativo (RCA y SMA) y superficies. Cada combinación se validó con contraste WCAG AA (≥ 4.5:1).

I defined semantic color tokens for Figma and development: brand identity, a regulatory compliance traffic light (RCA and SMA) and surfaces. Every pairing was checked for WCAG AA contrast (≥ 4.5:1).

primaryaccentsecondaryneutral successwarningdangerwater-info

3

Flujos de acceso por regiónRegion-based sign-in flows

Dos perfiles muy distintos entraban al mismo sistema. Diseñé un acceso para el personal de faena en Chile (selector Escondida/Spence, sesión por turno 7×7) y otro en inglés para el equipo corporativo de Australia con Microsoft Entra ID, ambos terminando en una verificación MFA con number matching.

Two very different user groups shared one system. I designed one sign-in for Chile site staff (Escondida/Spence selector, 7×7 shift sessions) and an English one for the Australian corporate team with Microsoft Entra ID, both ending in an MFA number-matching check.

Login Operaciones Chile — Operaciones Chile · Escondida & Spence

Global Staff Sign In — Australia & Global Corporate

Verificación MFA — Verificación segura MFA

4

Portal y dashboardsPortal & dashboards

Del portal de ingreso con los módulos especializados, al dashboard general de cumplimiento y al módulo de balance hídrico. Misma jerarquía en todas las vistas: KPIs arriba, tendencias al medio, pendientes y acciones abajo.

From the entry portal with specialized modules, to the general compliance dashboard and the water balance module. Same hierarchy across views: KPIs on top, trends in the middle, pending items and actions below.

Portal de Ingreso EMAS — Portal de ingreso: acceso SSO, marco de sostenibilidad y módulos (agua, aire, relaves, compromisos RCA).

Dashboard General Escondida y Spence — Dashboard general: cumplimiento RCA, riesgos Life On, calendario ambiental y documentos por vencer.

Balance hídrico y desalinización — Módulo hídrico: caudal de acueductos, plantas desalinizadoras y protección de cuencas.

5

Investigación y suite de testingResearch report & test suite

Cada pantalla se verificó contra un criterio concreto antes de entregarla a desarrollo, y el reporte se exportó a Figma para los equipos de producto y diseño.

Each screen was checked against a concrete criterion before handoff to development, and the report was exported to Figma for the product and design teams.

ID	Pantalla	Screen	Criterio verificado	Criterion checked
TEST-01	Login Portal	Autenticación SSO y selector Escondida/Spence	SSO sign-in and Escondida/Spence selector	PASS
TEST-02	Dashboard	Navegación hexagonal Life On, donas de riesgo y calendario	Life On hexagonal nav, risk donuts and calendar	PASS
TEST-03	Water Monitoring	Telemetría de caudal L/s, gráficos y acuíferos protegidos	L/s flow telemetry, charts and protected aquifers	PASS
TEST-04	Login Chile	Ingreso por turno 7×7 y credenciales de faena	7×7 shift sign-in and site credentials	PASS
TEST-05	Login Australia	Autenticación Microsoft Entra ID para Melbourne/Perth	Microsoft Entra ID sign-in for Melbourne/Perth	PASS
TEST-06	MFA	Desafío number matching de Authenticator hacia el dashboard	Authenticator number-matching challenge into the dashboard	PASS
TEST-07	Design tokens	Contraste WCAG AA (≥ 4.5:1) en botones y texto	WCAG AA contrast (≥ 4.5:1) on buttons and text	PASS

Cómo usé cada herramientaHow I used each tool

FiFigma

Pantallas, prototipos y flujos presentados a los equipos de India, Chile y Australia; tokens de color y specs para desarrollo.

Screens, prototypes and flows presented to teams in India, Chile and Australia; color tokens and dev specs.

</>HTML · CSS

Prototipos navegables en código para probar cada pantalla con datos realistas.

Clickable code prototypes to test every screen with realistic data.

JSNode.js

Script de verificación automática de las pantallas antes de cada entrega.

Automated screen-check script before each delivery.

AAWCAG

Validación de contraste para lectura en terreno y accesibilidad.

Contrast validation for field readability and accessibility.

⇄Scrum · Jira

Sprints, backlog y rediseños iterativos hasta la conformidad del cliente.

Sprints, backlog and iterative redesigns until client sign-off.

← Ver más casosMore cases