Back to selected work

Networking / product UI2020–Now

ARRA Networks

From a single connection to a network in view.

Role
Front-end developer
Contribution
Vue and TypeScript admin interfaces, network-management dashboards, and captive portal UI.
  • Vue.js
  • TypeScript
  • Admin dashboards
  • Network management
  • Data visualization
  • Captive portals
ARRA Networks film moving from a view of Earth into a connected network landscape.

Understand the whole. Inspect the detail.

My work with ARRA spans network-management and captive-portal interfaces. This case study follows the NMS experience: bringing terrain, individual links, and operational status into a shared view, with the details needed to understand each connection close at hand.

01 / Terrain analysis

Start with the ground beneath the network.

Geography, elevation, and the planned origin node share one frame. The site view keeps the physical landscape visible alongside the information that shapes the next connection.

ARRA NMS terrain presentation showing a planned origin node on a relief map, with an elevation profile and environmental information.

02 / Link inspection

Selecting a link brings its endpoints into focus without losing the surrounding network. Distance, signal margin, clearance, and status sit beside the route they describe.

ARRA NMS link-inspection presentation highlighting two connected nodes, a signal corridor, destination details, and a link summary.

03 / Mesh planning

Make the path readable.

The map and elevation profile work together. A selected path can be considered against the terrain below it, while signal and clearance details remain close to the visual analysis.

ARRA NMS mesh-planning presentation pairing a selected network path with a terrain and signal-profile chart.

04 / Network formation

See individual nodes become a network.

As connections come together, the view widens from one site to the mesh around it. Node state, coverage, and network health share the same geographic context.

ARRA NMS network-formation presentation showing linked nodes across a relief map, an emphasized origin, and network-status information.

05 / Operations overview

A clear view of the whole system.

The operations view connects the network map with traffic, device status, resource usage, and recent events. Spatial understanding and ongoing oversight come together in one interface.

ARRA NMS operations-center presentation combining a network map, device summary, traffic charts, resource usage, mesh details, and recent events.

Complex networks. A clear perspective.