Final Project — Advanced Website Design

Fall 2026 · AMDE 355 Advanced Web Design

Complete and refine the website you have developed this semester. Your final should demonstrate advanced layout, responsive design, visual consistency, and appropriate interactivity. Do not start over unless your instructor has approved a new direction.

Your website may use multiple pages or a substantial single-page structure, depending on your concept. There is no arbitrary page-count requirement.

Project stages

1. Audit your existing site

List unfinished sections, broken links, layout issues, and features you plan to improve.

2. Complete the structure

Use semantic HTML, consistent navigation, readable content, and a clear visual hierarchy.

3. Apply advanced CSS

Use Grid or Flexbox intentionally; refine typography, spacing, color, and responsive layouts.

4. Integrate enhancements

Implement at least three meaningful enhancements, including one responsive or interactive feature. Reuse and adapt examples from the Enhancement Lab.

5. Test and revise

Test desktop and mobile, keyboard navigation, image alternatives, contrast, and reduced-motion support where relevant.

6. Publish and submit

Provide a working website URL, source files or repository/CodePen links, and a short reflection.

Minimum requirements

Completed, coherent website based on your semester project
Semantic HTML and organized CSS
Advanced Grid or Flexbox layout
Responsive design for desktop and mobile
Three purposeful enhancements, including one interactive or responsive feature
Working links, navigation, and media
Keyboard accessibility, useful alt text, readable contrast, and reduced-motion support where appropriate

Example: responsive project layout

<code>.project-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (max-width: 800px) {
  .project-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .project-grid { grid-template-columns: 1fr; }
}</code>

Live layout example: Resize the browser to see the cards wrap.

Project One

Project Two

Project Three

Final submission

Submit your live website link, source files or project repository/CodePen links, and a short reflection (approximately 150–250 words) explaining your design direction, the enhancements you implemented, and one challenge you resolved.

Grading rubric — 100 points

Category	Points
Advanced HTML/CSS implementation	25
Responsive design	20
Interactive features and enhancements	20
Visual design and originality	20
Functionality, accessibility, and submission	15
Total	100

Due date and D2L Dropbox: To be confirmed by your instructor.

Final Project — Advanced Web Design