LangillFarm.
A residential community platform where brand identity, motion design, and page structure meet on screen.
What I did
- Brand Identity
- UX Architecture
- Motion System
- Design System
Overview
Langill Farm is a 73-acre master-planned community in Steinbach, Manitoba, with 127 residential lots. The brief was to translate a slow, grounded sense of place into a digital experience, not a brochure site. That meant deciding what a buyer needs to feel before they need to read, then building the brand, the motion, and the page structure around that one answer. I led it end to end, from identity refinement through the design system to the production build.
Rooted in Place, Built for Screen
A restrained palette of black, cream, taupe, and gold anchors the brand in warmth and weight. The wordmark was tuned for long-form reading and small-screen clarity, then paired with editorial typography that sets the tone before a single image loads.
Motion as Language.
A custom page-transition system built on the Web Animations API. SVG logo reveals, masked image swaps, and gesture-aware easing curves keep navigation feeling intentional rather than decorative. Reduced-motion preferences are fully respected.
Feeling First, Proof Right After
A buyer decides how a place feels long before they read a single spec. So the page sets the tone first and lets location, scale, and stage arrive as confirmation rather than argument. The CMS was shaped around that order and around how editors work, so it holds after launch.
The Design System.
Fluid typography, a 40-step spacing scale, and responsive grid rules that shift by intent, not by breakpoint alone. Every component inherits from the same tokens, which keeps the visual language coherent from the hero down to the footnote.
Built with
- Next.js
- TypeScript
- Sanity
- Framer Motion
- Resend
- Tailwind CSS