Ottawa Flight Training

Ottawa Flight Training - project image

Pilots read for a living. Charts, plates, METARs, NOTAMs, AIM updates, weight-and-balance sheets — dense, abbreviated, unforgiving documents where a misread digit ends careers. So when a flight school hires a web designer in 2004, the worst thing you can do is hand them a hero image of a fuselage against a blue sky and a paragraph about “taking your dreams to new heights.” That copy reads as condescending to anyone who has actually held a Transport Canada licence.

Ottawa Flight Training was a Rodonic-era client of mine — early 2000s, back when I was building XHTML sites out of a small studio. I no longer have the original deliverables. Twenty-plus years of hard-drive churn, studio shutdowns, and one memorable external drive that died on a flight home from Toronto took care of that. So this past week I rebuilt what the site should have looked like — the same project, same constraints, but designed by someone who has spent two more decades thinking about it.

To be clear up front: the three images in this post are 2026 visualizations, not period scans. The Diamond Katana DA20 hero photo is AI-generated. I’m showing you the design exercise, not an archive.

The brief I gave myself: the pre-flight briefing room, on the web

Every FTU has a briefing room. Whiteboard, sectional pinned to the wall, the day’s METAR scrawled in dry-erase, a coffee pot that has seen things. That room is where the actual work of a flight school happens. The website should feel like the digital extension of it — not a brochure, not a sales funnel, a working surface.

From that one decision, everything else falls out. The palette stops being “aviation blue” and becomes hangar slate (#1B2A33) on sectional cream (#E8E2D1) — the warm off-white of a VNC chart’s land mass, far easier on a 17-inch CRT than a clinical #FFFFFF. Wingtip orange (#C75B12) gets reserved for calls to action only, the way a strobe earns its visibility by being rare. The Members button is Ottawa pine, because the school is in Rockcliffe and the tail of every Katana on the line had been buzzing the Gatineau Hills for two decades.

The design move that earns the audience

a live METAR and NOTaM strip in the right sidebar. Real data, refreshed, monospaced in Andale Mono so the report formatting reads correctly. CYRO 011900Z 24008KT 15SM FEW040 SCT250 22/14 A2998. If you can read that line, the site has already told you it respects you. If you can’t, you’re not the audience yet, and the site is honest about that too.

That’s the whole game with specialist audiences. One concrete signal of fluency does more work than a hundred words of marketing copy.

What 2004 craft actually looked like

760-pixel fixed centred layout. Two columns built with CSS floats — no <table> for layout, which in 2004 was a genuine mark of skill, not the default it later became. Georgia 12px for body, Trebuchet MS for display, Andale Mono for any data block. Valid XHTML 1.0 Strict, WCAG 1.0 AA, a print stylesheet that strips the chrome so a student could print the syllabus page and bring it to ground school. EN | FR toggle in the masthead — federally regulated industry, Ottawa, not optional. FTU number in the footer beside the Transport Canada compliance line.

The rule between header and nav is a dashed orange line. It looks like a styling flourish. It is, in fact, the convention for a published airway on a sectional chart. Nobody has to notice for the site to work. The handful of pilots who do notice are the ones who become advocates.

Full-page render of the Ottawa Flight Training homepage redesign — hangar-slate masthead over a sectional-cream body, Diamond Katana hero, METAR/NOTaM sidebar, two-column briefing-room layout.
The full homepage render. Hangar slate masthead, sectional cream body, METAR strip pinned to the right rail, Members button in Ottawa pine.

Just as important: what I deliberately didn’t do

No splash page. No Flash intro. No beveled gel buttons. No mystery-meat icon navigation. No stock photo of a smiling instructor giving a thumbs-up beside a Cessna. The original-photography ethic was non-negotiable then and would be now — if your school can’t produce one good photo of one of your aircraft on your ramp, the school is the problem, not the website.

Restraint, in 2004, was the unfashionable choice. Every template vendor was selling motion. Choosing not to use it was a position.

The Ottawa Flight Training homepage cropped to the 800×600 viewport, showing the visible fold a 2004 visitor would have landed on.
The 800×600 fold. This was the resolution the site had to survive at, not optimise for — the masthead, primary nav, hero, and the top of the METAR strip all had to land above it without crowding.

What this means if you’re not running a flight school

The discipline transfers. Whatever your audience actually does for a living, there is a METAR strip equivalent — one piece of fluent, specific, useful content that signals you understand them. A law firm site that surfaces the actual filing deadlines for the courts it practises in. A clinic site that shows the wait time for the next available appointment. A trades site with a real schedule of rates instead of “contact us for a quote.”

Find that one signal. Build the rest of the site around respecting it. The sites that age well are the ones that treated their readers as competent from the first screen.

Christopher Ross

Your consultant

Christopher Ross

I lead the work personally, from discovery and architecture through delivery and handoff.

  • Twenty-two years delivering training and nineteen years building with WordPress.
  • Direct delivery for media, education, and federal government programs.

Sectors covered: Media · Education · Government