Tom van Berckel is a therapist, coach, and writer based in the UK, focused on guiding individuals through personal transformation.

He approached me to help bring his personal brand to life through a custom-built, responsive website that reflects his values and services.

The goal was to build a modern, thoughtful, and high-end digital experience that matched his unique voice and professional approach, while keeping the site modular and scalable for future additions (like courses or ebooks).

👉 Visit the live site: tomvanberckel.com

Tom had already designed the full site in Figma. My job was to translate that design into a fully responsive, live website using Framer, without losing any of the detail or personality he put into the visuals.

Rebuilt the site from Figma in Framer with precision

Implemented responsive behavior across all device (Desktop, Tablet, and Mobile)

Integrated scroll-triggered animations and transitions

Structured the site modularly for easy future updates

Integrated newsletter signup (with planned ConvertKit support)

Throughout the development, I worked closely with Tom to refine font sizes, layout tweaks, and interaction details. We went through several iterations to make sure the site was not only functional but visually aligned with his message.

Week 1: Initial development and animation setup

Weeks 2–3: Revisions, responsive polish, and final adjustments

Week 3: Site officially launched 🎉

Fully developed Framer site based on Figma design

Smooth animations and transitions that enhance UX

Responsive layouts optimized for mobile, tablet, and desktop

Clean, scalable modular system for future growth

Tom launched a personal brand site that reflects his professional presence and philosophy. The site supports his future goals, including selling digital products and creating a meaningful platform for his voice.

By taking his Figma designs and developing them in Framer with care, we created a website that’s both beautiful and functional, ready to grow with his brand ✨