BBA

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

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

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

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