Frontend Developer· 2022

BermudAir

JavaScriptCSSGoogle Tag ManagerTravel & Aviation

Overview

BermudAir's site ran on a white-label aviation CMS that handled bookings and the complex flight-search and checkout flows. It was a closed box: no direct access to its source or deploy pipeline. I worked as a frontend developer building features in vanilla JavaScript, CSS, and HTML, applying new flow pages, screens, and designs on top of the existing CMS, then injecting and recreating modified, enhanced versions of the CMS's booking flows through Google Tag Manager.

BermudAir homepage hero with flight search — BermudAir homepage.

This was a genuinely tricky project: no source access meant every change had to be delivered as an injection, so state management and the overall architecture had to be handled through GTM state timelines and its more advanced features rather than a normal codebase, working around the platform's constraints rather than with them.

Checkout added another layer of complexity: payments ran through a PCI-compliant hosted payment page (First Atlantic Commerce), so card data never touched BermudAir's own servers or mine, while the surrounding booking flow, page, and state handling around that hosted page still had to be built and wired through the same GTM-based approach.

The booking flow

The complex booking system, step one: flight selection, with a date-picker strip, fare cards, and a running cart total, all applying the new design system's styling through GTM on top of the underlying CMS.

BermudAir booking flow, step 1: select flights, with a date strip and fare options — Step 1: select flights.

BermudAir booking flow, step 2: passenger details form — Step 2: passenger details, new design system applied through GTM.

The confirmation step, including the DOM manipulation to reveal fare-selection state (Coral Classic vs. Coral Light) on the completed booking, was one of the more complex GTM-sequenced changes on the project.

BermudAir booking confirmation page with booking reference, status, and flight details — Confirmation: complex DOM manipulation applied through GTM state sequences.