Web Design Project
Task: Design a Website for a Club/Organization/Program
Objective:
Students will apply their knowledge of HTML and CSS to create a functional, well-structured,
and visually appealing website that represents a club, organization, or school program.
Instructions:
1. Choose a club, organization, or program (e.g., Sports Club, Student Council, Math
Society, Computer Society, BSOA Department, CTE Department, etc).
2. Create a multi-page website that includes at least:
○ Home Page – introduction with logo/banner and mission.
○ About Page – vision, mission, objectives, and history.
○ Activities/Programs Page – events, services, or activities.
○ Gallery/News Page – images or updates.
○ Contact Page – membership info, contact form, or email.
3. Apply consistent layout, colors, and typography.
4. Ensure navigation links work across all pages.
5. Website must be user-friendly and readable.
6. Submit your project folder (HTML, CSS, images/media).
Rubric for Evaluation (Total: 100 points)
Criteria Excellent (20-18 Good (17-15 Fair (14-12 pts) Needs
pts) pts) Improvement
(11-0 pts)
Content & All required Most pages Some pages Very limited
Completeness pages complete complete, minor missing or content; many
(20 pts) with rich, missing details. content lacks pages missing.
accurate detail.
content.
Design & Creative, visually Good design, Average design, Poor design;
Layout (20 pts) appealing, minor lacks creativity, unattractive or
consistent use of inconsistencies. messy layout. confusing.
colors/fonts/layo
ut.
Navigation & Clear, smooth Mostly smooth; Some broken Difficult to use;
Usability (15 navigation; all few minor errors. links or many links
pts) links functional. confusing broken.
navigation.
Technical Skills Clean, Good coding; Basic coding; Minimal coding
(HTML/CSS) (20 structured code; few errors. messy or effort; non-
pts) advanced use of repetitive. functional.
HTML/CSS.
Responsivenes Fully responsive; Mostly Limited Not responsive
s (15 pts) works well on responsive; responsiveness; at all.
desktop & minor issues. works best on
mobile. one device type.
Creativity & Very creative, Some creativity Minimal Lacks originality;
Originality (10 original, and and originality. creativity; very plain.
pts) engaging. standard design.
Total Score: /100
● 90–100 = Excellent (A)
● 80–89 = Very Good (B)
● 70–79 = Satisfactory (C)
● 60–69 = Needs Improvement (D)
● Below 60 = Poor (F)
