Opis projektu
Przetłumaczone1. Szablon wiadomości e-mail.
List powinien mieć przycisk (klikalny - z efektem Hover) link do strony. Główny nacisk kładziony jest na rosnące drzewo .gif.
Projekt szablonu wiadomości jest przygotowany w figma (wszystkie teksty i elementy graficzne to obrazy w formacie .png, jest).
Musimy otrzymać od Ciebie plik .msg do wysłania z Outlooka, który sami wyślemy do klientów.
2. Strona HTML
Projekt strony internetowej został już przygotowany w Figma. Powinien mieć responsywny design dla wszystkich ekranów mobilnych, poprawnie wyświetlany. Jest przykład pocztówki z zeszłego roku. .
Musisz przesłać archiwum zip z plikami strony (Strony). Wszystkie biblioteki Javascript, CSS i inne muszą być w tym samym pakiecie i nie mogą być uruchamiane z zewnętrznych serwerów.
Strona składa się z trzech ekranów:
2.1. Ekran powitalny.
Ekran z logo na środku (animacja opadającego śniegu / płatków śniegu). Na logo znajduje się ikona palca (strzałki) "Naciśnij". Animacja: Śnieg/płatki śniegu opadają. Klikając w dowolnym miejscu na ekranie, włącza się muzyka, a ekran płynnie przesuwa się do powitania. Może być efekt Parallax dużych płatków śniegu.
2.2. Gratulacje.
Ekran gratulacji. Tło zdjęcia to las. Animacja - śnieg opada. Muzyka świąteczna gra.
Po lewej stronie ekranu znajduje się tekst gratulacyjny. Po prawej stronie rosnące drzewo .gif.
Podczas przewijania ekranu, przechodzi do ekranu faktów.
2.3. Fakty.
Fakty o drzewach. Tło zdjęcia - drzewa, śnieg. Muzyka i animacja nadal grają - śnieg/płatki śniegu opadają.
Na środku w dwóch rzędach znajduje się 5 białych drzew. Gdy najedziesz kursorem na dowolne drzewo - staje się ono płynnie kolorowe, a pod nim pojawia się tekst. Jeśli usuniesz kursor, drzewo znowu staje się płynnie białe.