Menu
Close
Working in collaboration with Made With Syrup, the project involved developing a campaign website for the launch of Trek Protein Flapjacks, a new product range from one of the UK's most recognisable food brands. Designed as a dedicated holding page ahead of the wider product rollout, the website was created to introduce the new range, communicate key product benefits, and support the launch campaign through a highly visual, product-focused digital experience. With the creative direction already established, the objective was to translate the approved designs into a production-ready Webflow build while preserving the visual impact of the original concept. Delivered within a 48-hour turnaround, the project required responsive implementation across all major breakpoints while maintaining the oversized typography, editorial layouts, and immersive imagery that defined the campaign. The finished page provided a polished and consistent experience across desktop, tablet, and mobile devices, ready to support the launch of what has since become one of Trek's most widely recognised product ranges.
The project focused on transforming an approved design into a fully responsive Webflow experience for the launch of Trek Protein Flapjacks. Acting as a dedicated campaign and product introduction page, the website needed to create excitement around the new range while remaining faithful to Trek's established brand presence. Large-scale typography, immersive imagery, and editorial-inspired layouts formed the foundation of the design, requiring careful implementation to ensure the experience remained visually consistent across a wide range of screen sizes.
Alongside the front-end implementation, a responsive scaling system was developed for typography, imagery, and layout components. Custom styling and breakpoint-specific adjustments allowed the page to retain its impact on desktop while remaining highly readable and engaging on tablet and mobile devices. The result was a production-ready campaign website delivered under tight deadlines, helping support the launch of a major new product line while maintaining the quality expected from a nationally recognised brand.
The primary challenge was delivering a premium campaign experience within an extremely compressed timeframe. The page was commissioned as a last-minute request to support the launch of Trek Protein Flapjacks and needed to be designed, developed, tested, and ready for deployment within 48 hours. At the same time, the design relied heavily on oversized typography, large-format imagery, and custom spacing values that required significant refinement across multiple devices.
To meet the deadline without compromising quality, a structured development approach was used to establish consistent scaling relationships between breakpoints while preserving the original creative direction. Through careful responsive optimisation and focused quality assurance, the page retained its visual impact across desktop, tablet, and mobile devices while successfully supporting the launch of a product range that has since become a prominent part of Trek's offering.
.webp)
.webp)
.webp)
.webp)
