In 2016 I was asked by Prime3SG to conceptualize a responsive UI for a new web application for the city of Newark, OH. The app is used by the emergency services department to manage a fleet of snow plow and service trucks during weather emergencies.

A functional prototype of the site already had already been approved by the government commission, wishing to avoid the delay of additional bureaucratic approvals we were restricted from changing around the entire user flow of the application. Instead we opted to increase the prominence of critical fleet status information for easier at-a-glance understanding. Once high fidelity mockups were approved I began building the responsive HTML to be used as a framework by the development team.

High fidelity prototypes



Dashboard – Responsive Framework Prototype

See the Pen Newark AVL – Dashboard Responsive Framework by Phil Carter (@HandsomePhil) on CodePen.

Event Management – Responsive Framework Prototype

See the Pen Newark AVL – Event Management by Phil Carter (@HandsomePhil) on CodePen.

Login Screen – Prototype

See the Pen Newark AVL – Login by Phil Carter (@HandsomePhil) on CodePen.

Interface Palette

Data Visualization Palette