← All work

Creative · Web · Aviation

Hill Flights

Geogram designed and built hillflights.com—a black-first luxury site for Branden Hill, Cirrus Certified Part 61 flight instruction in the SR22T and a seven-airframe fleet.

Visit hillflights.com
Hill Flights homepage — Flight instruction, elevated, with Cirrus SR22T in a dark hangar at night
hillflights.com — Flight instruction, elevated

The brief

Branden Hill is a CFI, CFII, and MEI—Cirrus Certified in the SR22T—who trains owner-pilots who expect more from their instruction. He needed a web presence that matched the standard he sets in the cockpit: precise, premium, and unmistakably aviation.

The site had to communicate Part 61 training across VFR and IFR, ground school, a seven-airframe fleet, and community events—without feeling like a flight school brochure. The client’s direction was clear: black-first luxury. Screaming luxury.

Editorial aviation, built to fly

Geogram took editorial cues from luxury aviation references—full-bleed photography, Amandine display type, restrained motion—and inverted the palette to near-black surfaces with cream text and accent red. Seven pages share a Platoon-inspired chrome: fixed top bar, full-screen staggered menu with image crossfade, and scroll-linked parallax on every hero.

Content architecture routes visitors from the homepage through The Story (instructor credentials and philosophy), The Sky (VFR/IFR training), Ground (chart-forward ground school), Aircraft (fleet-first positioning), Events (fly-ins and discovery flights), and Inquire (contact intake).

What we built

Brand & visual design

Black-first luxury palette, Amandine typography via Adobe Fonts, and custom aviation imagery—hangar heroes, chart line art, and fleet photography tailored to affluent owner-pilots.

Seven-page marketing site

Home, The Story, The Sky, Ground, Aircraft, Events, and Inquire—each with full-viewport heroes, split layouts, and CTAs toward training intake.

Motion & interaction

Full-screen menu with staggered link reveals and image crossfade, scroll-triggered content reveals, parallax on hero media, animated signature on The Story, and stat counters on the homepage.

Build & deploy

Static HTML, SCSS, and vanilla JS—compiled CSS, Express clean URLs, and deployment to Google Cloud Run at hillflights.com.

Site in screenshots

Every page leads with immersive photography or custom line art. The fleet page positions seven airframes before the SR22T; ground school uses reimagined IFR chart artwork; The Story opens with an animated signature reveal.

Home & story

Hill Flights homepage statement band — glossy black SR22T in a luxury hangar with mirror reflections
Home — The Aircraft statement band
Branden Hill portrait on The Story page with Hill Flights embroidered on quarter-zip
The Story — instructor portrait

Training & fleet

Hill Flights The Sky page — dark SR22T cruising above clouds at dusk
The Sky — VFR & IFR training
Hill Flights IFR training — Perspective+ panel at night with approach plate and rain-flecked windscreen
The Sky — instrument discipline
Hill Flights Ground page — reimagined IFR enroute chart line art with SR22T plan-view blueprint
Ground — chart-forward ground school
Hill Flights Aircraft page — mixed fleet lineup from rear three-quarter, tails rim-lit at dusk
Aircraft — seven airframes, one standard

Events & inquire

Hill Flights Events page — fly-in aircraft line in golden sunrise haze
Events — community fly-ins
Hill Flights Inquire page — Cirrus cockpit at dawn holding short of an empty runway
Inquire — contact & intake

The result

Prospective students and owner-pilots land on a site that feels as intentional as the training itself—hillflights.com puts precision, fleet depth, and Branden’s Cirrus certification front and center, on a domain built to grow with the business.

  • Aviation
  • Web design
  • Brand identity
  • Static site
  • Cloud Run