← Back to web projects
Web Design • Front-end • Aviation

IATP Website

IATP
Role
UI Designer & Front-end Developer
Type
Aviation Association Website
Year
2025 – 2026
Platform
Responsive Web
01Overview

A modern front door for aviation’s oldest technical pool, built for the engineers who keep fleets flying.

IATP, the International Airlines Technical Pool, has let airlines share spare parts, line maintenance, aircraft-recovery kits, equipment and engines since 1948, and today counts more than 140 member airlines. I redesigned its public website and built the front end for the airline technical and AOG teams who use it, replacing hard-coded styling with a Tailwind token system and one modular JavaScript layer.

The structure follows the brief: explain pooling fast, put the next semi-annual conference front and centre, and make joining clear for both airlines and associate members. The live iatp.com runs on the client’s own platform, built from these templates.

DeliverablesUI design, nine responsive page templates, Tailwind token config, JS interactions
ToolsVS Code, Chrome DevTools
StackHTML5 • Tailwind CSS • Vanilla JS • Iconify
02

Design System

Color

Brand Blues
#0D2775Deep Navy
#1942BDPrimary
#194BE0Secondary
#3663EAHero Gradient
#E6F4FBTint
Neutrals & UI
#111827Footer
#1F2937Tile
#EFF6FFIcon Tile
#F9FAFBSection
#FFFFFFWhite

Typography

Space Grotesk · Headings
Bringing Airlines Together for Win-Win Collaboration
Regular 400 Medium 500 SemiBold 600 Bold 700
Inter · Body
The quick brown fox jumps over the lazy dog
Light 300 Regular 400 Medium 500 SemiBold 600 Bold 700

Tech Stack

HTML5
Tailwind CSS
Vanilla JavaScript
Iconify
Google Fonts
Vimeo Embeds
IntersectionObserver
03

Key Features

Pooling Services

Image-backed cards for the five pools (parts, line maintenance, aircraft recovery, equipment and engines) each leading to what it means for a member airline.

Animated Network Stats

Station, airline, part and year counters that count up as they scroll into view.

Conference Hub

The next semi-annual conference up front, with practical, location and hotel tabs, plus an archive of past conferences as a video playlist.

Member Directory

Every member airline with an A–Z filter, search, a live “showing X of Y” count and a status marker for suspended members.

About & FAQ

Tabbed mission, compliance, leadership and history panels, and a sixteen-question FAQ accordion.

Membership Journeys

Why Join, Airline and Associate pages walk through eligibility, application and admission, each ending in a clear call to action.

04

Page Architecture

HM
Home
Hero carousel, pooling services, network stats, conference teaser
AB
About
Mission, compliance, leadership and history tabs, FAQ
EV
Events
Next conference with info tabs and a past-conference archive
WJ
Why Join
Benefits of each pool for a member airline
AM
Airline Membership
Rules, admission steps and the A–Z member directory
AS
Associate Membership
Eligibility and the associate member list
NW
News
Announcements and press coverage
CT
Contact
Contact form, phone and address, quick links
05

Screenshots

Click to enlarge

Interested in working together?

Get in Touch →