Transit Labs

Data tools that help cities plan, fund, and manage transit, at a company backed early by the US DOT.

IndustrySoftware
ClientTransit Labs
RoleCreative Director
FocusBrand Identity, Product Design, UX, RFPs

Summary

Overview

Transit Labs builds infrastructure data tools that help cities plan, fund, and manage transit, roads, and traffic systems. Founded in 2012 with early funding from the U.S. Department of Transportation, the company's work now spans bus route planning, highway grants, and traffic systems used as far as Africa. TAP is the founding platform. It is the company's own tool for transit agencies. It models how well a route runs, and shows what changing one does to the funding an agency can claim. Building it meant a full design across brand, product, and user experience.

Challenge

A young data company had to look credible to federal and city transit agencies. It also had to ship a complex product fast. The identity, the public site, and the app had to feel like one system, built by a small team next to the engineers.

Process

01 Identity

A logotype, icon, and a blue and marigold palette that had to read as credible to a federal agency and as modern to a venture investor. The system covered business cards, pitch decks, proposals, and the public site, set throughout in Proxima Nova.

02 Structure

Concept models, heuristic reviews of the existing federal tools, sitemaps, user flows, wireframes, and clickable prototypes. Structure was settled with the engineers on a whiteboard before a single screen was styled, while changing it was still cheap.

03 Product

A modular dashboard where each transit authority sees only the modules it needs, with agency and user management, role privileges, and the validation flows that let an analyst and an agency resolve a data discrepancy against the figure itself.

04 Direction

A mixed team of staff designers and outside contractors worked under this lead, with regular check-ins with company leadership to keep design decisions tied to real engineering constraints. The same direction carried into RFP responses, proposals, and the public site, iterated directly in front-end code.

01 The Brand

Two Ideas in One Mark

Transit and data had to share one identity. The logotype ties them together: a route line climbing through an open circle, with nodes marking the stops. Blue carries the data side, marigold the movement. Proxima Nova set everything from business cards to federal proposals.

The system had to work in places a startup logo usually does not go. It sat on pilot contracts with state departments of transportation and on decks read by the Federal Transit Administration. The company looked established before its first pilot closed.

Three Grounds, One Mark

Each half of the palette carries a light and a dark, so a ground that changes has somewhere to go instead of a second mark to reach for. The icon stands on its own wherever the full lockup will not fit. A mark that only works on one ground is a mark that cannot go on a contract.

The icon on its own, the lockup on each of the three grounds it runs on, and the four inks the mark is drawn in
The icon on its own, the lockup on each of the three grounds it runs on, and the four inks the mark is drawn in
02 TAP

The Annual Dashboard

Every transit agency in the country reports to the National Transit Database, the federal program that apportions funding on what those numbers say. TAP is where an agency works out what its own numbers mean.

One shell holds six modules, and the dashboard puts a whole year on one scroll. Each module takes a card, and each card opens into the module behind it, so a director reads the state of an agency without leaving the first screen.

A style guide built into the product made that repeatable, a page inside the app rather than a file on a server, so the type scale, the button states and the table patterns stay live. Every module after it was assembled from those parts.

The dashboard as it shipped, beside the style guide that set its type, buttons, forms, and tables
The dashboard as it shipped, beside the style guide that set its type, buttons, forms, and tables
03 TAP

Six Modules, One Record

Six modules is a count. What makes them one product is that they read the same record, and the join is visible in the screens themselves. Peer Analysis scores a group of five agencies out of the criteria an agency files under, and the five charted in Performance Metrics are those same five by name.

  1. What an agency puts in

    • RideCheck counts from the bus
    • Passenger surveys
    • The monthly filing, typed
  2. held as

    • One agency record
  3. which Peer Analysis scores into

    • One peer group, five agencies
  4. and these three read that group

    • NTD Reporting
    • Performance Metrics
    • Federal Funding

Transit Maps and Asset Management are the exception, and they are the exception in a useful way. They work on the physical network the figures describe, so they take the same shell, the same style guide and none of the peer group.

04 TAP

The Modules, One by One

