Capstone Project

For the Capstone Project students will build a website that showcases and demonstrates the web design skills they have acquired in the classes that make up the Web Design Certificate Program. Satisfactory completion of the Web Design Capstone Project is required to receive the Web Design Certificate.

Project Objectives

  • Research, design, and build a website that meets the user’s needs and achieves a client’s goals.
    • Make design choices that create the appropriate user experience.
    • Build the site with valid HTML and CSS code.
  • Provide thorough documentation of the complete website design process.
  • Publish the site at a web hosting service

Website Requirements

  •  Properly written and validated HTML and CSS that evidences:
    • Use of semantic, structured HTML code (HTML and CSS Levels 1 and 2)
    • Use of linked and/or embedded style sheets, with minimal or no inline styles (HTML and CSS Levels 1 and 2)
    • HTML and CSS code validated using the W3C validation service (HTML and CSS Levels 1 and 2)
  • Website functions and displays properly in the platforms and browsers used by the website’s audience (HTML and CSS Levels 1 and 2; Design Principles)
  • Content written for the audience using suitable language, spelling and grammar (Design Principles)
  • Effective design elements (fonts, colors, backgrounds, and graphics) incorporated that fit the topic and audience (Design Principles and Web Graphics)
  • Properly optimized, content-relevant graphics (Web Graphics)
  • Primary text optimized for search engines (Search Engine Optimization)
  • Compliance with Section 508 accessibility requirements (Web Accessibility)
  • JavaScript, jQuery or other scripting languages are well-written and used effectively within the content of the site (Scripting for Web Designers and jQuery Fundamentals).
  • Usability test conducted and site modified as needed (User Experience Design Fundamentals)
  • Domain name registered and website published to a web hosting service (Design Principles; HTML and CSS Level 2)

Website Options

  • Flash or Other Multimedia: Not a required component, but if these are used they must be appropriate in size and enhance the site’s content.

Project Details

You will need to select your own project. Projects can include any of the following:

  • A Site for a Client: Possible clients include your family, friends, organizations where you are a member, or classmates.
  • A Portfolio Site for Yourself: Documentation for a portfolio site must include all the same components as a site for a client. For the client interview, you cannot interview yourself. You will need to have someone else interview you and provide you with the documentation from this interview.
  • A Redesign of an Existing Website: Be prepared to show both the before and after versions of the site.
  • The website must be written in English. It can be translated into another language, if needed, but the primary site must be written in English.
  • The website must be a minimum of five functional pages with at least one single level of navigation. It is expected that larger sites will have more complex navigation.
  • The website may be either hand-coded in a text editor, built using a Graphical User Interface (GUI) editor such as Dreamweaver, or using a Content Management System (CMS) such as WordPress. Students choosing to build their site using a template, whether from a GUI editor, CMS, or other source, must adapt the template to demonstrate the required HTML and CSS skills.
  • Multimedia is not required. If you choose to include this, you will be evaluated on its appropriate use and technical accuracy.
  • Students are required to publish their sites for instructor review 48 hours before their final presentation. At this time students also need to submit their final version of the website documentation as amended to reflect changes in the website design and functionality.
  • DO NOT wait until you are taking the Web Design Capstone class to begin your project. It is expected that students will be working on the site as they take classes, adding to the design and functionality as new skills are learned. The class assumes that you have selected your client, conducted the client interview and audience analysis, and have begun the design process. You should also have a draft of your documentation for the portions of the project you have worked on prior to the start of the class.