The making of the VMCG.co.uk website

With the launch of Viper's new website, as a treat I thought I would post a video of the making of the vmcg.co.uk homepage. For those interested in the development process of converting a mockup to a fully coded webpage, this is a rare glimpse into the methodology used.

The video follows my development process of taking a flat jpg mockup, that is used for client approval at the beginning of a project, and converting it to a pixel perfect HTML & CSS page that is fully valid and accessible. The development time for this first html page of the project took around five and a half hours, but I’ve condensed the video down to 30 mins.

This video isn't the whole story of course. After the homepage, the other pages needed to be converted, navigation built, CSS for each brand written and then it all needed to be hooked up to the content management system, ExpressionEngine. A fairly lengthy process, but the results speak for themselves.

Hope you all enjoy.

- Posted on Tuesday 19 Jan 2010 at 11:05 by

Next Blog Article	View All		Previous Blog Article
← Apple iPad could offer step-change in digital marketing		Active Year Ahead →

Comments

Jim Hardcastle - Friday 22 Jan 2010 at 15:51

Other end of the spectrum; timelapse doodling http://www.flickr.com/photos/uberkraaft/4283924683/in/photostream/

Commenting is not available in this channel entry.

The Art of Marketing Leadership: Knowing the Tricks

Rather than magic, TRICKS is all about mastering six key skills and behaviours Read More ›
Design a Logo for a Graphic Designer

It's a simple task for an experienced graphic designer but could I design a logo for one? Read More ›
Top Ten Social Bookmarking Sites Reviewed

Social Bookmarking sites have been around since before Twitter and Facebook. Why should you still be interested? Read More ›
Free Access to National Parks and AONBs Next Weekend!

The campaign begins. Read More ›
Lady Gaga and the Extended Marketing Mix

It's no surprise that Lady Gaga is the world's biggest celebrity A-lister right now and here's why... Read More ›
iTunes Match: Music in the Cloud. A lesson for marketers

What can marketers learn from iTunes Match: the storage of music in the cloud? Read More ›

Marketing & Communications Audit - the first step in the Viper Journey

Often asked about what we really do, we thought we'd share the first step in our process... Read More ›
Why Franchise With Viper?

Our digital marketing experience since 1994 is proving the most popular thing about Viper for potential franchisees Read More ›
Boosting Business Online

A Short Guide to planning effective digital marketing and social media activity for proven value to the business and to customers Read More ›
Rural Digital Training Success

Viper continues to help rural organisations with their digital skills. Read More ›
Viper on the Road in 2012

Expect to see lots of Viper people sharing the message of digital, social media and marketing strategy through 2012 Read More ›
Defra Help Rural Destinations

Defra has announced a series of schemes to help rural destinations market themselves. Read More ›

Global Award Site for Business Leaders

A UN based project website to recognise the efforts of business leaders. Read More ›
Digital Marketing Plan for Local Authority Development Team

Viper helps North Somerset Council's Economic Development team with digital marketing training and producing a communication plan for the future. Read More ›
International Artist Creative Website

Marwa Aly website that balances fine art with web technology. Read More ›
Are You A Twitter Qwitter?

NHS Bristol have teamed up with Bristol Evening Post to help find 4 ‘Twitter Qwitters’ who will use social media – alongside the support and guidance… Read More ›
International Website for CMC

Supporting international expansion Viper has developed a complex content-managed website to support global new delegate enquiries Read More ›
Wye Valley AONB Website

New website for this Area of Outstanding Natural Beauty team in the Wye Valley. Read More ›

Viper Marketing & Communications Group

Explore the Viper Marketing & Communication Group: