Jetstar

MVP Website Design

Jetstar Airline teamed up with Isobar to redesign and rebuild its website, embracing a Minimum Viable Product (MVP) strategy and introducing the Agile process.

Objectives

  • Design and build for scalability
  • Increase usability & conversion
  • Responsive website
  • Accessibility improvements
  • Improved content authoring experience
  • Performance & optimization
  • Focus on essential features
  • Continuous improvement
  • Global content framework

My Role

  • Senior Lead Designer
  • 7 months (2015)

Team

  • Scrum Master
  • Project Manager
  • Producer
  • UX Designer
  • 3 Front Deveolpers
  • 4 Back End Developers
  • Business Analyst
  • JIRA guru
  • Project Owner (JS)
  • Content Team Leader (JS)
  • Content Writer (JS)

Getting started

Accessibility audit

I reviewed Jetstar's current colours and typography sizes and then presented accessibility requirements to the Jetstar brand team in a straightforward presentation. This ensured they understood brand usage throughout the website process.

Jetstar was working to improve the usability of the site. Aiming for Content Accessibility Guidelines (WCAG) 2.0 Level AA

Thinking upfront about the rollout of the global network

The MVP Jetstar website was the priority, and the Australian website would be the first launch. We had to think upfront about future enhancements. An example was the differences in text lengths, currencies, and other promotion needs. To keep track, we added cards to the backlog to addressed those issues. 

Design sprint

In my design sprint, I delivered concepts focusing primarily on Home, Navigation, Flight Sales, and Flight Search.

Setting up the design system

I collaborated with the front-end developers to deliver basic styles and setups. After a thorough discussion, we agreed to configure and update the website as it evolves.

Working together

Sketching to build and testing

Due to the fast pace of a two-week sprint, we pivoted our work style and adopted a new workflow for working with a large developer team.

Improving the user experience for Jetstar Content team

Working closely with Jetstar’s content team, I recognised their challenge in rewriting and setting up new pages within the new Sitecore CMS. With the backend developers, we developed solutions to speed up the process.

Custom-built image responsive tool

Jetstar rolls out regular campaigns across its website. We built a custom responsive image tool that allows Jetstar to resize and place images.  

Setting up content templates

The Jetstar team could create flexible content layouts using a 1-6 column layout and add content components. 

Build your layout

I created an icon system for the layouts and components library in Sitecore, resulting in a faster page setup time.

Summary

Leaving the team

Having prepared for the next designer, I shifted away from that project. In March 2016, they released new features, starting with the home page and search flight selections.

The team expanded to include multiple UI and UX designers. Over the following years, they improved and enhanced the Jetstar experience, achieving outstanding results.

Reflection

I enjoyed working closely with the team. It was fast-paced and a bit stressful, but we supported each other. My favourite part was the retrospective, where we celebrated what went well and identified areas for improvement. And we did continue to make improvements.

Reflecting on the design process, I felt it didn’t go as smoothly as I'd hoped. Jumping into the team without being part of the planning and ideation phase didn’t sit well with me, as I think it’s an essential part that all the team should be involved in.