Streaming live at 10am (PST)

Recreating a complex site in Webflow


#1

I want to recreate this page along with all the effects in the Webflow. http://www.nurturedigital.com/work/puma-all-star-group
And I want to invite everyone wishing to do this with me.

But I can not figure what should I do. :smile: I just have not created similar sites yet. But I really want to learn.

First.
Here scroll first horizontal then vertical.

Second.
There left column with text, right video.
Then when you start scrolling, the video shifts to the left and it can be seen on the whole screen.
Then scroll more, the video is partially shifted to the left, and on the right appears a text column.

How to do this, I do not represent. With what to begin?

P.S. This site is one of the winners of awwwards


#2

Hello @Barsik

That site is neat! I have to say that it is a good challenge, but it can be done, although you would require some custom code and a lot of Webflow knowledge, specially interactions.

Let me ask, how familiar are you with Webflow?


#3

Well. But not enough to make such a website. My profile in Webflow: https://webflow.com/Ivanishchev
Write approximately in brief me about how to implement it. I will be glad to any help and participation.


#4

I would encourage you to do it.

Read and learn as much as you can about interactions:

Maybe you know about all of this but putting those into practice will help to develop the skills you need to create not just that but even more complex sites.


#5

In my opinion these videos are not enough


#7

I think these videos give you the basics to start creating your own animations, another resource I think you should check is:

I hope you find all of this helpful in your journey.

Practicing is everything when it comes to master something.


#8

I did just that. http://nurture-6b6e05.webflow.io/

https://preview.webflow.com/preview/nurture-6b6e05?preview=375ce08b5b89934c4070c00c0750b05d

But I can not make the appearance of the column with the text on the right with the second scroll


#9

And what about that instead of trying to modify the column you use a fixed section for the background and div block to create the effect of moving the column


#10

I should delete section block “wrapper”?


#11

Put a section before that one to put the background video. I can make an example video later, it just will take me a few hours because I’m working on a project right now.


#12

Good. Thank you! I’ll wait for the video.


#13

For what there is this forum, if it is dead, and then nobody comes to the rescue?


#14

The site is pretty neat and beautiful