UI Graphics & CSS


PeopleFlow is a web-based application that allows clients to track individuals or devices in a given area using any combination of WIFI / Bluetooth pings and heat / motion detecting photography. The data is presented to a client to identify trends & behaviours, track visits, trigger actions, and prove ROI.

The Project


My task was to improve upon the User Interface of an existing beta version of the software using their brand guide for creative direction. With a limited timeline and budget, the overall page layout and functionality were to remain untouched.


First, mock-up screens were drawn and presented to the client. Then the appoved designs were implemented through image creation and CSS within the application.

Login Page
The site uses CSS to render scalable full-page designs, and is resposnsive for tablets and other devices.
Visitor Counts
On the right are a series of charts. On the left, a site map. The charts available for selection are customizable to clients' specific needs.
Date & Time Modal
Users can specify the time frame for the charts they are viewing.
Distance Circles & Identifier Details
Select a device to show its details and relation to on-line routers. The orange dots represent individual IDs, while the green dots represent routers. It's important to note the every ID is given a new and unique identifier so that repeat visits can be tracked without comprimising a person's privacy.
Zone Selection
Select any zone on the map to filter the charts by a specified area.
Heat Map
Heat sensors have been added to the application to ensure accuracy.

I am a designer based in Toronto Canada.

Please feel free to contact me.