Concept · Rider clarity system Concept demo · explore it live

Front Range Transit Authority

A rider clarity system — routes, alerts, fares, and rider support, made easier to find in the moment.

Front Range Transit Authority connects a growing regional corridor — downtowns, hospitals, colleges, employment centers, and suburbs. Its old site was a digital filing cabinet: PDF schedules, scattered alerts, fare info split across pages. So Optimistic designed the whole rider-facing system — a confident new brand, vehicle liveries, a website built around real rider tasks, and the print and field communications that hold it together. This is a concept piece, built to demonstrate our approach; the agency is illustrative.

SectorRegional transit agency · Public mobility
RoleDigital Clarity Partner
Engagement2026
frta.gov
Front Range Transit Authority, homepage
WCAG 2.1 AA
Trip-planner-first homepage
Civic Brand IdentityRider-First Website SystemPrint & Field CommunicationsVehicle Liveries & SignageAccessibility (WCAG 2.1 AA)CMS GovernanceCivic Brand IdentityRider-First Website SystemPrint & Field CommunicationsVehicle Liveries & SignageAccessibility (WCAG 2.1 AA)CMS Governance

We don't redesign a transit website. We turn it into a rider clarity system.

The challenge

Front Range Transit Authority grew the way most regional agencies do — from a few local routes into a regional mobility network of fixed routes, express commuter lines, paratransit, student passes, and capital projects. The website didn't grow with it. PDFs and department pages worked for board meetings; they didn't work for riders trying to make real-time decisions in the rain.

The deeper issue: a transit website doesn't just inform — it directly affects whether people can get to work, school, appointments, and home. Buried alerts mean missed appointments. Hidden paratransit info means an inaccessible system. The brief wasn't a prettier site — it was reducing rider uncertainty.

The approach

One journey, applied to Front Range Transit Authority.

01

Rider research & content audit

We mapped the real questions riders ask in the moment — and rebuilt the architecture around those tasks, not the org chart. Plain language replaced "zone codes" and "service classifications."

Task-based UXPlain languageIA
02

Brand & visual system

A confident Transit Blue + Route Green + Signal Yellow palette in Barlow + Inter — built so a route number on a poster, a website, a bus livery, and a station sign all read as one system.

BrandWayfindingType & color
03

Trip planner & alerts first

The homepage leads with the trip planner and live alerts — not the agency. Three service types (Local · Express · Connector) replaced 42 routes of opaque numbering for new riders.

Trip plannerLive alertsMobile-first
04

Field communications

The brand extended into vehicle liveries, station signage, route detour notices, and a print system so the same rider sees the same clarity at the stop, on the bus, on the phone, and on a flyer.

LiveriesSignagePrint system
Brand & identity

We also built the brand the system rides on.

Front Range Transit Authority had no real system identity — just a logo on the side of a bus. So before a single page, we designed the brand: a route-line mark, a high-contrast civic palette, transit-signage type, and a vehicle livery system.

Then we built the website and the print on top of it. One F mark with three colored nodes (origin · transfer · destination) became the visual signature for every touchpoint — the website header, the bus exterior, the rider card, the alert flyer.

The markA single route line bends into an "F" with three nodes — blue origin, yellow transfer, green destination. The brand IS the system.
The paletteTransit Blue for identity, Route Green for active service, Signal Yellow for alerts and wayfinding — high-contrast, accessible, civic.
The typeBarlow for headlines and route numbers (transit-signage feel); Inter for body — readable at every size, on every device and every sign.
The voice"Catch Route 12 at 1st & Walnut" — not "Service rerouted via alternative wayfinding corridor." Plain language is accessibility.
The brand book, dissected

Inside the Front Range brand book.

A civic-transit identity built for clarity — a confident mark, a high-contrast palette, transit-signage type, and a voice that leads with the answer.

Logo

A single route line bends through three nodes — origin, transfer, destination — forming an abstract "F." Keep clear space equal to the diameter of a node; never recolor the nodes or stretch the mark.

Primary horizontal lockup
Primary horizontal lockup
The route-line mark
The route-line mark
Reversed on navy
Reversed on navy
Color
Transit Blue#005A9CPrimary identity, links, routes
Deep Navy#123047Headlines, footers, contrast
Route Green#2E9D64Active service, success
Signal Yellow#F7C948Alerts & wayfinding
Light Gray#F3F6F8UI surfaces, schedules
Alert Red#D64545Urgent cancellations only
Typography
Display · ExtraBold · Barlow
Catch your ride
Heading · Bold · Barlow
Route 12 detour through Sep 30
Eyebrow · Uppercase · Barlow
Service Alert
Body · Regular · Inter
Route 12 stops on Pearl St. are temporarily closed for construction. Catch the bus one block south at 1st & Walnut.
Voice
We sayCatch Route 12 at 1st & Walnut.
NotService rerouted via alternative wayfinding corridor.
We sayBus running 5–10 min late.
NotOperational variance from posted schedule.
Open the full brand book ↗
The communications system

One brand, every touchpoint.

A transit brand has to work at the bus stop, on the bus, in the rider's hand, and on the printed schedule. Same mark, same voice, same clarity — whether it's the homepage trip planner or a paper door hanger announcing a detour on your block.

WebsiteTrip plannerLive alertsVehicle liveriesStation signagePostersBrochuresProject bannersDetour noticesBusiness cardsRider cards
First-rider brochure
First-rider brochure"Your First Ride Made Simple" — for community colleges, libraries, social services offices.
Project-site banner
Project-site banner"Downtown Transit Center is getting an upgrade" — strapped to the construction fence.
Awareness poster
Awareness poster"Plan your trip before you go." Posted at transit centers and community colleges.
Staff business cards
Staff business cardsRider Support Coordinator — front and back.
Route-change door hanger
Route-change door hanger"Route 12 detour this week" — distributed to riders on the affected block.
What’s inside

A rider clarity system, not just a website

Trip planner, first

A homepage trip planner with from/to, depart-now / arrive-by, and an accessibility preference — answers the only question most riders are asking.

Live route alerts

A persistent yellow alert strip and a panel that groups active alerts by severity, with the affected route badges right inline.

42 routes, 3 service types

Local · Express · Connector — three clear pathways with route badges, frequencies, and accessibility every rider can understand.

Fares & passes, side by side

A 4-card comparison: single ride, monthly unlimited (featured), student, and reduced fare — eligibility and purchase paths inline.

Audience pathways

First-time riders, accessibility & paratransit, students, daily commuters, seniors, and employer/partners — each with their own clear path.

Projects translated for riders

Every capital project explained as rider impact, not org chart: which routes shift, which stops change, when service returns.

Built for rider clarity

Answers in the moment — not three clicks deep.

42
Routes on one clear system
3
Service types (Local · Express · Connector)
4
Languages supported at launch
AA
WCAG 2.1 accessibility

A task-first transit platform: riders plan a trip, check an alert, or buy a pass from the homepage — not after navigating department pages. Names and data shown here are illustrative concepts.