The Edmonton International Airport Authority, or EIA, manages a fast-growing international airport in Northern Alberta. They’re working hard to raise their profile and market share, in constant competition with a neighbouring airport. They had just undergone a huge rebranding project to completely revamp their image, and extensive renovations to give their customers a better experience. Our content strategy, Drupal development, and responsive web design work for the Edmonton International Airport helped their web strategy take flight.

FlyEIA responsive design
Why Drupal was chosen: 

We chose Drupal because of the customization opportunities of the tool.

  • The custom nature of FIDS was a major factor as the site wouldn't have been very easy to integrate in a non-open source platform
  • We've used Drupal on previous projects and know how easy it is to create custom modules and integrate them with a site.
  • With this project, we were able to create a bunch of custom content types to better manage EIA's content
Describe the project (goals, requirements and outcome): 

The Edmonton International Airport Authority, or EIA, manages a fast-growing international airport in Northern Alberta. They’re working hard to raise their profile and market share, in constant competition with a neighbouring airport. They had just undergone a huge rebranding project to completely revamp their image, and extensive renovations to give their customers a better experience.

The project: an airport website redesign RFP

Problem was, the website couldn’t follow through with the brand’s promise. It was dated and clunky, built on legacy technology and managed through a legacy CMS that made content editing challenging. The EIA team didn't want legacy technology getting in the way of telling their story.

The solution

User research and stakeholder research

Faced with a six month timeline and limited budget, we had to prioritize. Through several discovery workshop sessions, we investigated their biggest issues. What changes would make the biggest impact for EIA’s internal team and their customers? We focused on the core user tasks: what do air travellers most need to know or do before they get on a plane? Then we created the content, design, and technology systems to make that happen.

Content strategy and information architecture

EIA had a lot of duplicate content – most of it out of date. After an extensive content audit, we eliminated mountains of unnecessary content to streamline navigation and focus on core use cases. We rebuilt their website information architecture to reflect user tasks, not internal organization structure. We created content templates that helped the EIA team create structured, semantic web content to meet their users’ needs. Then we used an automated content migration tool to migrate hundreds of pages from the legacy CMS into the new Drupal website structure.

User experience design and visual design

We redesigned the airport website’s entire look and feel to show off their new brand. We worked directly with the client team in an iterative design process, and built style tiles and functional wireframes so they could see exactly what their site would look like and how it would behave. The responsive web design (RWD) build works on any device, which completely eliminated the need for the separate mobile application they had been maintaining.

Custom Drupal development

Once Drupal theming and content migration was complete, it was time to build some custom Drupal components.

Flight arrival and departure information is EIA’s most important content. The tool they used to store and display this info, the Flight Information Display System (FIDS), pulled info from multiple sources, and was updated constantly. Our new build had to work perfectly, or we’d have some upset passengers on our hands.

FIDS is a heavy-duty web application, so we had to make sure website performance wasn’t affected. It pulls data from an external database, joining multiple tables to build an ever-changing list of flight data. Our operations and development teams spent countless hours troubleshooting and testing it to make sure it had the right content and great performance, all on a Microsoft Windows platform, running IIS on the front-end and SQL Server on the back-end. For all you non-nerds out there, that ain’t easy.

The results

Our content strategy and governance work helped the EIA team optimize their work across all of their online communications channels. The entire EIA team learned how to create, implement, and maintain web content that works.

Our user experience strategy and responsive web design solution means that EIA won’t have to redesign their entire website again in a few years when technology changes – it’s ready for whatever the future of the web might bring.

And their new open-source Drupal CMS means that creating and maintaining the website is easier than ever. The communications team can manage their entire workflow in one place, instead of sifting through emails, phone calls, and in-person meetings to get things done.

On top of all that, we also:

  • Helped the communications team leverage their new CMS to create great web content, and decentralize content authorship for more efficiency
  • Created a user experience that helps users find the information they want quickly and easily, no matter what their device
  • Created a more flexible online advertising framework, allowing EIA to drive more revenue through their web channels
  • Helped internal stakeholders communicate their most important messages
  • Shifted the internal team’s focus to content and readability, so their website became a valuable resource instead of a filing cabinet full of legacy content

