[CASE STUDY / 05]> MUNICIPAL OPERATIONSOpen prototype ↗

Civeo /

I turned an Excel-led service process into one readable operating surface for internal teams working with municipal diputaciones.

Role
POC Product Designer
Users
15 internal workers as users and testers
Stack
HTML · CSS · JavaScript · Leaflet · Open-Meteo
My ownership
Product framing · Information architecture · Prototype
[ PROJECT SCOPE ]

A focused POC, tested with the people who would need to read the operation.

Users and testers15

Internal workers involved in operational workflows.

Information model4 levels

Province, category, section and operational panel.

EvidenceWorking POC

A coded product with live states, editable widgets and an embedded assistant.

Civeo municipal operations dashboard

One surface keeps the active context, live signals and next actions together.

The data existed. The operating context had to be rebuilt every time.

Teams relied on Excel and separate service views. A worker could find an individual number, but understanding its province, service and next action required memory and repeated explanation.

I treated the brief as an information architecture problem. The POC had to preserve the question a person was answering while they moved from a provincial overview into operational detail.

Starting pointExcel and disconnected views
Design questionHow can context survive the route?
ConstraintStay useful when live data fails

I listened for the moments where people lost the thread.

The workshop and walkthrough material helped separate a navigation symptom from the deeper continuity problem.

Civeo workshop research and synthesis
Research synthesis: context, questions and operational signals.

Navigation became the operating model.

Every transition had to answer three things: where am I, what changed and what can I open next?

01

Province

Start with the geography the team is responsible for.

02

Category

Move into a service such as irrigation, mobility or air quality.

03

Section

Choose the operational slice that needs attention.

04

Panel

Read metrics, alerts and actions in one working view.

The useful unit is the widget, not the page.

Operators can shape the dashboard around the current task without changing the shared meaning of the system. A short catalogue protects consistency while edit mode gives the working surface enough flexibility.

Product boundary: personalise the surface, keep the meaning shared.

01

Add / remove

Choose the useful widgets and clear what the task does not need.

02

Arrange

Drag cards into the order the current shift requires.

03

Resize

Give more space to a chart, table or operational KPI.

04

Persist / reset

Keep the view locally or return to the shared default.

The interaction is evidence.

The sequence shows the model at a glance. The embedded version underneath lets you change province, edit the dashboard and open the assistant yourself.

Civeo dashboard workflow
Dashboard context, widget editing and the contextual assistant in one short flow.
INTERACTIVE PROTOTYPEOpen in a new tab ↗

Live data is useful when its state is visible.

The weather card reads Open-Meteo for the selected province. Loading, live, timeout and offline states are part of the interface, so an unavailable reading never masquerades as a valid one.

01

Loading

Reserve the card while the request is in flight.

02

Live

Confirm that the reading and source are current.

03

Timeout

Abort the request without blocking the dashboard.

04

Offline

Explain what is unavailable and preserve the rest.

The assistant can interpret the interface. It cannot invent its data.

The agent sits inside the panel rather than in a separate chat. It reads the selected province, KPI and notification state, then offers explicit actions tied to the visible product.

Civeo uses a local rule engine instead of a remote generative model. That made each response inspectable and established the grounding rules a future AI implementation would need.

Reads

Current product state

Province, panel, indicators and notifications.

Offers

Explicit actions

Known suggestions that map to real interface functions.

Refuses

Ungrounded answers

No plausible response when the product has no evidence.

AI accelerated the prototype. Product judgment set its boundaries.

I worked as the POC designer and used Claude and Codex during exploration and implementation. I defined the hierarchy, interaction rules, data states and the limit of the assistant.

The 15 workers were the users and testers. I reviewed the result in the browser and against the code, including persistence, province changes, Open-Meteo states and assistant actions.

A shared operational model people could inspect and challenge.

The interface became useful when it stopped asking people to reconstruct the system in their heads.

[N. NEXT]

> MORE WORK