BluePotatoAgency

BluePotatoAgency

BluePotatoAgency

Rola w projekcie

UI/UX/Wdrożenie on-line

O projekcie

Strona www agencji reklamowej stworzona na rzecz kursu

Klient

Platforma kursów - Udemy

Wyzwanie

Wyzwanie

Na rzecz kursu wykonałem stronę agencji reklamowej na podstawie wygenerowanych grafik w AI

Na rzecz kursu wykonałem stronę agencji reklamowej na podstawie wygenerowanych grafik w AI

Wygenerowałem kreacje w Leonardo AI, później doprojektowałem layout w Framer, a na koniec zbudowałem responsywność i wdrożyłem kompletną stronę główną ucząc kursantów jak wykonać stronę internetową w 45 minut w oparciu o sztuczną inteligencję.

Wygenerowałem kreacje w Leonardo AI, później doprojektowałem layout w Framer, a na koniec zbudowałem responsywność i wdrożyłem kompletną stronę główną ucząc kursantów jak wykonać stronę internetową w 45 minut w oparciu o sztuczną inteligencję.

1 etap

1 etap

Wygenerowanie motywu ziemniaka powiązanego z technologią w Leonardo AI

Wygenerowanie motywu ziemniaka powiązanego z technologią w Leonardo AI

Na podstawie wpisanych promptów wygenerowałem takie kreacje, które później wykorzystałem do stworzenia strony www.

Na podstawie wpisanych promptów wygenerowałem takie kreacje, które później wykorzystałem do stworzenia strony www.

2 etap

2 etap

Wygenerowanie logo w Leonardo AI

Wygenerowanie logo w Leonardo AI

Wygenerowałem również logotyp, aby przedstawić szerszy wachlarz możliwości sztucznej inteligencji. Tym razem logotyp został wygenerowany w Midourney. To wszystko po to by nauczyć kursantów jak automatyzować procesy projektowe.

Wygenerowałem również logotyp, aby przedstawić szerszy wachlarz możliwości sztucznej inteligencji. Tym razem logotyp został wygenerowany w Midourney. To wszystko po to by nauczyć kursantów jak automatyzować procesy projektowe.

3 etap

3 etap

Stworzenie i wdrożenie projektu w aplikacji no-code Framer

Stworzenie i wdrożenie projektu w aplikacji no-code Framer

Utworzyłem podstawowe "breakpointy", zbudowałem układ, następnie ustawiłem responsywność i animacje w aplikacji no-code Framer.

Utworzyłem podstawowe "breakpointy", zbudowałem układ, następnie ustawiłem responsywność i animacje w aplikacji no-code Framer.

Finał

Finał

Interaktywna strona zbudowana dla kursantów

Interaktywna strona zbudowana dla kursantów

Zbudowałem takie sekcje jak hero image, nawigację, slider z portfolio, kafelki informacyjne i sekcja kontaktowa.