Play&Grow

Футболът като изживяване, WordPress като основа

Play&Grow Consult е създаден от Ирина Гороломова и съчетава опит в управлението на футболен клуб и детско-юношеска академия с подкрепа за млади спортисти, родители и спортни организации. Задачата беше да превърнем одобрената структура на сайта в индивидуално React изживяване, като запазим услугите, двата ценоразписа, статиите и реалния процес за поръчка.

Изградихме React интерфейс върху headless WordPress: публичният сайт получи нов дизайн, а съдържанието, продуктите, поръчките и запитванията останаха управляеми от познатия административен панел. Визуалната посока съчетава наситено зелено, топъл светъл фон, голяма типография и футболни сцени. GSAP свързва движението на топката, изображенията и текста със скрола в двете посоки.

Дизайн, който следва играта

Началният екран запазва оригиналното лого и основното изображение на Play&Grow. Дългата скрол сцена преминава през радост, увереност, посока и развитие. Триизмерната футболна топка се движи при скрол на десктоп, а телефоните използват по-лека SVG версия. Добавихме анимирана типография, разгръщане на изображения, преходи и настройки за намалено движение.

Различен път за всяка аудитория

Интерактивно тактическо поле с избор между дете, родител и клуб свързва нуждите на посетителя с подходящата подкрепа. Услугите за деца и родители, услугите за клубове и двата ценоразписа имат собствени страници и присъстват в менюто. Сайтът включва още представяне на основателя, често задавани въпроси и контактна страница.

Съдържание, което се управлява от WordPress

Текстовете, контактите, изображенията, услугите и цените се редактират в WordPress. Статиите се публикуват през стандартния редактор и се зареждат в React списък и отделни страници. Продуктовото съдържание, цените, наличностите и галерията се управляват от WooCommerce. Запазихме съществуващите публични адреси и достъпа до администрацията.

От продуктовата страница до потвърждението

Реализирахме продуктова страница за картите Play&Grow, галерия, гост количка, промяна на количества, премахване на продукти и купони. Checkout е свързан с WooCommerce и включва наложен платеж, избор на град и офис на Еконт или доставка до адрес. Сумите се изчисляват на сървъра. След поръчка има страница за потвърждение и настроени имейл известия.

Запитвания и мобилно изживяване

Контактната форма проверява задължителните данни, записва запитванията в отделен раздел на WordPress и подготвя известия за екипа и потвърждение към клиента. Добавихме повторен опит при неуспешно изпращане и защита от дублирани известия. Мобилното меню, формите, изображенията и анимациите са адаптирани за малки екрани; продуктовата галерия остава стабилна при скрол.