UX/UI that Transports

— JTA Schedules App

RESPONSIVE WEB APPLICATION

schedules-app-jta

 

 

— Marketing Strategy

Mobile & App Development

Web Design

/ 01

Introduction

The Jacksonville Transportation Authority (JTA) entered into an ongoing partnership with S4 to improve the web experience for their users with a larger focus on mobile. They contacted us in a time of need because their site was severely out of date and was being used in the scope of awards. We knew we needed to act quickly while not confusing riders too much with design and structural changes. In order to meet launch requirements set by the JTA, Phase 1 left the current website’s 10+ year old Content Management System (CMS) intact, but contained the look and feel of a brand new site.

JTA_windowNB

/ 02

The Challenge

When it comes to transit websites, users are easily affected by changes made to the UI/UX. Therefore, to avoid causing any disruptions, an iterative approach was taken. It was crucial to introduce improvements gradually and alongside effective marketing campaigns that would help educate users. 

  • Transitioned to mobile responsive design
  • Added interactive maps
  • Consistently making data-driven decisions to better serve JTA's audiences
Group 224

/ 03

Key Elements

In order to meet the launch requirements, phase 1 kept the current website's code architecture but gave the brand new site a fresh and updated look.

  • Increased visibility for key navigation items
  • Reorganized the layout for bet
  • Smoother functionalities 

/ 04

Brand Continuity

The project aimed to establish a clear visual identity for JTA online. While JTA had already been improving its traditional marketing materials and physical spaces with modern designs, the goal was to ensure that its digital presence also reflected these changes. jtafla.com carries all of JTA's visual identities providing a unified and positive experience. 
Type_DIN
JTA_ColorPallete

/ 05

Dynamic, User-Specific Results

The JTA website excels at organizing and showcasing bus schedules. With S4's enhancements, the schedules are now even more user-friendly and easily accessible on desktop and mobile devices. The improvements were made after rigorous user testing and strategic adjustments to the backend structure.

ui-route-schedules
Sched_Chart

/ 06

Mobile-Focused Experience

S4 discovered through user data that more than 80% of site visitors accessed the original site via mobile devices, despite it not being mobile compatible. To address this, Phase 1 focused on creating a new design that is responsive and accessible from any device.

jta-phone

/ 07

Inclusive Accessible Design for All Users

Our team at Station Four prioritizes 508 compliance by coding our websites according to the WCAG 2.1 standards. This ensures that our site is accessible to everyone, and we make quarterly improvements to stay up-to-date with changing ADA standards.

Group 229

/ 08

Getting the Word Out to the Public

Our partnership with JTA allows us to deliver the ultimate experience to all of our clients. We go beyond just website design and development by providing exceptional communication and training both internally and externally. At S4, we are committed to excellence in all aspects of our collaboration with JTA.

jta-schedules-landing-v1b
Group 230
Group 226

/ 09

Improving The Rider's Experience

Recently, we migrated JTA to Station Four's SaaS platform, eTransit, and launched Riders Hub last Spring. This hub allows for simple content integration on jtafla.com, live alerts, and an interactive map.

Web Design & Marketing Resources.

Is S4's WaaS Solution A Good Fit For Your Umbraco Website?

In today's fast-paced marketing environment, staying ahead of the curve is a constant challenge. Over the past 15 years, at S4, we've not only embraced this challenge but thrived ...
Chris Lahey
Chris Lahey

Content Strategy and Search in the Age of AI

When the internet was first emerging, we relied on search engines like Lycos, Dogpile, and Ask Jeeves. Searchers needed an intimate understanding of query syntax to narrow results ...
Chris Lahey
Chris Lahey

Paving the way to equitable public transportation websites through accessible design

At Station Four, we believe that true accessibility is not a mere checkbox to be ticked off during the development process of a website or digital interface. Rather, it is a ...
Station Four
Station Four

Bridging the Gap Between Front-End and Back-End Development

Building a website requires collaboration between many teams. To the untrained eye, front-end and back-end website development may look similar but in reality, they are very ...
Jeff Wilson
Jeff Wilson

Understanding, Creating and Optimizing Your Google My Business Listing

Setting up a Google My Business Listing is one of the most important things a business with either a brick and mortar locator and/or servicing a particular geographic area can do ...
Station Four
Station Four

Comp to Code: The Master Plan

Each time you visit a web page for the first time, your browser looks at the front end code and assembles the files in a way a user can interact with. Since this process ...
Jeff Wilson
Jeff Wilson

Five Essential Tools to Improve Communication Working Remotely

There’s nothing better than sitting in a room full of creative professionals, collaborating on a big web development project. Ideas are flying, the whiteboard marker is squeaking ...
Station Four
Station Four

Why You Should Build Your Website on the Umbraco CMS

Sitecore, Drupal, WordPress, Umbraco—the website platform scene is rich with options. Over the years, S4 built and managed websites on many platforms, and along the way a clear ...
Chris Lahey
Chris Lahey

Worth a Thousand Words: Getting the Images You Need for Your Website (The Right Way)

You may have heard it said before: “A picture is worth a thousand words.” Back when the expression was first established in the early 1900’s, printed papers, articles, and books ...
Station Four
Station Four

Like what you see?

Let us help you create an online presence that will take your business to the next level.