Figma to WordPress | Custom ACF & GSAP Website Development by Ravi RankFigma to WordPress | Custom ACF & GSAP Website Development by Ravi Rank

Figma to WordPress | Custom ACF & GSAP Website Development

Ravi Rank

Ravi Rank

Cover
Cover

The Challenge

Kinlay Galway, a well-known hostel in Ireland, needed their Figma design turned into a fast, fully custom WordPress site. The design was detailed, with complex layouts and interactive elements that page builders would butcher. They needed clean code, smooth animations, and a backend their team could actually manage.

The Approach

I built the entire site from scratch on WordPress. No page builders, no bloat.
Figma to pixel-perfect code using Bootstrap 5 for a responsive grid that holds up across every breakpoint
Advanced Custom Fields (ACF) for a backend the Kinlay team can update without touching code: rooms, pricing, amenities, all editable
GSAP + ScrollTrigger animations for smooth, scroll-driven motion that feels polished without killing load speed
Bento grid architecture to organize complex content (room types, facilities, location info) into a clean, modern layout

The Result

A high-performance WordPress site that matches the original Figma design 1:1, loads fast, and gives the client full control over their content. No compromises between design fidelity and functionality.
Full page screenshot
Full page screenshot
Special thanks to Michelle and the team at Kinlay Galway for the collaboration.
Like this project

Posted Apr 14, 2026

Custom WordPress build for an Irish hostel: pixel-perfect Figma conversion with ACF, GSAP animations, and a fully editable backend.