Technical specifications

Drupal version: 
Drupal 7.x
Why these modules/theme/distribution were chosen: 

The EIA site is pretty complex and has a couple of sub domains (Corporate and Cargo), but still needed to live under the same look and feel as the main EIA passenger site. Rather than creating actual sub-sites, we used the Domain Access module to separate the content displayed and owned by each sub-domain, while still being able to reference it across "sites". This additionally allows us to expand on the basic workflow to limit specific users to certain content types. To manage our workflow, we used Workbench and Rules as EIA has many editors and a few publishers. We needed control of their content, and a workflow from draft to published state.

Many of these modules were used to better display content in blocks or views. For example, we used FooTable as tables don't work very well with responsive design, so it was the best solution we found that would allow us to access all the information without impacting usability. We chose jQuery Multi over jQuery Update because Update tends to break on views functionality and the admin side, whereas Multi explicitly separates the jQuery libraries so they can be used in parallel. We've also utilized Context to position and build out many of the pages on the site.

We used Honeypot as our form of spam control over Captchas as it is better for accessibility, and usebility. Honeypot is just as effective as Captcha but it does not punish the user and force them to enter in barely legible text.

With the death of the Google Weather API, we've now switched over to using the Weather module. This has easily changeable templates and easily integrates into the site.

Additionally, EIA has a large media library, with many nested folders of organization. We utilized Media and Media Browser Plus so that users would be able to separate and save media into their respective folders. It has greatly improved their process of sharing and updating files.

We've installed both Google Translate as well as the internationalization modules. As a Canadian site, we wanted to have content in both English and French. However, the site has a lot of content, and not all of it could be translated in time. To cover the translation gap, and to help any other international visitor, GTranslate has been added so that a user may change the overlay to the language of their choice.

Project team: 

Designed and developed by the team at Yellow Pencil

  • Paul Bellows, Project Sponsor
  • Farhad Deboo, Project Manager
  • Kim Beaudin, Drupal Developer
  • Jasen Maminski, Drupal Developer
  • Alaine Mackenzie, Content Strategist
  • Carson Pierce, Director of Production
  • Erika Nakatsui, Marketing Manager
  • Graeme Duckett, Designer
  • Jordan Yeo, Business Analyst
  • Lori Pittard, Account Manager
  • Adam Myers, System Admin
  • Orville Ho, Quality Assurance Analyst
  • Phil Kneer, UX Designer
FlyEIA Home page
FlyEIA Parking page
FlyEIA Shop and Dine
Sectors: 
Travel and Hospitality

Comments

doppel’s picture

I think you forgot to add quicktabs module.

kimberlydb’s picture

Unfortunately just "Quicktabs" doesn't seem to pop-up in the auto complete only related modules.
We had a fairly lengthy list of modules already (and was told in our case study review we should actually limit that list a bit), so a few didn't make it up there, but yes, very useful module!

diomede’s picture

Hello,
nice website with responsive layout.
Did you use memcache or redis with entity cache module?
Thanks

kimberlydb’s picture

We used memcache with entity cache module.

michael_kombe’s picture

Hey Kim,

Nice job on this website! Just want to know a bit about different theming steps(options) that you used for this website.
Either you used an existing one or developed everything from scratch.
I'm really new in Drupal and developed a small website recently(that is to go live soon), just in case my question is not very clear, just want to get an idea about the theming of this website.

Thanks in advance!

kimberlydb’s picture

Hi Michael,

Sorry for delayed reply, I believe that for this site we used zen as a base theme and then created new templates where we needed to and added our own style sheets. For more theming tips I recommend reading through http://themery.com/dgd7/theming.

JaySmirks’s picture

Airport Transfers
Airport Transfers for Birmingham Airport, book a reliable airport transfer service with Plaza Travel. Plaza Travel’s experienced and vetted drivers are extremely familiar with the airport transfer service Plaza Travel has heavily invested in the latest technology, allowing us to offer a fast and reliable airport service to our customers. We also provide ’ring back’ services which calls the customers telephone when the vehicle is at the point of arrival. We also have a special discount rate of Birmingham airport taxi service .
Hope you will enjoy our adorable service .