Frontend developer GSAP greensock animation experience javascript css react vue
Budget: £20 – £250 GBP
Hi there, GSAP expert!
Please view our existing site, found here (https://tinyurl.com/y7up4hab), we are looking for a complete restyle with GSAP and a framework of your choice (future pages to be added later, right now, it is just one landing page), attached XD design is slightly out of date since we are now choosing the GSAP approach, it still gives some guidance.
4 sliding pages like Tesla style, where the 'above the fold' area changes when the sections are complete, we could look at alternate colours for the background, off-white, to off-black stage 1-4. The product part of the page will be more to the 'apple' style, using sequential images.
The site outcome will be a tesla/apple hybrid :-)
Stage 1:
Intro - maybe something fun with text like a splash screen 'What if it all works out better than you ever expected?' then the page info loads in + scrolling 2d animation to 'workout' as well as the counter on the phone when he completes a repetition when the user scrolls. Once complete the Tesla style roll happens to the next stage.
Stage 2:
Show the devices off (these are 3d models that we have, our 3d designer can build any additional assets), maybe a few different angles etc + some text appears along the way too. Once complete the Tesla style roll happens to the next stage.
Stage 3:
The 2 videos should show, these can show side by side, or whatever looks good, they could show one at a time but with tabs to change between the two, we have options. Once complete the Tesla style roll happens to the next stage.
Stage 4:
Contact form + small footer (similar to tesla, but maybe just with my email address instead of links) same as the wireframe file.
Please view our existing site, found here (https://tinyurl.com/y7up4hab), we are looking for a complete restyle with GSAP and a framework of your choice (future pages to be added later, right now, it is just one landing page), attached XD design is slightly out of date since we are now choosing the GSAP approach, it still gives some guidance.
4 sliding pages like Tesla style, where the 'above the fold' area changes when the sections are complete, we could look at alternate colours for the background, off-white, to off-black stage 1-4. The product part of the page will be more to the 'apple' style, using sequential images.
The site outcome will be a tesla/apple hybrid :-)
Stage 1:
Intro - maybe something fun with text like a splash screen 'What if it all works out better than you ever expected?' then the page info loads in + scrolling 2d animation to 'workout' as well as the counter on the phone when he completes a repetition when the user scrolls. Once complete the Tesla style roll happens to the next stage.
Stage 2:
Show the devices off (these are 3d models that we have, our 3d designer can build any additional assets), maybe a few different angles etc + some text appears along the way too. Once complete the Tesla style roll happens to the next stage.
Stage 3:
The 2 videos should show, these can show side by side, or whatever looks good, they could show one at a time but with tabs to change between the two, we have options. Once complete the Tesla style roll happens to the next stage.
Stage 4:
Contact form + small footer (similar to tesla, but maybe just with my email address instead of links) same as the wireframe file.