Latch
View LiveTechnologies used
- Craft CMS
- Alpine.js
- Twig
- Tailwind
- Figma
I partnered with Latch, a design agency specialising in branding for property, hospitality and F&B, to deliver their full digital presence from concept through deployment. That covered design consultation, the complete build, and hosting infrastructure for a portfolio site built to match their premium positioning in those sectors.
I started by understanding Latch's brand identity and who they needed the site to speak to. Their client base spans luxury real estate developers, boutique hotel operators and upscale restaurant groups, all needing a site that reads as sophisticated without being hard to navigate. I mapped out user journeys with that in mind, prioritising clear paths through case studies and service pages.
Performance sat at the centre of the build. I kept external dependencies minimal and loaded assets selectively, which paid off in strong Core Web Vitals, ninety-one on mobile and a full hundred on desktop via Google PageSpeed Insights.
Reactive without the overhead
Alpine.js handled state, class bindings, conditional rendering and DOM updates across the site. Where a moment needed tighter timing or sequencing, GSAP took over, most notably for the bold, blocky navigation entry animation. Everything simpler stayed in plain CSS. Mixing the two kept the JS footprint light while still allowing for the one or two motion moments that needed real orchestration.
The hosting migration
Partway through the engagement I consulted on moving Latch off their original host onto infrastructure that actually matched their traffic and deployment frequency, then handled the full migration myself. Load times improved noticeably, and the CI/CD pipeline is now clean and reliable, straightforward deploys, simple rollbacks when needed.