The 4Pillars

Crafting a digital home for the future of sports psychology

Homepage for The 4Pillars website with the headline 'The Future of Sports Psychology,' featuring sections on 'The Track' and 'The Courses' for mindset coaching.

The Objective

The objective was to design and develop a dedicated website for The 4Pillars, a psychology model and online mindset coaching platform.

The 4Pillars, created by sports performance psychologist Lee Richardson, is a unique psychology model and online platform that enhances player performance and helps coaches build stronger, more resilient teams.

Working with the new 4Pillars branding, I put together a design system in Figma, including colour schemes, typography scales, grid layouts, and reusable components to ensure a consistent look and feel.

For development, I used Tailwind CSS, and focused on scroll-based animations using GSAP to bring their vision to life. The result is a responsive, pixel-perfect representation of the Figma designs that reflects The 4Pillars modern and unique approach to sports psychology.

Figma document layout for The 4Pillars website, showing responsive design prototypes for desktop, tablet, and mobile versions.

“Kris made the process easy and delivered a site that really captures The 4Pillars. Great attention to detail and a pleasure to work with.”

Nick at The 4Pillars

Nick

The 4Pillars

Web page for The 4Pillars Track with the headline 'Manage Mindsets With The 4Pillars Track,' showcasing a player dashboard for tracking mental wellness and performance.
Web page section titled 'Our Courses' on The 4Pillars website, promoting a mindset course for soccer players with previews of online learning modules.
About Us page on The 4Pillars website, detailing the company’s history and mission, with images of founders and ex-professional footballers Lee and Nick Richardson.

Ready To Get Started?

Grow Your Business With a Website Worth Visiting

Let’s chat about your project Be quick! I’m almost fully booked for December