PHL International's new website just arrived, thanks to this Philly design agency - Technical.ly Philly

Creative

Jul. 16, 2019 2:22 pm

PHL International’s new website just arrived, thanks to this Philly design agency

PHL.org hosted 2 million users in 2018, a growing number of whom were looking on their phones. Here's how The Tactile Group worked with the airport to give the website a responsive overhaul.
The new PHL.org.

The new PHL.org.

(Gif by Julie Zeglen via giphy.com)

You could say PHL.org has really taken off on mobile these past few years. Despite increased traffic, though, the site stayed grounded in an outdated design.

From 2014 to 2018, mobile usage increased 42.03%, a spokesperson for Philadelphia International Airport told Technical.ly. (Desktop usage decreased by roughly the same amount in those four years, changing by a negative 42.98%). But the site, which hosted 6.5 million page views and 2 million users in 2018, wasn’t built to be mobile responsive, which led to slow download times on phones.

That’s where The Tactile Group came in: Over a nine-month period, the Center City-based digital design agency overhauled the digital landing zone of the airport that saw 31.7 million passengers pass through last year.

Before the redesign, a user’s first view of the homepage included a clear spot to find flight information and a meter tracking the fullness of parking lots, but it was missing quick security information and featured stagnant photography, a muted color scheme and outdated fonts.

The 2018 version of PHL.org. (Courtesy image)

The new site has quick links to maps of each security checkpoint and notes whether TSA PreCheck is available, and it features vibrant purples and whites and a background with videos of the airport and Philly life. It’s meant to be a quick snapshot of the most essential need-to-know-now info for travelers on the go.

The 2019 version of PHL.org. (Screenshot)

“One of the main goals was to make the website responsive,” said The Tactile Group Digital Project Manager Joe Kucharski. Before, when users went to PHL.org on their phones, they wasted time swiping and hunting through webpages. Instead, “the airport wants to ensure the people are getting up-to-date info, and getting that quickly and easily.”

Advertisement

The seven-person Tactile team used Drupal as its CMS with Azure as its server platform, hosted by a fellow LGBTQ-owned business, Bensalem-based Windows Management Experts; originally, the site ran with SharePoint on AWS. Drupal was chosen because “we felt it was the most flexible and cost efficient,” Tactile President and CEO Marc Coleman said.

“A big part of the process was reorganization of the information on the previous site,” said Stephanie Mordente, the senior UX/UI designer on the project. After an October kickoff, Tactile surveyed PHL staffers on how the site was being used and how it might be improved for their needs, and looked at the analytics on where users were spending their most time on the site.

The team also needed to “wrangle” three different APIs, Mordente said, including one from the Philadelphia Parking Authority that shares a live feed of availability in its garages and lots and is updated every 15 minutes.

The new PHL.org on mobile.

A final design was completed in January, and the new site publicly launched last week.

Though Tactile is familiar with government work — it also designed the website for the City of Philadelphia’sPhilly Delivers” campaign for Amazon HQ2, the City of Boston’s intranet and the personal website of former Philly mayor Michael Nutter, among other nonprofit and mission-driven projects — this was the agency’s first facing such an international audience: “You have people from all over the world seeing the site,” Mordente said.

It’s also likely to be Tactile’s highest-trafficked project, per Coleman.

“The Tactile Group was chosen because their team demonstrated a clear understanding of our operational needs and interest in our business and brand,” the PHL spokesperson said of the roughly $300,000 project. “We appreciated their collaborative approach to the design process, along with their previous experience working with government entities.”

In that public sector work, Tactile has built up expertise beyond the design process itself.

“We’ve been successful in working with the city because government work is our focus,” Coleman said. The specific kinds of contracts involved in government work “take a specific set of skills to cost accurately and administer properly. … Our development process, from visual design to choice of technology stack, is extremely collaborative. The airport was involved and informed at every step.”

-30-
CONTRIBUTE TO THE
JOURNALISM FUND

Already a contributor? Sign in here
Connect with companies from the Technical.ly community
New call-to-action

Advertisement

Paid family leave adds to the perks at Chariot Solutions

Why this dev planted roots at The Philadelphia Inquirer after starting her career abroad

Fort Washington-based Chariot Solutions is focused on putting its people first

SPONSORED

Philly

These hiring companies want to meet you at NET/WORK Suburbs

Philadelphia

Linode

DevOps Engineer

Apply Now

Philadelphia

Perpay

UX Designer

Apply Now

Chesterbrook, PA

Deacom

Inside Sales Representative

Apply Now

The Mount Airy-based author of ‘The Daring Book for Girls’ is back to inspire a love of coding

On the Market: Why you should consider a dev job at this poverty reduction nonprofit

Vetd’s community-focused platform tells you what’s in everyone’s stack

SPONSORED

Philly

Mastering the ‘halo effect’ in tech recruiting

Horsham, PA

Penn Mutual

Product Owner/Business Transformation Specialist

Apply Now

Center City

Inspire

Member Experience Specialist

Apply Now

Philadelphia, PA

Perpay

Frontend Engineer

Apply Now

Sign-up for daily news updates from Technical.ly Philadelphia

Do NOT follow this link or you will be banned from the site!