Basecamp Logistics — 10-page site from a business card

Basecamp Logistics runs helicopter logistics and ground support out of Golden, British Columbia. The brief arrived as three PNG mockups and a photograph of a business card — no Figma file, no style guide, no copy deck.

Ten pages, not the five that were asked for: home, about, contact, five separate service pages (helicopter logistics, lodge provisioning, guest and crew transport, boat access, storage and staging), plus privacy and terms. All at three breakpoints.

Deliberately built for a non-designer to edit. Buttons and cards are plain frames rather than components, so the client changes text by clicking it instead of hunting through a controls panel. Service pages are static rather than CMS-driven — that is what she asked for, and for five stable services it is the simpler tool.

Header in code. Canvas interactivity in a Framer layout template does not survive publishing — the dropdown, the mobile burger, and the scroll-triggered background all had to be a React component. This is the third project where that held true.

Real photography, colour-matched. Her own hero shot — a helicopter on the pad at sunrise — runs across all ten pages at different crops, with the palette pulled from her printed card: ink, copper, cream.

One thing I fixed without being asked: the supplied mockup read "STORAGE & TRAGING". Her business card spelled it correctly. The site says STAGING.

Live site: https://satisfied-jaguar-269238.framer.app