Context

Coal House required a website that matched the ambition and personality of the physical space—a sustainability-led development with a strong visual identity and a hospitality-infused interior approach. The Run For The Hills team supplied a fully developed creative direction and high-fidelity page designs. My role was to translate that creative vision into a Webflow build capable of delivering an unconventional, animation-rich browsing experience.

Constraints

• A fully horizontal navigation and scrolling structure that needed precise behaviour
• Heavy use of Lottie animations requiring frame-accurate timing and controlled trigger points
• Additional JavaScript required to ensure animations, transitions, and scrolling logic worked together smoothly
• A design system that relied on exact spacing, pacing, and visual layering
• The need to maintain clarity and performance despite a highly expressive layout
• High risk of the build becoming “messy” or unstable without careful component and interaction architecture

Deliverables:

• A complete Webflow build faithful to the supplied creative direction
• A custom scrolling structure supporting horizontal movement across the site
• Integration of multiple Lottie animations with controlled playback, timing, and triggers
• Bespoke JavaScript enhancements to manage sequencing and ensure smooth transitions
• A modular, maintainable build that keeps the experience stable and performant
• A website that preserves the expressive, editorial qualities of the design while remaining technically reliable