Cameras

The cameras page shows a list of camera snapshots from most viewed to least. The real-time travel data search and on-page filters narrow down the results.

Anatomy

Top of page advertisement

Same as the top of page advertisement in travel alerts.

Filtering section

The cameras page has no map and does not display camera images until the user makes a selection by searching, filtering or selecting one of the filter buttons.

The cameras page filters are a single-select across all sets. The filters are styled as links which indicate that only one is available for selection at a time.

Filter sets

The list of filter sets so far include:

  • Category

Camera cards

The list cards on the page display all of the cameras.

The camera cards contain a title, nearest milepost and city link, refresh rate, link to determine which way the camera is pointing, tag indicating there is an alert, a button and the camera image with the time stamp.

If there is a travel alert tied to cameras, that data can be used here to pull up an alert associated with the camera the user is viewing. The button can also be used to access a linked project. Similar to the modal functions in travel alerts.

See travel alerts alert cards for sizing and spacing specs.

Bottom of list ad

A space at the bottom has been reserved for additional ad space if needed.

circle-info

Inspect real-time travel data in public site mockups in Figmaarrow-up-right

Last updated