A glimpse at the project we will be developing in the course as an example. A modern website for one of my products that we will polish with animations and fluid effects.

Before we start building, we will do the initial configuration of the project and add all the resources. In addition, we will create a style guide that will give us fluidity during the rest of the development.

With that, we will have everything ready to start building.

We will start by establishing the basic structure that any Webflow project must have in order to be optimized and well organized.

When starting a project, I always begin by designing the navigation bar and footer. Although we will have to modify some things later on, we will leave the elements in place for now.

We are now starting to include the elements of the first section of our website.

We are continuing with the process of designing elements for our website. This time, we have almost finished the content section.

In this module, we will experiment a little with the grid function to create our columns with elements.

Let's get our marquee ready so we can then apply the looping animation.

We set up a section with a slightly unusual structure to give it a depth effect when scrolling.

We created our first section connected to a dynamic list (CMS).

We have prepared our section of frequently asked questions so that you can interact with us.

We will start to make our website more dynamic and configure the cursors correctly.

This is how you create an interaction from scratch to display the content of an FAQ section.

Our first scroll animation to add a touch of depth to the section.

A simple solution for when we have two sections with a lot of background contrast.

This creates an infinite horizontal banner with a simple animation that always adds a touch of movement between very static sections.

One of the most complicated and longest modules of the course.

How to ask ChatGPT for scripts for complex animations.

So let's add drag interaction to our Community section using ChatGPT.

This is how Spline 3D elements are integrated into Webflow.

A simple animation that gives a powerful first impression of our project.

We will see how to continue giving our website that smooth look with some of Webflow's predefined animations.

We review all our buttons and links to ensure they are correctly linked.

This is how we handle the structure and information for our website's SEO, as well as Webflow's native resource auditing and optimization.

Let me tell you a little about how the production domain is configured for any project and domain type.