SEIZO

SEIZO

Розробка сайту київської мережі салонів краси «SEIZO»: сторінка цін, де візит збирається з процедур і одразу видно суму, послуги, галерея, відгуки, вакансії і запис онлайн. Три мови, контент веде адміністратор.

Корпоративний сайт
Перший екран сайту мережі салонів краси «SEIZO»

Сайт, на якому візит збирають до запису

Про проєкт

«SEIZO» це мережа салонів краси в Києві. Два салони, у прайсі манікюр і педикюр з покриттям, японський манікюр, подологія, брови та вії, масаж і подарункові сертифікати. Назву взято з японського 製造, «виробництво». Звідси підпис у футері «твій манікюрний цех» і те, як бренд описує себе на сторінці «Про нас»: цех, де важать чіткість процесів і час клієнта.

Головний екран проєкту це сторінка цін. Вона працює як конструктор візиту: послуги розкладені за напрямами, є фільтр і пошук за назвою, кожен рядок розкривається у склад процедури, від зняття й апаратного манікюру до покриття і масажу. Кнопкою «плюс» процедура йде у форму запису збоку, там же збирається сума і обирається салон. Людина доходить до кнопки «записатись», уже знаючи, з чого складається її візит і скільки він коштує.

Решта розділів працює на те саме. У кожної послуги своя сторінка з прайсом і фотографіями робіт. Галерея показує інтерʼєр, відгуки йдуть з оцінкою і розкриваються цілком, вакансія відкривається описом обовʼязків і формою відгуку з файлом. Форма зворотного звʼязку відкривається модальним вікном із будь-якої сторінки. Сайт працює трьома мовами, перемикач стоїть у футері.

Технічно проєкт розділений надвоє. Вітрина зібрана на Next.js 14 із TypeScript, а дані вона бере по GraphQL із бекенду на Laravel 10, де живе адмінка на Laravel Nova 4. Пошук по послугах працює через Laravel Scout і Algolia, інтерфейс побудований на NextUI, Tailwind і Sass, анімації на Framer Motion, слайдери на Swiper. Тексти, ціни і переклади всіх трьох мов веде адміністратор салону.

Головна сторінка «SEIZO» повністю

Використані технології

ФРОНТЕНД

БЕКЕНД І АДМІНКА

Напрями послуг плитками на головнійПрайс послуги: склад процедури і цінаФотографії інтерʼєру салонуДві точки на мапі Києва
Блок переваг на головнійВакансія з умовами і форма відгукуМодальне вікно зворотного звʼязкуМісія і позиціонування бренду
Головна сторінкаРозкрите меню послугСторінка цін: конструктор візитуСторінка послугиГалерея салонуСторінка «Про нас»Сторінка відгуківСторінка вакансійКонтакти двох салонівПошук послуги на мобільному

Більше екранів

Головна сторінкаПослуги і ціни на головнійПереваги салонуВідгуки клієнтів і форма записуРозкрите меню послуг
Сторінка цін: конструктор візитуПошук послуги за назвоюСторінка послугиПрайс усередині сторінки послугиФотоблок сторінки послуги
Галерея салонуСітка фотографій галереїСторінка «Про нас»Принципи роботи студіїСторінка відгуків
Сторінка вакансійКартка вакансії і форма відгукуКонтакти двох салонівМапа з точками салонівСторінка 404