Contact me
Experience design

Connected vehicle data insights platform

Connected vehicle data insights platform

Wejo Studio UI UX Design

Overview

Wejo Studio was designed to visualise traffic behaviour in real-time, to enable traffic managers, city planners and government agencies to optimise their transport strategies. This case study shows various aspects of the platform, and how I approached them from a UX perspective.

As part of the structure and architecture of Wejo Studio as a portal, we included single sign-on (SSO) and two-factor authentication (2FA) for sign-in, as described in the user flow and wireframes below. This was the very first user flow created for Wejo Studio and informed not only the user journey for accessing the portal, but also helped to inform the basics of how the wider platform would be built from an engineering perspective.

User flow & wireframes: Sign in

Login screen UI
Login screen UI

Production-ready screens

Login screen UI
Login screen UI

Intersection Performance

Intersection Performance is a product that allows traffic managers to view real-time and historical vehicle behavior at intersections across the entire U.S. road network, visualised in a clear, accessible way. As the first tool of its kind, it replaced manual roadside counts traditionally compiled into reports.

Our early design decisions were shaped by interviews with traffic managers to validate assumptions and uncover knowledge gaps. From these, we identified their key tasks, workflows, and priorities. Collaborating with Business Analysts and product teams, I developed user flows and wireframes to map these tasks into a digital experience, then built prototypes and initial production versions, tested both internally and with traffic managers in regular iteration cycles.

Result: Multiple U.S. Departments of Transportation adopted the tool within its first year, generating over $1 million in revenue per quarter.

User flow: Configuring insights dashboard

Login screen UI

Production-ready screens

Login screen UI
Login screen UI
Login screen UI
Login screen UI

Traffic intersection data visualisation

We faced a unique question of how live data of a traffic intersection should be visualised. The aim was to visualise traffic intersections in a clear, consistent and intuitive manner, no matter the complexity of the intersection and traffic movement (from simple suburban junctions to major interchanges, freeway merging and U-turns). It was as much a challenge for the engineering team as it was for design, with AI and machine learning used to define exit and entry points.

Working within these technical confines, I explored many visual solutions to find a simple, elegant, uniform solution which could be applied to any intersection across the US road network. This exploration involved hand-drawing over random intersections from Google Maps and inspiration from HUD graphics from sat-nav systems.

Visual concepts

data visualisation concept
data visualisation concept
data visualisation concept
App screen
App UI
UI design
Creative Areas
Tools