Beauty · Website Development

Розробка корпоративного сайту для мережі салонів краси Fargo

Спроєктували та реалізували багатосторінкову цифрову платформу для двох салонів Fargo: від інформаційної архітектури й UX/UI до адаптивної розробки, онлайн-запису та індивідуальної системи керування контентом на WordPress.

2
локації салону
8
напрямів послуг
Desktop + Mobile
повна адаптивність
WordPress
керування контентом
Огляд кейсу

Сайт, на якому легко вибрати послугу й записатися

Fargo працює у двох салонах на Позняках і пропонує вісім напрямів — від стрижок та фарбування до манікюру, масажу й макіяжу. Нашим завданням було зібрати великий обсяг інформації так, щоб клієнт не губився між сторінками та списками цін.

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

Клієнт
Fargo
Ніша
Beauty · Салон краси
Формат
Багатосторінковий сайт
Роботи
UX/UI · Front-end · WordPress · CMS
Завдання

Вісім напрямів — без заплутаного каталогу

Для кожного напряму створили окрему сторінку, але залишили спільну логіку навігації. Клієнт у будь-який момент бачить, де знайти прайс, роботи, вільний час, контакти та запис.

UX / UI

Головна увага — послугам і роботам майстрів

Дизайн не перевантажує сторінки декоративними елементами. Великі фотографії показують результат, типографіка відділяє важливе від другорядного, а кнопки запису з’являються там, де користувач уже готовий діяти.

Функціонал

Що може зробити клієнт на сайті

01

Записатися на конкретну послугу

Натискання на рядок у прайсі відкриває форму та автоматично підставляє назву послуги разом із ціною.

02

Переглянути структурований прайс

Послуги розділені за напрямами й типами процедур. Для складних категорій передбачені фільтри та варіанти за довжиною чи форматом послуги.

03

Знайти вільний час

Опубліковані віконця можна відфільтрувати за напрямом і салоном. Обрані дата, час і локація переходять у форму запису.

04

Оцінити роботи майстрів

Портфоліо має фільтри за напрямами та збільшений перегляд фотографій без переходу на окрему сторінку.

05

Вибрати салон

Для кожної локації вказані адреса, телефон і карта. Потрібний салон можна зазначити у формі.

06

Пройти той самий шлях із телефона

Меню, прайс, галерея, вільні віконця та форма адаптовані для керування дотиком.

Сценарій запису

Послуга обирається один раз

Клієнту не потрібно запам’ятовувати назву чи повторно шукати її у довгому списку. Вибір із прайсу одразу з’являється у формі.

  1. 1Обирає послугу в прайсі
  2. 2Отримує форму з готовим вибором
  3. 3Залишає контакти й вибирає салон
Крок 1 — вибір конкретної послуги у прайсі Fargo
Крок 2 — форма Fargo з автоматично обраною послугою
Desktop / Mobile
Головна сторінка сайту салону краси Fargo — desktop версія
Мобільна версія головної сторінки Fargo
Сторінки послуг

Одна дизайн-система для різних напрямів

Кожен напрям отримав окрему посадкову сторінку в межах спільної дизайн-системи. Структура адаптується до змісту послуги, але зберігає єдину логіку: презентація напряму, деталі, актуальний прайс, портфоліо та перехід до запису.

Сторінка послуг перукарського залу Fargo
Сторінка фарбування волосся Fargo з прайсом
Прайс та портфоліо

Ціни й реальні роботи в сценарії вибору

Прайс структурований за категоріями, щоб користувач швидко знаходив потрібну процедуру та розумів її вартість. Портфоліо інтегроване в сценарій вибору й підкріплює рішення реальними прикладами робіт.

Прайс і портфоліо на сторінці фарбування Fargo
Mobile Experience

Сайт спроєктований для телефона, а не просто зменшений під нього

На телефоні показуємо не лише перший екран, а весь шлях до заявки: знайомство із салоном, вибір вільного часу та форму з уже підставленою послугою. Основні дії доступні без переходу на десктопну версію.

Головна сторінка Fargo
Вибір вільного часу
Форма з обраною послугою
WordPress CMS

Індивідуальна адмін-панель під процеси Fargo

Адміністративну частину спроєктовано навколо реальної структури сайту, а не як універсальний конструктор. Команда працює зі зрозумілими полями та окремими розділами, тому може підтримувати сайт без втручання розробника в щоденні контентні зміни. Інтерфейс адмінки не публікуємо в кейсі, щоб не розкривати внутрішню структуру та дані.

Підтримка та ведення сайту →

Послуги та ціни

Редагування категорій, описів, вартості й порядку відображення.

Портфоліо

Додавання робіт і прив’язка фотографій до відповідних напрямів.

Команда та локації

Оновлення інформації про майстрів, салони, адреси й контакти.

Акції та контент

Керування спеціальними пропозиціями й основними контентними блоками.

Що реалізовано

Від структури до перевіреного продукту

01
UX та структура
02
UI-дизайн
03
Front-end
04
WordPress CMS
05
Mobile experience
06
Технічна частина
07
Тестування
Результат

Сайт веде клієнта до запису, а не змушує шукати інформацію

Послуги, ціни, роботи, вільні віконця й дві адреси пов’язані в одному зрозумілому маршруті. Команда Fargo може самостійно оновлювати контент, а структура дозволяє додавати нові послуги без переробки сайту.

Вашому бізнесу теж потрібен сайт, який не просто виглядає красиво?

Проєктуємо сайти навколо бізнес-завдань: від структури та дизайну до розробки, WordPress, аналітики й автоматизації.

Необхідні cookie потрібні для роботи сайту. Аналітичні та маркетингові cookie вмикаються лише за вашою згодою і допомагають покращувати сайт та рекламу. Політика конфіденційності