BluePotatoAgency
BluePotatoAgency
BluePotatoAgency
Role in the project
UI/UX/Online Deployment
About the project
Website of the advertising agency created for the course
Client
Course platform - 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)
Challenge
Challenge
For the course, I created a website for an advertising agency based on the generated graphics in AI
For the course, I created a website for an advertising agency based on the generated graphics in AI
I generated designs in Leonardo AI, then I fine-tuned the layout in Framer, and finally I built responsiveness and deployed the complete homepage teaching students how to create a website in 45 minutes using artificial intelligence.
I generated designs in Leonardo AI, then I fine-tuned the layout in Framer, and finally I built responsiveness and deployed the complete homepage teaching students how to create a website in 45 minutes using artificial intelligence.
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
1 stage
1 stage
Generating a potato-themed theme related to technology in Leonardo AI
Generating a potato-themed theme related to technology in Leonardo AI
Based on the entered prompts, I created such designs that I later used to create the website {{www}}.
Based on the entered prompts, I created such designs that I later used to create the website {{www}}.
![](https://framerusercontent.com/images/uQfBPhjVMumsa2eONVyChZhXPKI.png)
![](https://framerusercontent.com/images/4m2BMp44A0ESxXQpKNAqrBYEYBM.png)
2nd stage
2nd stage
Generating logo in Leonardo AI
Generating logo in Leonardo AI
I also generated a logo to showcase a wider range of artificial intelligence capabilities. This time the logo was generated in Midourney. All of this is to teach students how to automate design processes.
I also generated a logo to showcase a wider range of artificial intelligence capabilities. This time the logo was generated in Midourney. All of this is to teach students how to automate design processes.
![](https://framerusercontent.com/images/FkdBHlcYSfsRRyHawXHizgxN7s.png)
3rd stage
3rd stage
Creation and implementation of a project in the no-code Framer application
Creation and implementation of a project in the no-code Framer application
I created basic "breakpoints", built the layout, and then set responsiveness and animations in the no-code Framer application.
I created basic "breakpoints", built the layout, and then set responsiveness and animations in the no-code Framer application.
![](https://framerusercontent.com/images/5HIAHJIfVRa64Da0Dex7B2EAYA.png)
Final
Final
Interactive website built for students
Interactive website built for students
I built sections like hero image, navigation, portfolio slider, informational tiles, and contact section.
I built sections like hero image, navigation, portfolio slider, informational tiles, and contact section.
![](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)