Job brief - Play page SVG animations:
Smilebox - allows users to create greeting cards/ slideshows (creation) etc in different categories (birthday/wedding/sympathy etc).
Smilebox play page - the page that the user's who receives a creation opens.
The planned animations in the play page are built from 2 separate animations:
Animation #1 - The user opens the play page and a confetti animation is being displayed automatically - should be with SVG animation, so it will be transparent on top of the play page
Animation #2 - The user needs to click the envelope, that is located below the confetti in order to start the second animation to unwrap the envelope, and the card (the creation) pops out of the envelope, and goes to the right side, and the envelope goes to the left side. The envelope animation should also be SVG animation so it would be transparent on top of the creation (which is also animated).
Animations story-board screenshots:
Animation #1 -
Confetti pops from the top of the screen and starts falling
I will share some png images with shortlisted candidates.
Text and arrow continue to move gently in place. Once user clicks on the Smilebox sticker the second animation begins.
Animation #2 -
Envelope starts to open and the page comes out
Envelope leaves the page from left side
The greeting card that was inside the envelope goes to the right and stays there ready for the animation of the creation to start automatically
The creation animation starts to play automatically
Optional animations references to the envelope opens:(removed by Toogit admin)
Thanks
About the recuiterMember since Jul 24, 2017 Bessie O.
from Washington, United States