Parallax pattern, elements, drawing?

Question

Layouts and prototypes

Hello friends, there are a couple of questions, help fraternally) what is the essence of the question, it seems like I learned how to make a website and everything else to order, I can easily do what they ask, but there is one thing. Now I am making my portfolio site and services that I can provide and I want to make it in parallax. Here is an example of what I would like to do -
1. https://www.youtube.com/watch?v=a2lhJTZM3Ws
2. https://www.youtube .com/watch?v=mgk_2d4lhm8
3. https://www.youtube.com/watch?v=xiHmxGZtyKU&t=81s
I sat down to do what I planned and stopped short, damn it, I think, but how to structure it all correctly in terms of the order of work, I’ll tell you how I see it, and if I’m wrong, please correct me, first I draw in illustrator or Photoshop all the pictures that should to be on the site, then I make a prototype, then I make a site template with a cut design for parallax, and then I start to typeset and it’s already clear further down the backend.
Who made this from scratch? like a full stack. Please share your experience.

Answer 1

Transformation matrix.
htmlbook.ru/blog/matritsa-preobrazovanii