top of page

Porter Landing Pages and Microsites

Responsive Web Design

As the visual designer for Porter Airline's marketing team, I am responsible for designing responsive landing pages and microsites that showcase upcoming launch announcements, loyalty promotional campaigns, and sale information

In building these pages, I developed new modules and design systems, as well as designing hero images and banners.

Route Page Redesign
I had the opportunity to redesign Porter's route pages that are hosted through EveryMundo to show dynamic fare modules and act as an informational and booking page.

The original page was lengthy, unengaging and bloated in content. The destination copy helped with SEO so it needed to remain the same but the entire design needed a revamp. Since these pages are hosted through EveryMundo, there were many technical limitations such as the design of the fare modules and booking widget.

Wireframes and Mockups
Early wireframes of the page and exploration of booking widget, fare modules, and main content

Updated Design
Alongside a brand new visual design, I also chose to display the content of the page in drop down tabs. This way the page was easier to navigate and didn't appear as a wall of text to the user. The stakeholders also requested that the page had banners to advertise new promotions like the BMO x Porter credit card, as well as showcasing the porter experience. 

View live page here

bottom of page