Four work on the figures an agency files. Two work on the network those figures count.

  1. NTD Reporting

    A column of measures with a field at the end of each one, and beside every field the three-year average, last month and the previous year, for the agency and for its peers. A figure is easiest to get wrong when nothing on screen says what it should look like, so a number an order of magnitude out reads as wrong while it is being typed.

    The monthly report, with the agency's own history and its peers' beside the field being filled
  2. Peer Analysis

    A peer group is derived, not chosen. Agency type, urban area population, operating budget, region and four more criteria, each read off the agency's own filing. That is what makes the rest of the platform defensible: a peer group an agency assembled for itself invites the question of why those peers, and a federal reviewer will ask it.

    Peer Analysis: the criteria a group is derived from, and the scored result
  3. Performance Metrics

    The agency against that group across seven categories, financial through safety. Operating revenue is five pie charts, one per agency, and those five agencies are the five Peer Analysis scored, which is the whole point of deriving the group in one place.

    Operating revenue by source and average trip length, the agency against its five peers
  4. Federal Funding

    The comparison turned into money. The STIC eligibility table sets each measure against a benchmark, says how far short the agency falls, and then says what closing it takes. Not "below benchmark" but 50,100 more vehicle revenue miles. Above it sit four figures: funds earned, funds at risk, funds attainable, total opportunities. A director arrives at that screen with a number to defend and leaves with a number to chase.

    STIC eligibility: each measure against its benchmark, and what closing the gap takes
  5. Transit Maps

    The route rather than the figures. A stop placement study on Route 9 marks six stops for removal and ten for addition, and the panel beside it prices the change: average benefit cost 1.7, thirty seconds added to the walk, forty-five taken off the ride. Seven visual categories sit under it, demographics through topography, so the same map answers a different question each time.

    Route 9 stop placement, with the walk and ride time the change costs and saves
  6. Asset Management

    The fleet on the same map, a vehicle opening to its make, model, year and last service date. It is the plainest module and the one an agency opens most, because a bus that is not where the schedule says it is makes every figure upstream wrong.

    Asset location, with a vehicle's make, model, year and last service date
05 TAP

The First Build It Replaced

The module model did not arrive with the dashboard. The first build already split the platform the same six ways, each its own space inside one shell, with admins setting which of them a user could open.

Getting that split right mattered more than any single screen. Everything after it, the dashboard included, was an arrangement of modules that already existed.

The first annual report: every month carrying its own state, inside the module shell
The first annual report: every month carrying its own state, inside the module shell
06 Reporting

Validation, Step by Step

Validation is where the platform earned its keep, and it is a sequence rather than a screen. Keeping the talk on the figure is what holds the proof and the argument together, and that split is what usually goes wrong when a filing is disputed months later.

  1. The rollup, with every issue on it

    Three validation issues, one of them still waiting on the agency, and a counter for each. Every issue stands against the row it came from, not in a queue of its own, so the list is the submission with its problems showing.

    The validation issue rollup, three issues against their own rows
  2. A thread on the figure itself

    The flag is specific: Miscellaneous Expenses, Vehicle Operations reports $0 where $67,899 was reported the year before. The agency answers in the thread hanging off that number, and the answer is that last year's advertising campaign was filed under the wrong heading.

    The flagged figure expanded, with the agency's reply in a thread against it
  3. The analyst closes it

    Resolution is typed into the same thread, beside the figure that caused it. Nothing moves to an inbox, so the number, the challenge and the answer stay in one place for whoever reads the filing next.

    The analyst typing a resolution into the thread
  4. The year closes

    The row goes green and struck through, the issue count drops and the responses needed go to zero. A year closes when that second counter is zero and not before.

    The validated row struck through, with the counters down to two issues and no responses needed
07 Accounts

Activation, in Wireframe

Transit Labs activates a transit authority and assigns an admin. That admin invites their own users and sets what each can do. Federal staff and outside consultants fit the same model. One product had to serve a rural agency with four buses and a metropolitan authority with two thousand.

The account and role screens were settled in low fidelity first, because the question was never what they looked like. It was who can see which module, who can submit on an agency's behalf, and what happens to a submission when the person who started it leaves.

User management and annual intake in low fidelity, where the privilege model was settled
User management and annual intake in low fidelity, where the privilege model was settled
08 Accounts

Activation as It Shipped

Activating a user takes a name, an email, and a role. Activating an agency takes more, because an agency arrives with NTD identifiers already attached and an admin who will invite everyone else.

Each one does the whole job in a single pass. An analyst setting up a new authority never leaves the management screen, which is the difference between a task and an afternoon.

