adminYou must develop a page on a Webflow according to this figma file https://www.figma.com/file/SBT4zhcYTHBFyautoYmmux/SKY-Upwork?type=design&node-id=0%3A1&mode=design&t=3d6GEHDyG59AGg5E-1
2 desktop breakpoints, tablet and mobile
Animation must be developed strictly according to the attached video.
Additional explainers:
1. Animations explainer https://docs.google.com/document/d/12ApFOR69MP2neD8iNHeanUTl1KBE2aGPqCuS0nJ2EkI/edit?usp=sharing
2. Circles made of particles on the purple background are SVGs each that move with the different speed, see animations explainer file.
3. Web page must be built using VW for all measurements, so that it’s responsive, not in pixels
4. First black hero section must always be 100svh.
5. Motion media files:
– hero section spinning symbol for desktop breakpoints https://drive.google.com/file/d/1S6jWcRowJtntArOHUPwFpo_Wc_MjSC_E/view?usp=sharing
– hero section spinning symbol for tablet https://drive.google.com/file/d/1olLz0hJ1ANfz1p-mLVEuGWxWcru8-MqK/view?usp=sharing
– hero section spinning symbol for mobile https://drive.google.com/file/d/1LkaljEe3aPkNp3t2STQRive79ScTNoWb/view?usp=sharing
– looped symbols for services for desktop breakpoints https://drive.google.com/drive/folders/1157UGUwuVjYhd2sGsor8W8lSkADjkz91?usp=sharing
– looped symbols for services for tablet and mobile https://drive.google.com/drive/folders/1G9Vtpa7xRQQD8d4YjBTO2YH-f73DL16Y?usp=sharing
6. Circles animations on the purple and black blocks require JS, so if you’re a no-code developer, this project is not for you.
7. When you reach a purple section the circle begins to fill automatically and switches from one stage to another, but it also must work as tabs, so that you can come back to 1st stage or any other stage. If you don’t click anything, it just spins from 1st stage to the last.
Extras: we need all 4 circles in green when check this web page through PageInsights by Google. We can discuss this additionally for and extra budget, just keep it in mind.
Once this page is done, we will assign you service page, blog and blog post page for this website.
A small piece of work that has been done by the previous developer, feel free to use it, if it can help https://skyrocket2023.webflow.io/home—update
Happy to answer your questions.
Provide your estimation based on the deadline we set, this deadline is crucial!
Hourly Range: $25.00-$45.00
Posted On: January 30, 2024 22:32 UTC
Category: Front-End Development
Skills:JavaScript, Webflow
Country: Canada
click to apply
Powered by WPeMatico
