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
![](https://framerusercontent.com/images/PgrCbEgevBTKHPtKYx1FKGjn2E.png?scale-down-to=2048)
![](https://framerusercontent.com/images/QC13XCIIfSO0pfjoNtIePH5bus8.png)
![](https://framerusercontent.com/images/PgrCbEgevBTKHPtKYx1FKGjn2E.png?scale-down-to=2048)
![](https://framerusercontent.com/images/QC13XCIIfSO0pfjoNtIePH5bus8.png)
![](https://framerusercontent.com/images/PgrCbEgevBTKHPtKYx1FKGjn2E.png?scale-down-to=2048)
![](https://framerusercontent.com/images/QC13XCIIfSO0pfjoNtIePH5bus8.png)
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ę.
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
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.
![](https://framerusercontent.com/images/uQfBPhjVMumsa2eONVyChZhXPKI.png)
![](https://framerusercontent.com/images/4m2BMp44A0ESxXQpKNAqrBYEYBM.png)
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.
![](https://framerusercontent.com/images/FkdBHlcYSfsRRyHawXHizgxN7s.png)
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.
![](https://framerusercontent.com/images/5HIAHJIfVRa64Da0Dex7B2EAYA.png)
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.
Zbudowałem takie sekcje jak hero image, nawigację, slider z portfolio, kafelki informacyjne i sekcja kontaktowa.
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/LTFoFgknl9gkBAmSalWJqjXbgYY.png?scale-down-to=1024)
![](https://framerusercontent.com/images/LTFoFgknl9gkBAmSalWJqjXbgYY.png?scale-down-to=1024)
![](https://framerusercontent.com/images/LTFoFgknl9gkBAmSalWJqjXbgYY.png?scale-down-to=1024)
![](https://framerusercontent.com/images/lE7weGH45C8op7RffHm4X6AbULE.png?scale-down-to=1024)
![](https://framerusercontent.com/images/lE7weGH45C8op7RffHm4X6AbULE.png?scale-down-to=1024)
![](https://framerusercontent.com/images/lE7weGH45C8op7RffHm4X6AbULE.png?scale-down-to=1024)
![](https://framerusercontent.com/images/tY7Ix1QrrGiTNKhkM1Jlr5VxUMs.png?scale-down-to=1024)
![](https://framerusercontent.com/images/tY7Ix1QrrGiTNKhkM1Jlr5VxUMs.png?scale-down-to=1024)
![](https://framerusercontent.com/images/tY7Ix1QrrGiTNKhkM1Jlr5VxUMs.png?scale-down-to=1024)