Designing a Website > Brief + Graphic Design + Web Design + Web Development

0. Brief: Structure > Wire frame

• Input from client:
  • STRUCTURE: Document Brief with the specifiations of the website
  • EXAMPLES: Links of live websites that the client likes regarding the Structure
• Output from designer:
  • WIREFRAME: Non Functional Still Diagram in Paper, PDF of JPG file format with the Sturcture of the website: Sizes + Positions of Heading, Navigation, Content and Footer

1. Graphic Design: Style > Mock up

• Input from client:
  • STYLE: Colors + Fonts + Existing Logo or Need a Logo design?
  • EXAMPLES: Links of live websites that the client likes regarding the Style
• Output from designer:
  • MOCK UP: Non Functional Still image in PDF of JPG file format with the visual aesthetic appearance of the website deciding which technology to use: XHTML (still pages) or FLASH (animated pages) or Hybrid (both)

2. Web Design: Contents > Functional Static pages

• Input from client:
  • CONTENTS: Text + Images of each page
• Output from designer:
  • PAGES: Functional Static Front-End Coding (client side) using web standards XHTML+CSS hand coding for still pages and Flash for animated pages (if required). All my pages are SEO friendly

3. Web Development: Functional Dynamic CMS pages (if required)

• Output from designer:
  • PAGES: Functional Dynamic Back-End Coding (server side) programmed in PHP language using MySQL data bases to create a CMS (Content Management System): Special pages so the client will be able to manage the Contents of the website