Доопрацювання сайту ayaskin.com.ua

Мета: покращення UX/UI, підвищення конверсії, оптимізація функціоналу/

1. 🔸 ГОЛОВНА СТОРІНКА

1.1. Нові кнопки та структура меню

• Додати кнопку «Записатись на послугу», при натисканні відкривається перелік:

  • «Записатись до косметолога» — веде в Direct Instagram косметолога

  • «Записатись на діагностику шкіри» — веде в Direct Instagram студії

• Додати кнопку «Online консультація» — веде у Direct Instagram.

• Перейменувати:

  • «Новини» → «Блог»

  • «Акції та знижки» → «Акційні пропозиції»

• Збільшити логотип (приблизно на 15–20% від поточного розміру).

• Додати промо-блоки або кнопки (із посиланням або pop-up-вікном):

  • «Безкоштовна доставка від ___ грн»

  • «Оплата частинами»

  • «Підбір косметики та консультація»

  • «Система лояльності»

2. 🔸 КАТАЛОГ ТА ТОВАРИ

2.1. Відображення

• Прибрати рейтинг (зірки) у товарів, де він відсутній.

3. 🔸 ФОРМА ЗАМОВЛЕННЯ

Необхідно змінити поточну форму — зробити аналогічну до прикладу з файлу, з такими ключовими елементами:

3.1. Структура форми

• Поля:

  • Ім’я

  • Прізвище

  • Телефон

  • Email

  • Коментар (необов’язкове)

• Додати селектори для доставки:

  • Нова Пошта / відділення

  • Нова Пошта / кур’єр

  • Нова Пошта / поштомат

• Додати селектори для оплати:

  • Оплата на сайті (Apple Pay / Google Pay)

  • Оплата частинами (ПриватБанк / Монобанк)

  • Оплата при отриманні (Нова Пошта)

• Зробити окрему секцію з чекбоксом:

  • «Я погоджуюсь із політикою конфіденційності»

  • «Підтверджую правильність введених даних»

• Після оформлення замовлення показувати коротке підтвердження на екрані з кнопками:

  • «Перейти до каталогу»

  • «Мої замовлення»

3.2. Вимоги до дизайну

• Мінімалістичний стиль, з білим фоном і чіткими полями.

• Кнопка підтвердження — велика, контрастна (брендовий відтінок рожево-бежевого).

• Повна адаптивність для мобільних пристроїв.

4. 🔸 ОСОБИСТИЙ КАБІНЕТ

4.1. Структура

• Видалити розділ «Майстерня».

• Розділ «Особисті дані» зробити першим у списку.

• При реєстрації користувача обов’язкові поля:

  • Ім’я

  • Прізвище

  • Дата народження

  • Мобільний телефон

  • Email

4.2. Новий розділ

• Розділ «Завантаження» перейменувати на «Оплата і доставка».

• Реалізувати в ньому вибір:

  • Тип доставки (відділення / кур’єр / поштомат)

  • Тип оплати (онлайн / частинами / при отриманні)

5. 🔸 ФОРМА РЕЄСТРАЦІЇ

Зробити оновлену форму реєстрації з можливістю входу:

• за номером телефону (SMS-підтвердження),

• через Google-акаунт,

• через Facebook-акаунт.

Обов’язкові поля: Ім’я, Прізвище, Телефон, Email, Пароль.

6. 🔸 ДОДАТКОВІ ВИМОГИ

• Усі зміни мають бути адаптивними для мобільних пристроїв.

• Оптимізувати швидкість завантаження сторінок після впровадження.
  Забезпечити коректну роботу у Chrome, Safari, Firefox, Edge.