Live Demos

Take them for a spin and see what's possible

ATI Market Model Tool

Purpose

A free-to-use digital platform designed and developed for the Aerospace Technology Institute (ATI). The Market Model Tool provides data on global market forecasts on the journey to Net Zero 2050.
The tool enables users to explore potential scenarios for new commercial aircraft deliveries around the world over the next four decades as well as forecasted demand for assemblies, systems and constituent components.

How it works:
  • Use the Information dropdown to select either Global Delivery Forecast (aircraft deliveries) or Global Product Market (systems/components).
  • In Options, choose a scenario; for Delivery Forecast, also choose between Units or Revenue. For Product Market, select either Market Class or PBS Class grouping.
  • In Filters, select categories relevant to your chosen grouping. Use dropdowns and search boxes to add or remove items. Product Market filters include Levels 1–3 for detailed breakdowns.
  • Plots update automatically based on your selections. Use tabs above the charts to switch views (e.g., Market Class, PBS Class, Totals, Levels 1–3).
  • Click items in the legend to show or hide specific data. Hover over axis labels or titles for more detail.
  • Use the Download Charts button to export graphs (PNG) and filter summaries (TXT).
Build process:

The Market Model Tool was built in 2022 as the first of a raft of tools to be later built and consolidated into one platform (which is known today as the ATI Toolkit).
The platform was built using ASP.NET Core as a framework which is served by a MySQL database. It utilises our custom auth middleware to keeo it secure and track user sessions.
The UI/UX is built using a combination of Razor Pages and KnockoutJs and leverages other third-party libraries such as Bootstrap, Chart.js and Selectize.

PLEASE NOTE - THIS DEMO IS SHOWING TEST DATA - THE VALUES ARE NOT REALISTIC AND THEREFORE CANNOT BE USED FOR ACTUAL MARKET ANALYSIS.

Digital Form Designer

Purpose:

A drag-and-drop digital form builder designed and developed for HCS Safety. The Digital Form Designer (DFD) allows users to create and customise complex digital forms without needing technical knowledge. Initially created as a plugin for HCS Safety’s internal software, the tool is now freely available to their member clients via subscription.
The platform empowers users to assemble, configure and preview responsive digital forms for completion on any modern device.

How it works:

Drag tiles from the input palette into the central design area. You can reposition inputs by dragging them into the desired order. Supported input types include text, date, time, location (including What3Words), uploads, sliders, choice inputs (radio/checkbox), calculations, signatures, and more. You can also add fixed content such as static text, images or custom HTML blocks.
Use the responsive preview feature to see what your form will look like on different screen sizes. The entire interface is designed for intuitive interaction — everything works via drag-and-drop, with immediate visual feedback.
Forms created with DFD are automatically saved and made available for distribution and completion via HCS Safety’s wider digital form platform.

Build process:

Built in 2024, the Digital Form Designer uses React and Redux to manage state, with drag-and-drop interactions powered by React DND.
Form logic and transformations use libraries such as Moment.js.
The tool integrates directly with HCS Safety’s platform and shares infrastructure, including authentication and distribution mechanisms.
It features a modular architecture that supports flexible input types and extensions, laying the groundwork for future white-label opportunities.