Need to develop a Animated Website Homepage in Html/JavaScript
- or -
Post a project like this$150
- Posted:
- Proposals: 10
- Remote
- #3447283
- Expired
Experienced Team of Graphic Designers, Web Developers, Content Writers and Digital Marketing Specialists
Sheffield
Experienced Full-Stack Web Developer | Web Designer| WordPress | Shopify | React.js | Vue.js| Brand Logo | UX/UI Designer | PHP
London
Web developer|| Mobile App Developer | Wordpress | PHP Laravel | Flutter App Developer | Ecommerce | Android App | IOS APP
Santa Clara
670675175283920629462513355283702246593365957976628783965088906530146
Description
Experience Level: Entry
Please follow this brief from this design link, Homepage XD Design:
https://xd.adobe.com/view/4bb8a7d0-655f-446e-bdab-b9279b6077fd-1eeb/specs/
All sections should be auto on mouse scroll.
So say the Homepage has 6 sections. I should be able to scroll down or up / or via touch action on a Mobile tablet, and it would move me to the top of the next section and play whatever animation is there in sequence until completed, all sections are 100% VH also. So when a section is > 100% VH then it should allow the regular scroll action until the viewport hit's the bottom of the section then afterward again a small scroll would take over the action to the next section. This needs to be working on all devices and responsive in this manner.
I've said if I have to I'll compromise on some of the more complex animations for mobile but the auto-scrolling will need to be for fully working on all devices.
Code standards -
• Needs to apply animation for the Current HTML code as it will be the same reverse animation when we scroll to Top. Like this Apple page:
Ref (https://www.apple.com/iphone-se/)
• Please get rid of Bullet Slider points on the Homepage. It is the ongoing continuous Scroll animation. It is NOT the Slide by slide animation.
• New class name structure should SWD-[classnamehere]
• CSS should be reusable
https://xd.adobe.com/view/4bb8a7d0-655f-446e-bdab-b9279b6077fd-1eeb/specs/
All sections should be auto on mouse scroll.
So say the Homepage has 6 sections. I should be able to scroll down or up / or via touch action on a Mobile tablet, and it would move me to the top of the next section and play whatever animation is there in sequence until completed, all sections are 100% VH also. So when a section is > 100% VH then it should allow the regular scroll action until the viewport hit's the bottom of the section then afterward again a small scroll would take over the action to the next section. This needs to be working on all devices and responsive in this manner.
I've said if I have to I'll compromise on some of the more complex animations for mobile but the auto-scrolling will need to be for fully working on all devices.
Code standards -
• Needs to apply animation for the Current HTML code as it will be the same reverse animation when we scroll to Top. Like this Apple page:
Ref (https://www.apple.com/iphone-se/)
• Please get rid of Bullet Slider points on the Homepage. It is the ongoing continuous Scroll animation. It is NOT the Slide by slide animation.
• New class name structure should SWD-[classnamehere]
• CSS should be reusable
Gaurav G.
98% (16)Projects Completed
12
Freelancers worked with
11
Projects awarded
42%
Last project
4 Mar 2019
India
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies