Page is a not externally linkable
- Code, Content, and Presentation
-- Site Graphics and Multimedia Design
---- What makes a good web design specification?


limbo - 5:50 pm on Jan 9, 2009 (gmt 0)


For a CMS mock-ups how would define deliverables needed?

Only really makes a difference if the back-end needs skinning, and that'd be a requirement laid out in the proposal.

If you expect the designer to code up the HTML/CSS - making them aware of the CMS's back-end tech + and its strengths and limitations is very useful. Same goes for E-commerce, or any tool that's not in the design layer.

The deliverables for just about any web design project are usually contain most of the following (sorry if some this seems really obvious - but I know a lot of people who don't seem to use process led design):

1. Sitemapping
Either the designer/IA does this, or one is provided by the client and is refined by designer/IA. This should be detailed, explaining user processes AND structure.

2. Wireframing
A rough mock-up, usually just the home page + 1 sub page - used to show the placement of page elements. Doesn't show style, brand, images, photos, icons etc. A design grid should be employed at this stage.

3. Concept design
Usually a couple of design options will be provided - 1 homepage + 1 sub page for each. Develops overall look and feel of the site. Colours, icon style, branding, photogrpahy, tone. Likely the design will use lipsum and low res stock 'comps'.

4. Design Development
Refines chosen page style and adds remaining page types and graphic elements - e.g. Home, sub-sections, lists, callouts, content, forms, galleries, icons, product pages, shopping carts etc, etc...

After the developed 'flats' have been signed off by the client, then coding can begin.

5. Technical Design
Usually just HTML & CSS - I personally think a web designer must be able to create decent markup and top notch CSS even if they may not be tasked with the technical design phase. A good design has these fundamentals at it's heart. Technical design is usually run in conjunction with the beginning of development - Flash, ActionsScript, Javascript, PHP, ASP, etc...

These 5 stages are the key components - variations usually lay within each part depending on the project type.


Thread source:: http://www.webmasterworld.com/graphics_multimedia/3807861.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com