Cel projektu
Stworzenie nowoczesnego i wygodnego sklepu internetowego do sprzedaży do 40 produktów, z integracją Telegram do zarządzania zamówieniami i komunikacji z klientami. Główne funkcje obejmują: stronę główną informacyjną, katalog produktów, szczegółowe strony produktów, koszyk zakupów oraz funkcjonalność do interakcji z menedżerem poprzez Telegram.
1. Design i język
**1.1 Design:**
- Styl: nowoczesny, minimalistyczny design.
- Paleta kolorów: główne tło - białe, z możliwością przełączenia na tryb ciemny (czarne tło).
- Czcionki: czytelne i odpowiadające ogólnemu stylowi strony.
- UX/UI: intuicyjny interfejs z łatwą nawigacją.
**1.2 Język:**
- Wszystkie teksty na stronie powinny być w języku ukraińskim.
2. Wymagania techniczne
**2.1 Technologie:**
- Frontend: HTML, CSS, JavaScript (preferowana z użyciem nowoczesnych frameworków, takich jak React lub Vue.js).
- Backend: Node.js, Django lub inny popularny framework.
- Baza danych: MySQL, PostgreSQL lub MongoDB.
- Hosting: Wybór odpowiedniego hostingu w zależności od obciążenia i wymagań dotyczących bezpieczeństwa.
**2.2 Responsywność:**
- Strona powinna poprawnie wyświetlać się na wszystkich urządzeniach (komputery, tablety, smartfony).
- Wsparcie dla głównych przeglądarek (Chrome, Firefox, Safari, Edge).
**2.3 Bezpieczeństwo:**
- Wdrożenie certyfikatu SSL.
- Ochrona danych użytkowników i zapewnienie poufności transakcji.
- Posiadamy własny hosting hostinger
3. Strona główna
**3.1 Główne elementy:**
- Duży banner z unikalnym hasłem sklepu.
- Pod banerem umieścić blok z 3-5 popularnymi produktami, z strzałkami do przewijania.
- Opis sklepu i jego misji w dolnej części strony.
**3.2 Nawigacja:**
- Umieszczenie przycisków do przejścia do katalogu i kontaktu z menedżerem w Telegram w widocznych i wygodnych miejscach.
- Upewnienie się, że przyciski harmonijnie wpisują się w ogólny design.
4. Katalog produktów
**4.1 Struktura strony:**
- Przyciski do filtrowania produktów według marek (np. "Apple", "Samsung", "Dyson").
- Podkategorie produktów (np. pod "Apple" - "AirPods").
- Wyszukiwanie produktów według tekstu.
**4.2 Wyświetlanie produktów:**
- Zdjęcia produktów w wysokiej rozdzielczości i możliwość przeglądania karty produktu w formie 3D modelu.
- Nazwy produktów pod zdjęciami.
- Animacja przy najechaniu na produkty (do omówienia dodatkowo).
5. Strona produktu
**5.1 Główne elementy:**
- Duże zdjęcie produktu z ikonami dodatkowych zdjęć (umiejscowienie ikon do omówienia).
- Nazwa produktu obok zdjęcia.
**5.2 Opis i cechy:**
- Pod zdjęciem podać cechy produktu.
- Pod cechami - opis produktu.
**5.3 Ceny i opcje:**
- Podanie ceny produktu z zmianą przy wyborze różnych opcji (gwarancja, kolor, akcesoria).
- Wybór koloru produktu, jeśli dostępny.
- Przycisk dźwigniowy jak w iPhone do wyboru dodatkowych opcji (roczna gwarancja, zakup akcesoriów).
6. Dodatkowe funkcje
**6.1 Przyciski zakupu:**
- Przycisk "Kup na kredyt" (przejście do czatu Telegram).
- Główny przycisk "KUP TERAZ" z animacją przejścia do Telegram.
- Mały przycisk do akceptacji regulaminu.
**6.2 Koszyk:**
- Ikona koszyka w widocznym miejscu.
- Możliwość usuwania produktów i przejścia do składania zamówienia.
- Integracja z botem Telegram do powiadomień o nowych zamówieniach.
7. Opinie i rekomendacje
**7.1 Rekomendacje:**
- Sekcja "Często szukane" z produktami i możliwością przewijania.
**7.2 Opinie:**
- Przycisk do napisania opinii.
- Fałszywe opinie z możliwością przewijania.
8. Stopka
**8.1 Elementy stopki:**
- Przycisk "Regulamin użytkowania".
- Nazwa sklepu w dolnym lewym rogu.
- Przyciski "Kontakt", "Gwarancja", "Zwrot" z przejściem do Telegram.
- Katalog produktów (np. "AirPods", "Dyson").
9. Strona "Kontakt" gdzie można przejść do menedżera w Telegramie.
**9.1 Główne elementy:**
- Przycisk do przejścia do Telegrama w celu kontaktu z menedżerem.
10. Integracja z Telegram
**10.1 Bot Telegram:**
- Stworzenie bota Telegram do powiadomień o nowych zamówieniach.
- Możliwość przejścia do wiadomości prywatnych do menedżera dla klientów.
Zakończenie
Projekt powinien być zrealizowany na czas, z uwzględnieniem wszystkich powyższych wymagań. Zaleca się regularne spotkania w celu omówienia postępu i ewentualnych korekt w Discordzie lub Telegramie.
P.S. Potrzebny zespół do stworzenia strony od podstaw bez dodatkowych programistów i innych. Konieczne jest zapoznanie się z wymaganiami i dostarczenie portfolio.
Przykłady stron, które mogą dać wyobrażenie, jak może wyglądać strona: jabko.ua, yabloki.ua, ti.ua, globy.com.ua, appleroom.ua, my-apple.com.ua
Behance
Dribbble
