It's been some time since i last blogged but this one, i think you'll agree is worth the wait.
Honda have developed a highly engaging and unique online digital campaign to promote their hybrid eco-friendly cars. This is definately one to checkout
All aspects of the ZSL website were addressed, from a design to information architecture. New information channels were created ensuring a constant flow of news and articles that could be effectively found by the visitors.
The site was encased in various rich enviroments, portraying ZSL aim of preserving animals in their natural worlds.
visit the live website and adopt a animal!
It seems that with the use of flash technology and the advances in CSS we can layer DIV (HTML content) on top of flash content. This allows us designer to play around with exiting visual backgrounds whilst maintaining all accessibility levels and steering away from complete flash based websites. Here's how.
When exporting your flash movie, enter your publish settings. Select the HTML Tab and located the Window Mode Option. Select the Transparent Windowless option and export your movie.
Within your html, creatve your background DIV layer
<div class"flashlayer">this is where my content sits</div>
and give it a class name of "flashlayer". The name can be anyting you like.
Place for your flash movie code within the div tags. Add the following code to the OBJECT tag: param name="wmode" value="transparent"><param name="wmode" value="transparent"
In the EMBED tag add the following:: wmode="transparent"
Open your css file and and set the CSS class attributes for flashlayer e.g. .flashlayer { position: absolute; margin: 0px 0px 0px 0px; height: 520px; width: 980px; z-index:-1;}
It is important to set the position property as position:absolute;
Notice the z-index:-1 property. This property sets the stacks of elements. Set the flashlayer stack index to the lowest value. This will place your flash movie layer to back. Increase the stack orders to move the layer closer to the foreground. Remember to bring the stack forward, you will also need to set the z-index on all other classes. Enjoy.
Adobe has announced the release of its Creative Suite 4 with major updates that include GPU support. This is fantastic news, as Adobe's Photoshop is now packed with even more 3D modelling and motion based content tools.
If you missed the launch video you can watch it again here.
The super creative people at Art. Lebedev Studios have formed a collection of fantastic illustative styles. Take a look and be inspired.
Adobe has teamed up with industry leaders to vastly improve the searcheability of flash based content online, by providing its optimised flash player technology to Google and Yahoo.
It seems that the smart people at Google have managed to integrate the very popular mashup tool "Google Maps" into Adobes Flash Player utilising the actionscript source code.
After three years of tireless work the old OTHERmedia website was laid to rest. A new, fresher model, that showcases the clients and the design talents of the company now takes centre stage.
Position: Creative Lead Designer
See the new live website here
View the Official Press Release
Designing for users with severe visual disabilities is no easy feat. This was the challenge for the latest redesign for the Action for Blind People charity website. A variety of usability features where designed and implemented and sections themed to provide unique experiences. The site was tested by the faithful charity members and proved a huge success.
Position: Creative Lead
Whilst on my travels along the east coast of Australia I decided to take a detour to Fraser Island. After an arduous 4x4 drive through rugged terrain, I discovered Lake McKenzie. The crystal white sands and clear fresh waters gave the illusion of an artificial beach. It was an absolutely beautiful day when I arrived as the sun gleamed off the ripples on the water