You are hereHTML5 & CSS3
HTML5 & CSS3
Computers Make Freedom
Client:
hypermodernismBrief:
A conceptual art piece developed as part of my Multimedia Systems and Fine Art portfolio, to showcase animation, photography, music and interactivity.
Mens Fitness Website
Client:
Dennis PublishingBrief:
Dennis publishing fitness magazine for Men
The brief was to freshen up existing design to separate the brand from Maxim magazine.
The underlying CMS was to stay the same so that any design work had to take into account some of the limitations of the system.
With that in mind new colours were used to create a "fresh healthy" style. Gradients were used to accent curved shapes holding the titles of the sections.
BBC Imagineering - CD-ROM
Client:
BBCBrief:
The BBC provides entertainment, education and information, captivating millions of viewers and listeners at home and abroad.
Design and development CD Rom promoting the BBC's 'Imagineering' department, a New Media facility offering technology solutions. The project employed interactive toys and games, and an animated character 'Gordon Burlington', in order to engage users and present an accessible lo-tech introduction to the advanced facilities available within the Imagineering department.
Craftform - Crafts Social Networking Site
Client:
CraftformBrief:
The Craft social network - Craftform is an independent organisation with the simple goal of creating a social network of makers, artists, galleries and shops.
Development of a Social networking site featuring user generated content, accessed and displayed in a user friendly way.
Giving crafts people a simple way to communicate, display their work, make new friends, and a directory service for Galleries and shops linked to Google maps.
Sony Girls Night In
Client:
Sony PicturesBrief:
Design and build an interactive microsite for the Handbag.com website to promote the Sony DVD and CD back catalog through the concept of 'Girls night in'.
Videos and Music assets were supplied and links to an online store are loaded through XML.
Seat Ibiza - Spirit of Ibiza
Client:
SeatBrief:
Design and program an interactive microsite page to showcase the new Seat Ibiza on the Getlippy.com website. The main part of the microsite features a guide to the Island of Ibiza. With features to interest three different target groups.
A map was created with the data populated from an XML file which meant that it could be updated easily.
Mercedes-Benz Advertorial for Auto Express
Client:
Mercedes-BenzBrief:
Design an advertorial promoting the new generation Mercedes-Benz E-Class. In a suitable style for the presentation of a luxury product.
The design features 360 Quicktime Virtual Reality virtual tour an interactive flash section and a data capture method for collecting details of interested parties.
Estee Lauder iMatch
Client:
Estée LauderBrief:
Estee Lauder iMatch, on handbag.com, cosmopolitan.co.uk and allaboutyou.co.uk
Design and build a creative advertorial page to promote the iMatch foundation cosmetics service. The advertorial featured video and interactivity to inform the user about how service iMatch works.
There were variations on the design to reflect the different audience requirements of the three websites and traffic driving media was also produced following the brands strong design cues.
Dennis Interactive - Dennis Publishing
Client:
Dennis PublishingBrief:
Dennis Interactive the online division of Dennis Publishing.
One of the world’s leading independent publishers. Founded in 1974, the group consists of a number of operating companies in both the UK and USA.
Boss of Bosses
Client:
John MurrayBrief:
Design and implement a website to promote the Boss of Bosses book along with the authors other publications. The site should have a design in keeping with the feel of the book and use good SEO to attract visitors. An imported rss feed from another mafia news site is used to keep the content on the pages constantly updated.
27 Dresses
Client:
20th Century foxBrief:
Design and program an interactive microsite page for the Handbag.com website. The page should be in the style of existing publicity material and video ads.
Traffic driving media was also produced for the site.
Street style with Vauxhall Tigra & Britains Next Top Model
Client:
VauxhallBrief:
Design and program an interactive microsite page to showcase interviews and fashion for Tigra and Britains Next Top Model brands.
The script and animated site featured some interesting ways to view different content types including video.
Johnson & Johnson - Holiday skin
Client:
Johnson and JohnsonBrief:
Design and program an interactive microsite to promote the Johnsons Summer Skin products.
A main animated microsite acted as a hub page for various summer focused articles and a competition situated on the Handbag.com website.
Wilkinson Sword Xtreme 3 Game
Client:
Wilkinson SwordBrief:
Production of four games to be set over the period of four weeks, where the player must guess the correct names from visual clues hidden in a photo montage. With free text entry for the answers, the player should be able to get points for variations in spelling or nicknames. Scores times and user details were to be captured to a database.
The design of the games should be modular using xml for the clues and answers thus enabling the production time to be minimised for each week.
Hypermodernism game and website
Client:
hypermodernismBrief:
Top 15 in the Europrix Multimedia Top Talent competition, 2001
Created in 2000 as part of my Multimedia Systems and Fine Art portfolio, to promote an imaginary radical socio-political movement called hypermodernism. This website, fake archive material, game and film involves the viewer in a compelling and interactive story.