Play&Grow

Football as an experience, WordPress as the foundation

Founded by Irina Gorolomova, Play&Grow Consult combines experience in football club and youth academy management with support for young athletes, parents and sports organisations. Our task was to turn the approved site structure into a bespoke React experience while retaining the services, both pricing pages, articles and a working ordering process.

We built a React interface on headless WordPress: the public website received a new design, while content, products, orders and enquiries remained manageable through the familiar admin panel. The visual direction combines deep green, a warm light background, large typography and football scenes. GSAP connects the ball, images and text to scrolling in both directions.

Design that follows the game

The opening screen retains the original Play&Grow logo and main image. A long scroll scene moves through joy, confidence, direction and development. A 3D football moves with desktop scrolling, while phones use a lighter SVG version. We added animated typography, image reveals, transitions and reduced-motion support.

A different path for each audience

An interactive tactics board with child, parent and club options connects each visitor’s needs to relevant support. Services for children and parents, services for clubs and both pricing pages have dedicated pages and appear in the menu. The site also includes the founder’s profile, frequently asked questions and a contact page.

Content managed in WordPress

Copy, contact details, images, services and prices can be edited in WordPress. Articles are published through the standard editor and loaded into a React listing and individual pages. WooCommerce manages product content, prices, stock and the gallery. We retained existing public URLs and access to the admin panel.

From product page to confirmation

We built a product page for Play&Grow cards, a gallery, a guest cart, quantity updates, product removal and coupons. Checkout connects to WooCommerce and includes cash on delivery, Econt city and office selection or address delivery. Totals are calculated on the server. Orders have a confirmation page and configured email notifications.

Enquiries and the mobile experience

The contact form validates required information, stores enquiries in a dedicated WordPress section and prepares team notifications and customer acknowledgements. We added retries for failed delivery and protection against duplicate notifications. The mobile menu, forms, images and animations adapt to smaller screens; the product gallery stays stable while scrolling.