Dopracowanie strony ayaskin.com.ua

Cel: poprawa UX/UI, zwiększenie konwersji, optymalizacja funkcjonalności/

1. 🔸 STRONA GŁÓWNA

1.1. Nowe przyciski i struktura menu

• Dodaj przycisk „Zarejestruj się na usługę”, po naciśnięciu otwiera się lista:

  • „Zarejestruj się do kosmetologa” — prowadzi do Direct Instagram kosmetologa

  • „Zarejestruj się na diagnostykę skóry” — prowadzi do Direct Instagram studia

• Dodaj przycisk „Konsultacja online” — prowadzi do Direct Instagram.

• Zmienić nazwę:

  • „Aktualności” → „Blog”

  • „Promocje i zniżki” → „Oferty promocyjne”

• Powiększyć logo (około 15–20% od obecnego rozmiaru).

• Dodaj bloki promocyjne lub przyciski (z linkiem lub oknem pop-up):

  • „Darmowa dostawa od ___ zł”

  • „Płatność ratalna”

  • „Dobór kosmetyków i konsultacja”

  • „System lojalnościowy”

2. 🔸 KATALOG I PRODUKTY

2.1. Wyświetlanie

• Usunąć ocenę (gwiazdki) z produktów, gdzie jest ona nieobecna.

3. 🔸 FORMULARZ ZAMÓWIENIA

Konieczne jest zmienienie obecnego formularza — zrobić analogiczny do przykładu z pliku, z takimi kluczowymi elementami:

3.1. Struktura formularza

• Pola:

  • Imię

  • Nazwisko

  • Telefon

  • Email

  • Komentarz (opcjonalne)

• Dodaj selektory dla dostawy:

  • Nowa Poczta / oddział

  • Nowa Poczta / kurier

  • Nowa Poczta / paczkomat

• Dodaj selektory dla płatności:

  • Płatność na stronie (Apple Pay / Google Pay)

  • Płatność ratalna (PrivatBank / Monobank)

  • Płatność przy odbiorze (Nowa Poczta)

• Stworzyć osobną sekcję z checkboxem:

  • „Zgadzam się z polityką prywatności”

  • „Potwierdzam poprawność wprowadzonych danych”

• Po złożeniu zamówienia pokazać krótkie potwierdzenie na ekranie z przyciskami:

  • „Przejdź do katalogu”

  • „Moje zamówienia”

3.2. Wymagania dotyczące designu

• Minimalistyczny styl, z białym tłem i wyraźnymi polami.

• Przycisk potwierdzenia — duży, kontrastowy (markowy odcień różowo-beżowy).

• Pełna responsywność dla urządzeń mobilnych.

4. 🔸 PANEL UŻYTKOWNIKA

4.1. Struktura

• Usunąć sekcję „Warsztat”.

• Sekcję „Dane osobowe” zrobić pierwszą na liście.

• Podczas rejestracji użytkownika obowiązkowe pola:

  • Imię

  • Nazwisko

  • Data urodzenia

  • Telefon komórkowy

  • Email

4.2. Nowa sekcja

• Sekcję „Ładowanie” zmienić na „Płatność i dostawa”.

• Wprowadzić w niej wybór:

  • Typ dostawy (oddział / kurier / paczkomat)

  • Typ płatności (online / ratalnie / przy odbiorze)

5. 🔸 FORMULARZ REJESTRACJI

Stworzyć zaktualizowany formularz rejestracji z możliwością logowania:

• numerem telefonu (potwierdzenie SMS),

• przez konto Google,

• przez konto Facebook.

Obowiązkowe pola: Imię, Nazwisko, Telefon, Email, Hasło.

6. 🔸 DODATKOWE WYMAGANIA

• Wszystkie zmiany muszą być responsywne dla urządzeń mobilnych.

• Optymalizować szybkość ładowania stron po wdrożeniu.
  Zapewnić poprawne działanie w Chrome, Safari, Firefox, Edge.