Overview

This is where it all comes together: the client's text, your text, images, fonts, and colors. A CSS style sheet is created, and all the elements are united into a Web site. Of course, testing and modification will follow, but this is where it begins to look like a finished product.

The diagram here shows the relations between clients, their input, and members of the team:

Here are the procedural details of how the graphics, colors, fonts, and texts are added, giving usual assignments to members of the team.

Clients provide:

• Branding, Design, Look and Feel specifications (Phase K) used by the coder and graphic designer
• Policies: general guidelines about how they want content, navigation, and appearance on the site (what to do and what not to do) used by everybody on the team.
• Graphics for the graphic designer to use
• Text for the data specialist or coder, depending on team assignments and file format of the text.

Team Members' Roles

In relatively small teams or projects, more than one of the roles described below may be assigned to the same person. Conversely, in larger projects there may be more than one individual assigned to some of the roles.

• Coder
  • Receives information from clients, graphic designer, and editor or data specialist
  • Uses wireframe layout pages from Phase J
  • Works with graphic designer to create CSS file to give the desired look and feel to the pages
  • Makes appropriate use of wireframes as templates for individual pages
  • Modifies code in home page and individual pages as needed
  • Inserts graphics and text in appropriate pages
  • Makes pages available to QA tester
• Graphic Designer
  • Receives graphics files and hardcopy for scanning from client
  • Scans hardcopy graphics
  • Modifies and enhances graphics with appropriate software
  • Creates new designs as needed
  • Works with coder to set up CSS file with appropriate colors, fonts, and layout to achieve the requested look and feel
• Data Specialist's role depends on team organization and on how much text is provided by the client. In general:
  • Receive text from client and modify as needed to meet requirements of Web design
  • Convert file formats as needed, working with the coder
  • Pass text and other relevant material to the editor for review and modification
  • Write appropriate text when not provided by the client
  • Keep track of files on the site, making backups frequently
• Editor
  • Receive written material from client and data specialist
  • Modify written material as needed for consistency, grammar, spelling, and usage
  • Pass material to the coder for inclusion in coded pages
• Information Architect (not shown in diagram)
  • Receive input from client regarding general organization of the site
  • Design navigation and labeling based on client and user input
  • Work with coder to incorporate navigation and labeling into the coded pages
• Tester / QA
  • Examines coded Web pages at various stages of development
  • Checks to make sure links and images work correctly
  • Reads material to double-check editing
  • Organizes user testing
  • Reports results of testing to team leader and appropriate team members
• Team Leader (not shown in diagram)
  • Interfaces with client to get input and convey it to appropriate team members
  • Works with team members to create a realistic schedule that meets client time and content requirements as well as possible with the available resources
  • Checks with each team member to make sure s/he has needed resources
  • Insures team members stay on schedule
  • Checks final Web pages to double-check quality

1. Individual team members get their part of this assignment to the Team Leader by email attachment, or some other method mutually agreed upon in discussion.
2. Team Leader makes sure all documents in the milestone of which this is a part are gathered together in a compatible form.
3. Team Leader and/or content specialist check for correct spelling and English usage.
4. Team leader verifies that material submitted meets the requirements.
5. Team leader or content specialist FTP the material to the team's Web site, informing the instructor and other team members by emailing to them the URI.