Specyfikacja techniczna (ST) dla webdesignera dotycząca stworzenia sklepu internetowego na WordPress
Podsumowanie ST:
Stwórz sklep internetowy z maksymalnie 40 produktami, z główną stroną informacyjną zawierającą:
- Duży baner z unikalnym hasłem.
- Rekomendacje na dole strony.
- Przyciski informujące klienta o produktach.
- Kartę produktu z pełnymi informacjami.
- Różne funkcjonalne przyciski.
- Koszyk zakupów.
- Stronę do kontaktu z menedżerem na Telegramie.
- Bota Telegram do powiadomień push o zamówieniach.
- Indywidualne linki do każdego produktu.
Szczegółowa ST:
1. **Projekt i wygląd:**
- Stwórz nowoczesny, stylowy design w jasnych tonacjach z możliwością przełączenia na ciemny motyw.
- Interfejs powinien być w języku ukraińskim.
2. **Hosting i domena:**
- Strona powinna być opracowana w WordPress.
- Zainstaluj i skonfiguruj stronę na dostarczonym hostingu i domenie.
3. **Strona główna:**
- Stwórz stronę główną z banerem sklepu zawierającym unikalne hasło.
- Pod banerem umieść 3-5 produktów z funkcją przewijania, aby zobaczyć popularne modele.
- Na dole strony dodaj opis sklepu i informacje o produktach.
4. **Nawigacja i przyciski:**
- Na stronie głównej umieść przyciski do przejścia do katalogu i do kontaktu z menedżerem na Telegramie.
5. **Strona katalogu:**
- Stwórz stronę z katalogiem produktów zorganizowanych według marek (Apple, Samsung, Dyson itp.) i podkategorii (np. Apple -> AirPods).
- Dodaj funkcję wyszukiwania produktów według tekstu.
6. **Karty produktów:**
- Dla każdego produktu dostarcz 3D model i zdjęcia w wysokiej rozdzielczości.
- Skonfiguruj animację przy najechaniu na produkt (będzie omawiana dodatkowo).
7. **Strona produktu:**
- Umieść duże zdjęcie produktu z miniaturami do przeglądania dodatkowych obrazów.
- Po prawej stronie zdjęcia podaj nazwę produktu, status (Nowy, OpenBox) z wyjaśnieniem statusów.
- Podaj cenę produktu, która będzie zmieniać się w zależności od wybranych opcji (gwarancja, kolor, akcesoria).
- Dla niektórych produktów dodaj wybór koloru.
- Dodaj przełącznik dla dodatkowych opcji (gwarancja, akcesoria) z zmianą całkowitej ceny.
- Dodaj przyciski "kup w kredyt" (z przejściem do czatu Telegram) i główny przycisk "KUP" z animacją.
- Umieść mały przycisk do akceptacji regulaminu z zaznaczeniem.
8. **Koszyk:**
- Dodaj ikonę koszyka do przejścia do strony z zamówieniami, możliwość edycji zamówień i przejście do realizacji z powiadomieniem w bocie Telegram.
9. **Opis i cechy:**
- Pod zdjęciem produktu umieść jego cechy i opis.
- Na dole strony umieść blok "często szukane" z zdjęciami i nazwami produktów (do 5 sztuk) i funkcją przewijania.
10. **Opinie:**
- Umieść przycisk do napisania opinii i blok z opiniami (teksty zostaną dostarczone), możliwość przewijania opinii.
11. **Stopka strony:**
- Dodaj linki do "regulaminu użytkowania", "kontaktów", "gwarancji", "zwrotów" z przejściem do Telegramu.
- Dodaj katalog produktów (nazwy kategorii, np. AirPods, Dyson).
12. **Strona "Kontakty":**
- Stwórz stronę z informacjami kontaktowymi i przyciskiem do przejścia na stronę w Telegramie.
Dodatkowe wymagania:
- Upewnij się, że design jest responsywny i poprawnie wyświetla się na urządzeniach mobilnych.
- Dostarcz wszystkie pliki źródłowe designu (PSD, Figma itp.) i dostępy do dalszej pracy nad stroną.
Projekt musi być zrealizowany na czas, uwzględniając wszystkie powyższe wymagania. Zaleca się regularne spotkania w celu omówienia postępu i ewentualnych poprawek w Discordzie lub Telegramie.
P.S. Konieczne jest zapoznanie się z wymaganiami i dostarczenie portfolio.
Przykładowe strony:
https://yabloki.ua
https://jabko.ua/lviv/
https://estore.ua/ua/
https://globy.com.ua/ru/