Eclat Dor
Jak zaprojektowałem stronę w Figmie i wdrożyłem
ją w Framerze
Jak zaprojektowałem stronę w Figmie
i wdrożyłem ją w Framerze
Moja rola
Moja rola
UI/UX/Implementacja Framer
UI/UX/Implementacja Framer
O projekcie
O projekcie
Strona produktowa
Strona produktowa
Klient
Klient
Kurs udemy
Kurs udemy
Wyzwanie
Wyzwanie
Wykonanie strony internetowej z nietypową animacją paralaxa, dla kursantów
Wykonanie strony internetowej z nietypową animacją paralaxa, dla kursantów
Stworzyłem stronę promocyjną luksusowych kosmetyków z efektywnymi animacjami przewijania by zaprezentować uczestnikom mojego kursu jak szybko można zrealizować prostą stronę w Figma/Framer. W tym celu wykorzystałem materiały wygenerowane w sztucznej inteligencji.
Stworzyłem stronę promocyjną luksusowych kosmetyków z efektywnymi animacjami przewijania by zaprezentować uczestnikom mojego kursu jak szybko można zrealizować prostą stronę w Figma/Framer. W tym celu wykorzystałem materiały wygenerowane w sztucznej inteligencji.
Etap 1
Etap 1
Wygenerowanie keyvisualu oraz zasobów graficznych w Leonardo AI
Wygenerowanie keyvisualu oraz zasobów graficznych w Leonardo AI
Na podstawie grafik wygenerowanych w sztucznej inteligencji stworzyłem layout strony www
Na podstawie grafik wygenerowanych w sztucznej inteligencji stworzyłem layout strony www
Etap 2
Etap 2
Stworzyłem kompletny projekt w Figma na podstawie grafik AI i zaimportowałem go do aplikacji Framer
Stworzyłem kompletny projekt w Figma na podstawie grafik AI i zaimportowałem go do aplikacji Framer
Za pomocą wtyczki "Figma to Framer" zaimportowalem warstwy z programu Figma do aplikacji no-code Framer.
Za pomocą wtyczki "Figma to Framer" zaimportowalem warstwy z programu Figma do aplikacji no-code Framer.
Etap 3
Zbudowałem funkcjonalną stronę w aplikacji no-code Framer
Zbudowałem funkcjonalną stronę w aplikacji no-code Framer
Stworzyłem wersje PC i responsywną. Ustawiłem animacje paralax.
Stworzyłem wersje PC i responsywną. Ustawiłem animacje paralax.
Etap 4
Stworzyłem filmy video ucząc kursantów jak stworzyć taką stronę www w 45 minut łącząc technologię Figma + AI + Framer
Stworzyłem filmy video ucząc kursantów jak stworzyć taką stronę www w 45 minut łącząc technologię Figma + AI + Framer
Przygotowałem solidny kurs, integrując kilka technologii pokazując jak można przyspieszyć swoje projektowanie i wdrażanie projektów do aplikacji no-code.
Przygotowałem solidny kurs, integrując kilka technologii pokazując jak można przyspieszyć swoje projektowanie i wdrażanie projektów do aplikacji no-code.
Etap 5
Promowałęm kurs na kanale Youtube i dodałem go na platformę kursów - Udemy
Promowałęm kurs na kanale Youtube i dodałem go na platformę kursów - Udemy
Materiały kursu zostały ocenione na 5/5 gwiazdek.
Materiały kursu zostały ocenione na 5/5 gwiazdek.
