showcase_

Airways NZ

tools used

javascript, react, sass, axure RP7, adobe illustrator, adobe photoshop

year

2020

front-end, ui/ux

View project ↓

available for freelance work

social_

twitter / instagram / facebook
Airways NZ

Air Traffic Controller Operational Tool

Private client of Theta - New Zealand

Operational tool / ui/ux and development process

Creating a solution for Airways New Zealand new operation system converting their physical documentation into a digital application.


Getting started

Overview

A new operational application was required to support air traffic controllers across New Zealand by replacing physical documentation like maps, charts, manuals, emergency procedures, bezel displays, and notices. The tool was intended to streamline processes in radar centers and, eventually, in control towers.


User experience

Problems

Physical documentation that Traffic Controllers used were too specific for their location and they wanted a quicker solution to switch between other tools such as weather, radar screens to assist aircrafts and the application had to be an application which could only connect securely to their network.

Many Air Traffic Controllers were very familiar with the physical documentation and they knew exactly where to look when the coordinates were provided by the pilot, but they needed a faster solution, a digital solution.

The team worked to a tight 7-week deadline to deliver a design solution which would then be tested and functional/usable by Airways.

Airways NZ plane


Project

Process


Research phase / 2 weeks

Research Phase (Weeks 1–2) We conducted 26 interviews with controllers from seven air traffic sectors in New Zealand and carried out observational studies within radar centers. Previous design concepts were reviewed, and competitive design research was conducted.

Key Deliverables:

  • Competitive Design Research Report: Highlights from similar tools and industry benchmarks.
  • Observational Analysis Report: Insights from observing controllers in action.
  • Interview Summary Document: Key findings from discussions with controllers.

UI/UX prototypes UI/UX prototypes


Concept phase / 2 weeks

Concept Development (Weeks 3–4) The team created a comprehensive user journey and developed three low-fidelity prototypes. Feedback was gathered from controllers and stakeholders to assess preferences and refine the design direction.

Key Deliverables:

  • User Journey Map: Visualized workflows and user interactions.
  • Low-Fidelity Prototypes: Three initial concepts for validation.
  • Feedback Summary & Design Recommendations: Insights to inform the next iteration.

Airways NZ plane


Usability testing and design / 2 weeks

Usability Testing & Design (Weeks 5–7) Using feedback from the concept phase, we developed a detailed prototype and tested it with controllers using task scenarios.

The design was refined into a high-fidelity prototype, which was then showcased to operational and executive stakeholders.

Key Deliverables:

  • Medium-Fidelity Prototype & Information Architecture: Initial structured prototype for usability testing.
  • Usability Testing Plan & Summary: Moderated testing results.
  • Wireframe Document: Detailed design layouts.
  • High-Fidelity Prototype: Final polished design.
  • Design Guidelines & Assets: Documentation for future development.
  • Project Showcases: Presentations to stakeholders at various levels.

Contact

work

Case study incoming

Kablamo project image, click to view more details.

Kablamo

react, react native, typescript, rquery, jest, storybook

Kablamo is a digital product and innovation company. One of the projects I've worked on is a known bank in Canada, an app for iOS and Android built with React Native.

Case study incoming

Lobster & Tap project image, click to view more details.

Lobster & Tap

javascript, bootstrap, figma, ai, psd, umbracoCMS

Lobster&Tap is a seafood restaurant in Auckland, NZ, Lobster&Tap engaged me to design and develop their Kiosk web-app which allows customers to order food and drinks.

Case study incoming

Daruma project image, click to view more details.

Daruma

js, bootstrap, umbraco, figma, ai, psd

Daruma is a Japanese restaurant in Auckland, NZ. I was tasked to develop their Kiosk web-app which allows customers to order food and drinks.

Case study incoming

Linea Del Plata project image, click to view more details.

Linea Del Plata

js, html, tailwind, figma

Linea Del Plata is a shipping company made up of private business groups with a long history in the maritime industry. I was tasked to design and develop their booking platform.

Case study incoming

Flatmately project image, click to view more details.

Flatmately

js, html, tailwind, figma

Flatmately is a flatmate finder app, built for New Zealand and Australian market. I was tasked to design and develop their website, and also helped with branding and marketing.

Case study incoming

NxtStep project image, click to view more details.

NxtStep

js, html, bootstrap, sketch, ai, psd

NxtStep is a job board for students and graduates. I was tasked to design and develop their website, and also helped with branding and marketing.

Case study incoming

Yoga With Kassandra project image, click to view more details.

Yoga With Kassandra

js, html, sass, wordpress, ai, psd

Yoga With Kassandra is a yoga teacher and content creator. I was tasked to design and develop her website and courses platform while I was working at VidApp.

Case study incoming

Tourism New Zealand project image, click to view more details.

Tourism New Zealand

js, html5, css3, sass, bootstrap, sketch

Tourism New Zealand is a website I've built to showcase my skills utilising JavaScript, HTML5, CSS3, SASS, Bootstrap, Sketch. I was tasked to design and develop their website.

Case study incoming

Renkon project image, click to view more details.

Renkon

js, html5, css3, sass, bootstrap, handlebars, sketch

Renkon is a Japanese restaurant, I've pitched the new website and design for the ordering app. I used JavaScript, HTML5, CSS3, SASS, Handlebars and Bootstrap to build the website.

Case study incoming

DotaPopQuiz project image, click to view more details.

DotaPopQuiz

js, html5, css3, sass, php, bootstrap, sketch

DotaPopQuiz is a quiz app built with JavaScript, HTML5, SASS, PHP. It was built as a fun project to make a game to increase brand awareness and to learn more about JavaScript and PHP.

Case study incoming

VidApp project image, click to view more details.

VidApp

wordpress, js, html, sass, ai, psd

VidApp is a video streaming platform. I was tasked to design and develop their website and the platform where users would publish their customised app for iOS and Android.