HÄST
Built a content-heavy, animation-rich website following precise design specifications, integrating PayloadCMS for complete content autonomy and Cloudflare CDN for optimal performance.
Overview
Bringing a Brand Refresh to Life
HÄST, a production company I've collaborated with on numerous projects, underwent a complete brand refresh and needed a professional, sharp website to showcase their new identity. The challenge was creating a content-heavy, visually stunning platform that matched their creative vision while giving the team complete autonomy over their content.
I worked closely with the designer, translating Figma screens into a pixel-perfect implementation that captured every detail of the new brand. The website needed to handle rich media content, smooth animations, and provide an intuitive CMS experience for non-technical team members to manage everything without developer intervention.
Using Next.js with PayloadCMS, I built a fully customizable platform where every element is editable through the CMS. I integrated Motion for beautiful animations, worked with HÄST's motion designers to implement Lottie animations for special details, and leveraged Cloudflare CDN combined with Next.js caching for blazing-fast load times. The site was deployed to Vercel for optimal Next.js performance.
Impact
100%
Design Accuracy
Editable
All Content
Fast
Global CDN
Zero
Dev Dependencies
Technologies Used
Frontend
CMS
Performance
Deployment
Key Feature
Complete Content Autonomy
Structured PayloadCMS schemas to allow the HÄST team to edit anything, anytime without developer involvement. Worked closely with the team to understand content requirements and created efficient schemas that avoid data duplication and keep the management UI simple and intuitive.
Key Challenges & Solutions
Pixel-Perfect Implementation
Translated complex Figma designs into a flawless implementation, ensuring every spacing, color, and interaction matched the designer's vision. Maintained design fidelity across all breakpoints while keeping the code maintainable.
Efficient CMS Architecture
Designed PayloadCMS schemas that balanced flexibility with simplicity. Avoided duplicate data entry and complex management UIs by carefully structuring content relationships and creating reusable components.
Content-Heavy Performance
Optimized a media-rich website for speed using Cloudflare CDN for asset delivery, Next.js caching strategies, and smart image optimization. Ensured fast load times globally despite the heavy content.
Seamless Animations
Integrated Motion for smooth, performant animations that enhance the user experience without impacting load times. Collaborated with HÄST's motion designers to implement custom Lottie animations for special interactive details.
Content Management UX
Created an intuitive CMS experience for non-technical team members. The entire site is editable through Payload, eliminating the need for developers in the content update workflow and enabling the team to iterate quickly.