This work is for those who know HTML5 transitions and animations very well. If you have no previous experience with this, please don't bid for this job.
We need to create a professionally-looking website for our company called EasyTag. The website will have approximately 5 pages. I am sending my version of the front page, but if you can suggest other creative ideas it will be greatly appreciated. You’re also welcome to look at our current website at [url removed, login to view] Pay attention only to the Shipments project as all other projects will be removed.
The pages must be mobile-responsive to accommodate smaller screens of smartphones. All HTML5 animations can be disabled for small screens.
There will be HTML5 animations involved in the front page. See the [url removed, login to view] mock-up, as well as other mock-ups in the file how_it_should_loook.rar. When user hovers over the image of an iPad or the monitor, the iPhone will move out of the way, while the device itself will zoom in 130%. When user clicks on an image of a device, it will zoom in to a full screen or a full size of an image, and then user will be able to see the slideshow. This slideshow will scroll through the screenshots on a device, while the picture of the device remains static. There is a button which will rotate the device 90% and in the rotated orientation there will be another slideshow with different screenshots scrolling through the device’s screen. Again, the device image remains static, only the screenshot will be changing.
It is very important that all transitions on the web page were smooth and without flicker. Transitions should be approximately 1000 ms long.
The main slogan on the front page "EasyTag Means Easy Business" , along with the small one below, will be changing once every few seconds (default setting 10 sec). The first slogan to appear on page load will be randomly chosen from an array of pre-defined slogans.
We will provide all the images for the key elements of these web pages.
In the file attached file [url removed, login to view] you will find the mock-ups of the different stages of animation. File names in that archive are self-explanatory. The other file [url removed, login to view] contains the web site that’s already been built by another freelancer who was unable to fulfil my spec. You can reuse some parts of it, however, I recommend writing the animations from scratch because the library he used doesn’t work well for my requirements.
My other requirement is that all images in the page were at a double resolution, so they looked well on retina display. For example, a Google logo is output at 60x60px, while the image will be 120x120px. We will provide high-res images.
It is important to complete this project no later than November 15, 2013. Front page animations must be completed by Friday November 8th. Only the experts are welcome to bid on this job. Don't forget to show your previous work. We must keep daily communication via Skype, Email or this website. I expect daily progress reports and a very responsive communication with you.