Web Page Design

Project & Software Examples

  • Jim Thorpe Olympians Web Site
  • Import Motor Sports
  • Hanover High School Guidance Website
  • AP Biology


  • HTML editors
  • Word Press
  • Dreamweaver
Narrative Descriptions

Narrative descriptions are required for all projects; the narrative description/project summary is now included in the PA Media and Design Competition Participation Packet. If the narrative is not provided, the project will be disqualified. Narratives must be detailed enough to provide the judges with any information to fairly judge the project. Attach additional pages if necessary.

Storyboard/Planning Document

All projects need to display the process used to create the project. This should be specific and as detailed as possible to give the judges the necessary background regarding how it was developed. You may choose to put it on your tri-fold display or bring a loose-leaf notebook with your notes.

  • The document will not be judged for grammar or appearance.
  • Tri-fold displays are not judged, they are for clarification purposes only.
  • The individuals that use your site are one of the most important factors to consider when making decisions about design and functionality. Keep in mind that not all users are alike and may not be able to experience your content as you intend. Refer to the Web Accessibility Guidelines as you build your project to make sure that your site is accessible to everyone.
  • If you do run your site through an evaluator, please feel free to include the results with your project.
  • Get photo releases signed from everyone in your project in any media format.
Specific Category Rules and Rubric
      • Website is responsive and mobile devise compatible
      • Website incorporates ADA requirements
      • Project includes a site-map
      • Indicate the design template being used and how the website has been changed
      • Templates and plugins are cited
      • Code customizations are highlighted in the narrative description
      • Projects must be displayed on a single computer.
      • Internet connections will be provided at the State competition.
      • Displays and monitors must not exceed 24 inches.
      • Space will be assigned and limited to 3 feet per project.
      • Spelling and grammar will be judged on narrative and project.
      • Directions for re-launching the project must be provided, as well as any passwords. (May use narrative)

      A project will be disqualified if any of the following occur:

      • The narrative description is missing. (see below)
      • Copyright information and credits are not included on the narrative or displayed with the project. (see below)
      • A planning document is not displayed/available that clarifies the process used to create the project. (see scoring guideline)

      If a project meets the above rules it will be judged using the following: Web Page Design Scoring Guidelines

Copyright Requirements

The PA Media and Design Competition Participation Packet includes a participation agreement that must be signed by all participating students on a project and their teacher sponsor. Part of the agreement outlines copyright expectations, as well as other project requirements.

Suggested sites to search for media:

The PA Media and Design Competition, although educational, removes the student work from the classroom and therefore requires the student to get permission from the owner to use any copyrighted music, video, graphics, etc. Fair use does NOT apply. Remember to credit music or items that were created by yourself or friends as well.

High School Logo Winner

Logo winner: Kalina Pechart, Abby Walter, and Destiney Wynn - Line Mountain High School

Middle School Logo Winner

Logo winner: Michael Chan - Arcola Intermediate School

Use the hashtag #pamediadesigncomp on all your social media posts