Specyfikacja:
Strona główna:
- slideshow zdjęć prezentujący produkt działający na zasadzie pętli - główny element strony głównej -
- stopka górna powinna zajmować niewielki obszar i być tylko dodatkiem, to samo dotyczy stopki dolnej, której może równie dobrze nie być wcale
- elementy stopki górnej:
linki do wersji językowych - kliknięcie na link zmienia wersję językową
wersje językowe: en (english), de (deutch), es (espaol), fr (français)
rozwijana lista lub linki w postaci symboli walut do zmiany walut (EUR, GBP, USD) - to rozwiązanie zmieniać będzie tylko \"tekst\" waluty - wszelkie rozliczenia paypalem będą prowadzone w jednej walucie po stronie firmy
linki do stron statycznych FAQ, O nas, Blog
FAQ - najczęściej zadawane pytania - wyskakujące okienko z treścią FAQ
O nas - notka o firmie, lista maili kontaktowych - wyskakujące okienko z treścią O nas
Blog - prosty blog prezentujący posty w formacie (temat posta, zdjęcie) - każdy post powinien posiadać wtyczkę fb, g+, twitter (jeśli te wtyczki będą udostępniały dany post z listy postów na stronie głównej bloga nie będzie potrzebna kolejna podstrona bloga dla danego posta), blog nie będzie umożliwiał pozostawiania komentarzy pod danym postem - po kliknięciu na link do bloga, strona z blogiem powinna otwierać się w nowej karcie)
logo - proste i estetyczne logo, bazujące bardziej na nazwie domeny niż elemencie graficznym
- obszar prezentujący kategorie, z tytułem kategorii oraz tłem nawiązującym do tematyki kategorii (rozmiar tych elementów, ich rozmieszczenie zależeć będzie od ilości kategorii, maksymalnie docelowo 3-4 kategorie), będą to jednocześnie linki do podkategorii
Kategorie:
- służą do wyboru tematyki i przeznaczenia produktu i są dodatkowo podzielone na podkategorie w celu zawężenia wyboru
- podkategorie służą do rozróżnienia cen oferowanego produktu oraz dokładnie ustalają wzajemną relację (rozmiar, położenie) pomiędzy poszczególnymi elementami edytora produktu - w skrócie szablon
- edytor składa się z elementu graficznego wybieranego z listy dostępnych elementów oraz dwóch pól tekstowych do wypełnienia
- lista elementów graficznych powinna pojawiać się w postaci wyskakującego okienka prezentującego zbiór wszystkich elementów dla danej podkategorii (kliknięcie na dany element spowoduje zamknięcie okienka)
- pola tekstowe będą mieć narzuconą odgórnie czcionkę, pierwsze pole tekstowe będzie dopuszczać duże i małe znaki, drugie pole tekstowe będzie narzucać tylko duże litery
jako opcja dostępna będzie zmiana czcionki, do wyboru z 3 na zasadzie zaznaczenia wybranego typu czcionki z listy dostępnych (zmiana będzie dotyczyć podglądu) - to jest opcja, może się znaleźć w końcowej wersji aczkolwiek nie musi
- podgląd będzie działał \"na żywo\" tzn. wybrany element lub wprowadzony tekst w edytorze będą natychmiast pojawiać się na podglądzie projektu, w dwóch kolorach (sposób prezentacji podglądu zostanie ustalony na samym końcu, po testach produktu, jednak będzie to jedna z dwóch opcji - 1) neutralne, jednolite tło dla obu wersji kolorystycznych projektu 2) tła będą bezpośrednio związane z tematyką kategorii i będą prezentować obie wersje kolorystyczne, w sposób dostosowany do zastosowanych kolorów
- po zakończeniu edycji, użytkownik wybierze dostępne opcje cenowe (jeśli będą dostępne) lub przejdzie do strony podsumowującej zamówienie
opcje cenowe będą prezentowane na zasadzie elementów graficznych, które będą linkować do strony podsumowującej zamówienie
elementy graficzne prezentujące ceny będą posiadały cenę i opis charakterystyki produktu powiązanego z daną ceną (np. tańsza wersja może przewidywać tylko jedną wersję kolorystyczną), po najechaniu kursorem na daną opcję, podgląd projektu powinien się zmieniać (np. z dwóch wersji kolorystycznych pozostaje tylko jedna).
- strona z podsumowaniem zamówienia, polem na wprowadzenie kodu promocyjnego aktywującego zniżkę i przyciskiem zamawiam linkującym do strony checkoutu paypala
gdy klient wprowadzi swój kod i kliknie przycisk OK (który aktywuje kod) cena powinna ulec zmianie, błędny kod powinien wyświetlić komunikat informujący kupującego o tym, że kod nie jest ważny
- użytkownik musi mieć możliwość cofnięcia się krok wstecz z każdego miejsca na drzewku kreacja produktu - zamówienie, aż do strony głównej przy pomocy przycisku/ikonki \"wstecz\"
- strona z checkoutem będzie obsługiwana przez paypal (na tej stronie musi się znaleźć logo strony)
- checkout paypala - wszelkie informacje dostępne są tu: [login to view URL]
- Jako alternatywę struktura kategoria-podkategoria może zostać porzucona i za główny element nawigacji/wyboru posłuży lista szablonów oferowanych produktów po której klient może nawigować do przodu lub wstecz (prawdopodobnie będzie to preferowana opcja) - takie rozwiązanie występuje w menadżerach plików w windows i mac os gdzie podglądać można duże miniatury poszczególnych plików i nawigować prawo-lewo
Finalizacja zamówienia:
- po uiszczeniu opłaty za zamówienie, administrator musi otrzymać wiadomość email z wygenerowanym plikiem jpg z edytora produktu
- paypal najprawdopodobniej dosyła resztę informacji takich jak adres, etc. - musi to być jednak połączone w jakiś sposób z wygenerowanym plikiem jpg, tak aby projekt mógł być powiązany z informacjami paypala
Część administracyjna
- edycja bazy elementów graficznych (dla poszczególnych kategorii i podkategorii) - dodawanie/usuwanie elementów
- edycja różnych opcji cenowych (cen i informacji dla każdej z dostępnych opcji w poszczególnych wersjach językowych i walutowych) - edycja tekstu wyświetlanego w elementach graficznych prezentujących opcje cenowe
- edycja opisu kategorii i podkategorii (w poszczególnych wersjach językowych) - lub dodawanie/usuwanie szablonów w zależności od obranej opcji
- edycja zniżek promocyjnych na podstawie kodu - kody będą generowane przez admina i mogą być tylko użyte jeden raz - nie jestem pewien jak działa to od strony paypala
- edycja stron statycznych dla poszczególnych wersji językowych
Layout strony - będzie stanowił wizytówkę firmy oraz musi dać klientowi poczucie że kupuje produkt premium. Stawiam na estetykę, nowoczesność i minimalizm. W skład zlecenia powinien również wejść projekt logo oparty na wyrazie nazwy domeny raczej niż na elemencie graficznym - to jednak oczywiście będzie zależało od koncepcji projektanta.
Proszę w ofercie o wyszczególnienie kosztu projektu logo.
Kodowanie i uruchomienie całej strony
Kopia gotowej do uruchomienia wersji strony
Przeniesienie wszelkich praw autorskich i majątkowych do całego projektu: logo, layout, kod, silnik
Czas wykonania do 21 dni.
Po wykonaniu tego zlecenia - firma/osoba która zostanie wytypowana jako zwycięzca otrzyma pierwszeństwo pracy nad dalszym rozwojem strony - np. strona pozwalająca na składanie zamówień zbiorczych na oferowane produkty.