1 / 14

Web Design Workflow

MAT153 Web Design 1 A Brief Overview of the Web Design Process. Web Design Workflow. Information Gathering Planning the Site Interface and Site Design Development of the Site Testing and Launch Site Maintenance. 6 Phases of the Web Design Process. All sites start as an idea

nodin
Download Presentation

Web Design Workflow

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. MAT153 Web Design 1A Brief Overview of the Web Design Process Web Design Workflow

  2. Information Gathering • Planning the Site • Interface and Site Design • Development of the Site • Testing and Launch • Site Maintenance 6 Phases of the Web Design Process

  3. All sites start as an idea • Something to be accomplished • Something to promote • Something to share • Someone to entertain • Some news to broadcast • Something to sell Purpose

  4. What is the goal of your web site? • Sell stuff • Sell yourself • Tell a story • Persuade people Goals

  5. Who will be your site visitor? • What do these visitors expect? • Does your target audience have certain common characters? • Income • Age • Interests • Computer abilities Target Audience

  6. Content is the stuff of the site • What do other sites in the same genre offer? • What do you have to offer? • Start grouping your stuff into categories Content

  7. Like anything you build, you need a plan • Structure • 3 to 7 Top-level categories • Content is the stuff that goes into each category • Content can be words, images, sound, multimedia Planning

  8. Design is the pretty stuff that happens in Photoshop after all the initial planning is done • Shapes • Colors • Proximity • Form • Typography Interfaceand SiteDesign

  9. Move from a pretty picture to an interactive web page using Dreamweaver • Slice • Export • HTML • Technologies Development of the Site

  10. Fill the site with content • Words • Image • Multimedia • Is it working? • What is working • What is not • Fix it! Testing

  11. What is the benchmark for launch • Not all content is necessary for launch • Determine what is necessary • What will be added later • Determine launch date • Open the site to the public – Launch! 3, 2, 1 - Launch

  12. Change is all • Eliminate that which is not working • Make what is working more prominent and easier to get to • Fresh content is a must • Targeted content is better • Always be eager to reinvent your site Site Maintenance

  13. The Tools of the Trade • Information Gathering and Site Planning • Microsoft Office Word • Microsoft Office Excel • Interface Design • Adobe Photoshop • Adobe Bridge • Development of the Site • Adobe Dreamweaver • Adobe Flash • Adobe Photoshop • Adobe Bridge • Testing and Launch • Web Browsers • Adobe Device Central • Dreamweaver Browser Lab • Site Maintenance • Analytics and Statistics • Adobe Dreamweaver • Adobe Photoshop • Adobe Flash • Adobe Bridge • Adobe Contribute

  14. Thank you for your attention! Web Design Workflow

More Related