Animated Origami-style Flat 3D Logotype Loop for Web
For our starting section of our website, we would like a full-browser-width-and-hight, looping, origami-style-folding, flat 3D animation of our logo. Our logo (attached here) is based on triangles. We would like something origami-folded (like a bird, plane or similar) to fly in and unfold/refold itself into our logo, after a while the logo folds itself into something again and exits out from the screen, only to reappear again in an eternal loop.
A more detailed version of what we would like:
Something origami-style fly in from the edge of the screen
The thing fold/unfold/transform itself into our logo centered of the screen
The logo stay in the middle of the screen for a few seconds (3-5s, avoid making it feel rushed)
The logo refold itself into an origami-shape and takes flight again leaving the screen
Reappears again in a loop, the number of reappearances/cycles are up to you as long as the loop is complete. Perhaps one cycle is enough, if you prefer more cycles in one loop that’s fine as well.
The feeling we’re going for here is freedom and openness, it’s important to capture that feeling in the animation.
Smooth flow with a light feel to it is very important.
The rest of our website is based on flat 3D so make sure not to make it in this style. Examples of the style can be found here: [url removed, login to view]
For example of the “format”, please see our current WordPress-template, the plan is to replace the surfing girl animation. Template: [url removed, login to view]
What we would like delivered:
Elastic width on the animation in case of different screen resolutions
Retina-screen compliant and tested
HTML5/SVG or other non-flash. Preferably lightweight and mobile compatible format
What we’ll provide:
Logo in requested format