User activation and agency activation as they shipped, each carrying its own NTD identifiers and roles
User activation and agency activation as they shipped, each carrying its own NTD identifiers and roles
09 In the Field

RideCheck, Set Up at the Curb

Not all the data arrives through a browser. Some is collected by a person standing on a moving bus counting who gets on and who gets off, and some by asking riders questions while they travel.

RideCheck starts at the curb, before any of that. The tablet finds the trip list for where it is, the surveyor picks a direction and a trip, and everything the counting screen needs is settled while the bus is still stationary.

The intake screen, where the trip and the direction are chosen at the curb
The intake screen, where the trip and the direction are chosen at the curb
10 In the Field

RideCheck, Counting and Nothing Else

What is left once the bus moves is two numbers. The screen is laid out for a thumb and not for a reader: nothing on it needs to be read to be used, and the four things it does show are the four things a count cannot go wrong without.

The RideCheck counting screen, with four of its regions outlined and numbered
  1. Boarding takes half the screen

    The left half is one target. A surveyor on a moving bus is holding a rail with the other hand and watching the door, not the tablet, so the counter is the size of the thing it has to be hit with.

  2. Alighting takes the other half

    The same target mirrored, and nothing between them to hit by mistake. Two counts are the whole job at a stop, so two halves are the whole screen.

  3. The trip is already decided

    Stop, direction and route are set at the curb, and the screen shows them without offering to change them. Nothing here is a control, because a wrong tap in motion is a filing error nobody catches until the year is disputed.

  4. So is the sequence, and what it has taken

    Every stop on the route in order, with the boarding and alighting counts already recorded against each. The surveyor reads where they are in the run instead of remembering it.

11 In the Field

The Passenger Survey and Its Login

The passenger survey is built for the second kind of collection, where the questions go to riders while they travel instead of to the door.

The login exists for a smaller reason that decides a lot. A surveyor picks up whichever tablet is charged that morning, so the device cannot be the identity and the person has to be.

The passenger survey, and the login a surveyor passes through on whichever tablet they pick up
The passenger survey, and the login a surveyor passes through on whichever tablet they pick up
12 The Blueprints

Information Architecture

Congress mandated transit data reporting in 1974, and the reporting burden has grown ever since. Before any screen was styled, the work was figuring out what a transit authority actually has to file, who signs off, and where the process breaks.

That meant whiteboard sessions with the engineers, and a wireframe for every module before any of it was designed. The blueprints settled the argument about structure while it was still cheap to change.

The module map worked out with the engineers, and the wireframe for the annual reporting dashboard that came out of it
The module map worked out with the engineers, and the wireframe for the annual reporting dashboard that came out of it
13 Business

The Marketing Site

The marketing site was a handful of plain pages, each carrying one answer. Every one had to survive the same audience problem as the identity. A procurement officer at a state DOT and a venture investor would read it in the same week and need different things from it.

  1. The homepage

    What the company was and what the product did, settled in the first screen.

    The homepage, naming the company and the product in the first screen
  2. The about page

    Who the company was, and how a pilot contract worked. The whole company wrote the copy together, which let design skip straight from outline to high fidelity and then into front-end code.

    The about page, carrying the company and the shape of a pilot contract
  3. Peer analysis, in plain words

    One of the two analysis modules, written in the words a transit director could take to a board rather than in the language of the platform.

    The peer analysis page, the module explained for a board rather than a user
14 Business

The Investor Deck and the Proposals

The work that happens before a contract exists took the same direction. The investor deck opens on the problem, not the product. Transit money does not go where it should. The data behind those calls is gathered by hand, and federal funding rests on the result. Only then does the platform appear.

The deck, the RFP responses and the proposals were the same job as the software. At a company this size, a designer who can build a board-ready case is the gap between a pilot and a payroll. Proposals and RFP responses went to city and county agencies and a regional commission in five states.

The investor deck: the problem, the data behind it, and the scale of what it decides
The investor deck: the problem, the data behind it, and the scale of what it decides

Notes

Impact

Two Generations Of the platform designed, from the first module set to the mature reporting dashboard
Web and Field One system spanning a browser platform and a tablet app used on moving buses
Brand to Code Identity, product, UX, proposals, and the public site under a single direction
Federal and City Agencies onboarded with their own admins, users, and privilege levels
Riders First User research and app testing that found and fixed real problems for daily riders
US DOT Winner Data Innovation Challenge, the credential the investor deck led with

More Work

View All