WEB DESIGN WORKFLOW

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

6 PHASES OF THE WEB DESIGN PROCESS Information Gathering Planning the Site Interface and Site Design Development of the Site Testing and Launch Site Maintenance

PURPOSE 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

GOALS What is the goal of your web site?

Sell stuff Sell yourself Tell a story Persuade people

TARGET AUDIENCE Who will be your site visitor? What do these visitors expect? Does your target audience have certain

common characters? Income Age Interests Computer abilities

CONTENT 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

PLANNING 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

INTERFACE AND SITE DESIGN Design is the pretty stuff that happens

in Photoshop after all the initial planning is done Shapes Colors Proximity Form Typography

DEVELOPMENT OF THE SITE Move from a pretty picture to an

interactive web page using Dreamweaver Slice Export HTML Technologies

TESTING Fill the site with content

Words Image Multimedia

Is it working? What is working What is not

Fix it!

3, 2, 1 - LAUNCH 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!

SITE MAINTENANCE 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

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

WEB DESIGN WORKFLOWThank you for your attention!