BBA

Beauty Business Aesthetics поставляет в Украину оборудование и мебель для косметологических кабинетов, клиник и SPA: аппараты мировых брендов, кушетки, кресла, лампы-лупы, стулья и тележки. У компании шоурум в Киеве, и сайт мы делали как его продолжение, а не как прайс-лист. Задача была простая по формулировке и не самая простая по исполнению: показать два разных по логике каталога так, чтобы владелец кабинета за пару минут понял, что именно ему нужно, и оставил заявку.

Первый каталог это аппаратная косметология: десять брендов, у каждого своя страница с видео, описанием технологии, показаниями и насадками. Второй мебель, и она устроена иначе: разделы «Косметология», «Педикюр» и «Wellness и SPA», внутри категории, в карточке товара галерея, выбор цвета обивки и характеристики. Оба каталога сходятся в мега-меню шапки с фотографиями разделов, а на главной их связывает мозаика категорий, которая листается вместе со страницей.

Заявка собрана в одно окно и вызывается из любого блока: с главной, со страницы аппарата, из карточки товара и из контактов. Отдельным сценарием сделана выдача каталогов: три PDF (BBA, Weelko, PIETRANERA) отдаются прямо из выпадающего списка в шапке, без формы и лишних шагов. Контакты собраны на одной странице с картой, адресом шоурума и мессенджерами.

Технически проект разделён надвое: витрина собрана на Next.js с TypeScript, данные она берёт по GraphQL из бэкенда на Laravel, где живёт админка на Filament. Категории хранятся деревом, поэтому новый раздел каталога добавляется в админке, а не в коде. Анимации первого экрана, мозаики категорий и диаграммы с цифрами компании сделаны на GSAP и Framer Motion.