National Geographic

National Geographic

National Geographic

Rola w projekcie

UI/UX/Development

O projekcie

Strona zbierająca leady do kanału Disney+

Klient

Disney+

Wyzwanie

Wyzwanie

Odświeżenie strony "Watch National Geographic Sharks" po to, aby przyciągała większą ilość klientów

Odświeżenie strony "Watch National Geographic Sharks" po to, aby przyciągała większą ilość klientów

Strona miała zachęcić do większej konwersji i korzystania z kanału Disney+. "Lubisz rekiny? Zobacz nasze filmy".

Strona miała zachęcić do większej konwersji i korzystania z kanału Disney+. "Lubisz rekiny? Zobacz nasze filmy".

Rozwiązanie

Rozwiązanie

Animacja rekina zakotwiczona do przycisku CTA "GetDisney"

Animacja rekina zakotwiczona do przycisku CTA "GetDisney"

Zastosowałem motyw pływającego rekina w formie animacji 3d paralax. Na podstawie ukończonego szkolenia "Master NLP" wykorzystałem zabieg tzw. kotwicy. Pływający rekin płynie i zatrzymuje się w miejscu przycisku CTA "Get Disney+. Wykonałem projekty UI/UX jak i funkcjonalną w pełni działającą stronę on-line w aplikacji Dora no-code.

Zastosowałem motyw pływającego rekina w formie animacji 3d paralax. Na podstawie ukończonego szkolenia "Master NLP" wykorzystałem zabieg tzw. kotwicy. Pływający rekin płynie i zatrzymuje się w miejscu przycisku CTA "Get Disney+. Wykonałem projekty UI/UX jak i funkcjonalną w pełni działającą stronę on-line w aplikacji Dora no-code.

1 etap

1 etap

Utworzenie projektu na podstawie Design System oraz zaimportowanie video w miejsce tła strony

Utworzenie projektu na podstawie Design System oraz zaimportowanie video w miejsce tła strony

  • DESIGN SYSTEM

2 etap

2 etap

Zaimportowanie modelu rekina w 3d i utworzenie animacji

Zaimportowanie modelu rekina w 3d i utworzenie animacji

Aplikacja Dora umożliwiła stworzenie atrakcyjnej animacji typu paralax, pływającego rekina który kieruje się w stronę przycisku odpowiadającego za konwersję.

Aplikacja Dora umożliwiła stworzenie atrakcyjnej animacji typu paralax, pływającego rekina który kieruje się w stronę przycisku odpowiadającego za konwersję.

3 etap

3 etap

Zaimplementowanie kart z dostępnymi filmami w kanale Disney+

Zaimplementowanie kart z dostępnymi filmami w kanale Disney+

Karty są przewijalne w lewo i w prawo, pokazują aktualną ofertę filmów dostępną w kanale w Disney+.

Karty są przewijalne w lewo i w prawo, pokazują aktualną ofertę filmów dostępną w kanale w Disney+.

  • KARTY FILMÓW DISNEY+