Shawn Colvin The Starlighter
When we first started this project I really couldn’t see the end. A 20-minute music video built with illustrations we had to put together in-house before animating in Animatecc and setting up camera rigs, 3D rotation and depth of field all in 5K.
To make it harder on us we also decided to base the whole thing on a stage in a theatre, so the animated lullaby stories would be based within a parent environment of a theatre full of people.
On top of that we’d also rotate the stage, so the camera floated around to the backstage view, which meant designing both a front and a back view for hundreds of moving pieces.
We never make things easy for ourselves and halfway through I felt like we’d never complete it, but if you keep moving forward each day you eventually see the finish line. The video is a promotion piece for the new album of lullabies by Shawn Colvin and it now resides on Amazon Prime US.
did before. Animatecc’s IDE is so flexible that the old Flash masters at Wefail have no real reason not to use Createjs to build mind blowing experiences like they did in Flash’s ‘golden’ days. I am just happy to help them out! “As with most Wefail projects, not only do we try to use the latest and greatest versions of the Createjs Libraries, but we also use advanced features that most developers are unaware of. When we started wefail.com we decided that we wanted it to be fast, fast on both desktop and mobile devices, so a lot of care was taken when putting it all together. Stagegl focuses on content that WEBGL excels at rendering, which was perfect for the experience we wanted for wefail.com. Of course there are other secret optimisations that we did but Martin has forbidden me to share them here… I have said too much already.” Mobile is a key component of the web experience. What is Wefail’s approach to designing and developing for different devices? “We now design a site for mobile and then adapt it for desktop,” Martin explains. “Our workflow will be getting the framework together and functioning as it should do on phones, then working through breakpoints up to the largest desktop screens. For wefail.com there was a lot to consider, things like the rasterised falling text-cards had to be intelligible on an iphone 5’s screen but also had to hold together on a 5K monitor. If we make a site I want to know I can use it the same way on all devices and desktop. I hate when you visit a
“Be passionate with your work! Even if it’s not the most exciting work, find something about it that will challenge you. Nobody likes a grey cloud. Martin likes to come up with the craziest ideas and my initial response is ‘no way’ and after a few hours I challenge myself to figure out a way to get it done” Sebastian Derossi, Developer
Below Current animation techniques and tools bring to life a bygone era of miniature theatre reimagined for the iphone generation
Left Stunning art direction coupled with fluid animation illustrates the diversity that Wefail bring to the design community