Transit Guides

Change Theme Change Theme

I created a series of mobile-friendly and printable web-based guides to help college students find their way around the Philadelphia area on public transit. πŸšˆπŸšŒπŸšŽπŸš‹

Links to guides for participating schools: Haverford College ♦ Bryn Mawr College ♦ Immaculata University ♦ Harcum College ♦ St. Joseph’s University ♦ Swarthmore College ♦ Delaware Valley University ♦ USciences ♦ UPenn

As part of my advisory role with SEPTA (Southeastern Pennsylvania Transportation Authority), I collaborated with the members of the Youth Advisory Council to update new rider resources distributed to schools in the area. The existing resources consisted of brochures that needed to be individually updated in Microsoft Publisher, and often contained outdated information.

Consulting with students new to the area and/or have never ridden public transit before in small focus groups, I turned these brochures into web-based guides that are digital-first. It put forward resources pertaining to the 3 most commonly asked questions by students:

  • Where are the stops?
  • How much does it cost? How to I pay?
  • What does the train/bus take me?

Web guide for Bryn Mawr College: webpage

At the bottom of each guide, there is a card layout that allows information to be kept up to date between guides. (This is especially important for fare changes or the rollout of new payment methods.)


You can even print these pages to generate brochures using your browser’s built-in print command. Printed brochures are distributed at information desks and new student orientations at colleges throughout the Philadelphia area.

Printed guide for Bryn Mawr College: print preview

A simple YAML file provides the data for each of the guides. Information such as fares, maps, and walking directions are automatically generated (and kept up to date) based on what is provided in the YAML file.

layout: guide
title: Immaculata University
cover: /images/cover-immaculata.jpg
permalink: /immaculata/
zone: 4
lat: 40.0273391
lon: -75.5707867
- mode: bus
  name: Route 92
  frequency: Every 30-90 minutes
  route: Exton to King of Prussia
  station: Stops throughout West King Rd
  address: King Rd & Immaculata Dr, Immaculata, PA
  lat: 40.026764
  lon: -75.571116
  - To Exton - Exton Square Mall ...
  - To King of Prussia - Malvern Regional Rail ...
- mode: rr
  name: Paoli-Thorndale Line
  frequency: Every 15-30 minutes
  route: Thorndale to Center City Philadelphia
  station: Malvern Regional Rail Station
  zone: 4
  address: 54 N Bryn Mawr Ave, Bryn Mawr, PA 19010
  lat: 40.0366623
  lon: -75.5176516
    - Sports and Entertainment Complexes
    - Train/Bus to New York City
    - Train to Philadelphia International Airport
    - Shopping Destinations
    - Museums, Art, and Cultural Venues

Since rolling out these new guides, over 2500+ students have utilized them to find essential information on stops, routes, and fares relevant to their schools!

person picking up a magnet from a table

(Links to these guides can be found at the top of this post.)

About Melody

Photo of Melody!

Melody is a web developer, designer, and community event organizer based in Philly. You can find them on Twitter at @pixelyunicorn .

Tags & Sharing

#work #dev #design #transit
Mastodon Twitter View on GitHub Remix on Glitch

Support my work!

I do a lot of things: I write, draw, code, stream, and also drink a lot of tea. I would love to keep doing what I love to do, but these things take time in energy. That's where you come in. By supporting what I do, I have less to worry about so I can go back to doing what I love πŸ’–

Buy me a Taco! Patreon logo Subscribe on Patreon! Remind me later

More Posts