1. The landing page is to be built with efficient codes and best practices. The page will reside within an existing header and footer that will be provided.
2. It must be responsive and feel professional, e.g. must work well on mobile, tablet (portrait/landscape) and desktop.
3. Landing page contains about 6 sections. The top section contain a full screen video background with text overlay. Other sections contain text, image and links, with simple layout.
4. Fade in and Slide in effects on text/image/background as user scroll to each section (mouse scroll/down link brings user to each section smoothly). The behavior is similar to the smooth transition effects that you can see on powerpoint presentation slide. Reverse effect is expected when user scroll up.
5. Mouseover effect (text slide/enlarge and play icon fade in) on the last section/slide for video links. Mouseover enlarge effect on button at the end.
What will be provided:
1. Designs: Desktop, Mobile (via invisionapp inspect)
2. Existing header and footer structure (php, css, js)
3. Short demo video to illustrate expected animation and interactive mouseover effects
More details will be provided upon confirmation and signing of NDA.
Timeline: 1 - 3 days