Eclat D'or
Eclat D'or
Eclat D'or
Role in the project
UI/UX/Online implementation
About the project
Training material for the course
Client
Course platform - Udemy
Challenge
Challenge
Creating a module for the course, in which I teach how to create a modern website with parallax animation in 45 minutes
Creating a module for the course, in which I teach how to create a modern website with parallax animation in 45 minutes
I created a promotional website for luxury cosmetics with an effective parallax effect to present educational material for the course "Creating websites without coding knowledge". I used materials generated by artificial intelligence.
I created a promotional website for luxury cosmetics with an effective parallax effect to present educational material for the course "Creating websites without coding knowledge". I used materials generated by artificial intelligence.
Step 1
Step 1
Generation of key visual and graphic resources in Leonardo AI
Generation of key visual and graphic resources in Leonardo AI
Based on the graphics generated by artificial intelligence, I created the layout for the website.
Based on the graphics generated by artificial intelligence, I created the layout for the website.
Step 2
Step 2
Creating a project in Figma based on AI graphics and importing it into the Framer application
Creating a project in Figma based on AI graphics and importing it into the Framer application
Using the "Figma to Framer" plugin, I imported layers from Figma into the no-code app Framer.
Using the "Figma to Framer" plugin, I imported layers from Figma into the no-code app Framer.
Step 3
Building a functional website in the no-code application Framer
Building a functional website in the no-code application Framer
I created the PC version and a responsive one along with parallax animations.
I created the PC version and a responsive one along with parallax animations.
Step 4
I created video films teaching students how to create such a website in 45 minutes using Figma + AI + Framer technology.
I created video films teaching students how to create such a website in 45 minutes using Figma + AI + Framer technology.
I have prepared a solid course, integrating several technologies to show how you can speed up your design and implementation of projects for no-code applications.
I have prepared a solid course, integrating several technologies to show how you can speed up your design and implementation of projects for no-code applications.
Step 5
I promoted the course on the Youtube channel and added it to the course platform - Udemy
I promoted the course on the Youtube channel and added it to the course platform - Udemy
The course materials have been rated 5 out of 5 stars. The course is currently being sold in sufficiently good quantities.
The course materials have been rated 5 out of 5 stars. The course is currently being sold in sufficiently good quantities.
