Showcase Website Project Guide Semester Capstone Project
Showcase Website Project Guide
Student Portfolio
My Name:
My Website URL / Link:
Due Date:
What You Are Making
You will build a simple 4-page website to show off your best school projects from this semester. Pick work you are proud of, add pictures, and explain what you learned.
Helpful Word Guide
Artifact: A project or photo you made.
Caption: 1-2 sentences explaining your work.
Bio: A short sentence about who you are.
The 4 Pages for Your Website
1
Page 1: Home & About Me
Title of your website
Short bio (2-3 sentences about yourself)
Buttons to all your other pages
2
Page 2: Science & Math (STEM)
2 projects from Math or Science
Clear photos or screenshots
Short caption explaining each project
3
Page 3: English & Social Studies
2 projects from Reading, Writing, or History
Essays, slides, artwork, or audio recordings
What makes this piece special to you
4
Page 4: My Growth & Goals
1 thing that was hard at first, but got easier
2 new goals for next semester
A list of skills you practiced
Internet Safety Rules (Stay Safe Online)
Use first name only
No phone numbers or address
Only use work you made
Showcase Website Studio • Student Project Guide Page 1 of 2: Requirements
How You Will Be Graded
Showcase Website Rubric
Total: 100 Points
Category Great Job (4) Good Job (3) Getting There (2) Score 1. Project Work
25 Points
| All 4 projects are included. Photos are clear and captions explain the work well. | 4 projects are included. Captions explain the work with a few small details missing. | Fewer than 4 projects, or missing captions. | /25 |
|
2. Easy to Use
25 Points
| All buttons and page links work. Colors and fonts look neat and easy to read. | Most links work. Text is easy to read with 1 or 2 small messy spots. | Broken links or text that is hard to read. | /25 |
|
3. My Reflection
25 Points
| Clearly explains what was learned, what was hard, and lists 2 future goals. | Explains what was learned and gives at least 1 goal for the future. | Reflection is very short or missing future goals. | /25 |
|
4. Safety & Neatness
25 Points
| Follows safety rules (first name only), clear spelling, and gives credit for photos. | Follows safety rules with only a few small spelling mistakes. | Safety rule broken or many spelling errors that make it hard to read. | /25 |
My Quick Checklist
I have all 4 pages created
I checked all buttons with a friend
I only used my first name
Teacher Feedback
Total Score: ______ / 100
Teacher Notes:
My Reflection (Sentence Starters)
Complete this sentence in the box below: "The project I am most proud of is ________ because ________."
Showcase Website Studio • Student Project Guide Page 2 of 2: Rubric & Self-Review
Showcase Website Graphic Organizer Phase 1 • Architecture & Identity
Showcase Website Planning Organizer
Blueprint & Sitemap
Student Name:
Site Working Title:
Platform (Google Sites / Canva):
Part 1: Site Architecture Tree (Map your 4+ pages & navigation)
Landing Page (Level 0)
Homepage & About Me
Page 1: STEM
Artifact A:
Artifact B:
Page 2: Humanities
Artifact A:
Artifact B:
Page 3: Creative / Arts
Artifact A:
Artifact B:
Page 4: Reflection
Growth Essay:
Goals & Resume:
Part 2: Design System & Visual Identity
Color Palette (Choose 3 harmonious colors):
Primary / Nav
Accent / Hero
Background / Tint
Typography Pairing:
Header Font:
Body Text Font:
Target Vibe / Aesthetic:
Minimal Editorial Tech/Modern
Part 3: Audience & Elevator Pitch
Who is the primary audience for your portfolio (e.g., college reviewers, employers, peers, family), and what single impression do you want them to leave with?
Showcase Website Studio • Planning Graphic Organizer Page 1 of 2: Architecture & Branding
Phase 2 • Layout & Content Matrix
Wireframing & Artifact Planning
Wireframe & Matrix
Low-Fidelity Page Wireframe Canvas (Sketch your layout) Page sketched: [ Homepage / Subject Page ]
https://myportfolio.school.edu/your-page-slug
[ Logo / Site Title ] [ Nav: Home | STEM | Humanities | Reflection ]
[ Hero Banner or Main Media ]
[ Artifact Card 1 & Context ]
[ Artifact Card 2 & Reflection ]
[ Contact / Credits / Attribution ] [ Back to Top ]
Artifact Content & Reflection Matrix (Select your 4 best pieces)
Subject Project / Artifact Title Media Format Key Takeaway / Skill Highlight STEM #1 Photo / PDF / Embed
|
| STEM #2 |
| Chart / Code / Report |
|
| Humanities |
| Essay / Audio / Deck |
|
| Creative / Arts |
Showcase Website Milestone Tracker Project Management & Benchmarks
Showcase Website Milestone Tracker
Progress Checklist
Student Name:
Project Manager (Self):
Final Launch Deadline:
M1 Phase 1: Architecture & Asset Gathering
Due Date: ______
Complete Site Architecture tree & Wireframe Gather & digitize 4+ cross-subject artifacts Select 3-color palette & font combination
Teacher Checkpoint Initials:
M2 Phase 2: Digital Build & Core Layout
Due Date: ______
Build Homepage hero & write professional bio Create STEM & Humanities showcase pages Embed high-res artifacts & draft context captions
Teacher Checkpoint Initials:
M3 Phase 3: Reflection & Metacognition
Due Date: ______
Draft semester growth synthesis essay Formulate 2 concrete SMART future goals Add full media citations & image credits
Teacher Checkpoint Initials:
M4 Phase 4: Usability Testing & Public Launch
Due Date: ______
Complete peer usability audit & fix flags Audit privacy (no last names / private info) Submit live, published portfolio URL
Teacher Checkpoint Initials:
Peer Usability Audit Protocol (Required in Phase 4)
Reviewer:
All navigation links open smoothly Images & media load clearly Text contrast is clear & readable
Top Strength / Highlight:
One Recommended Improvement:
Final Portfolio Submission Sign-off
I verify that all showcased work is authentic, original, and adheres to digital safety standards.
Student Signature:
Showcase Website Studio • Student Milestone Tracker Project Management Benchmark Sheet
Showcase Website Launch Slides Semester Capstone Project
Website Studio
Build Your Showcase Website
A simple, creative digital portfolio to show off your best work, celebrate your growth, and share your story.
4 Pages • 4 Best Projects • Your Voice
Let's Get Started →
The Big Idea
What is a Showcase Website?
1. Your Best Work
Pick projects you are proud of from science, math, writing, and art.
2. Your Growth
Show how you solved tough problems and improved this semester.
3. Easy to Share
Send one link to show family, teachers, and classmates what you built.
Key Rule: Keep it clean, simple, and easy to read!
Website Blueprint
Your 4 Required Pages
1
Home & About Me
A welcome title, a short friendly bio, and navigation buttons.
2
STEM Showcase
2 projects from Math, Science, or Tech with a short explanation.
3
Humanities & Arts
2 projects from English, History, or Creative Arts with pictures.
4
My Growth & Goals
What you learned this term and 2 goals for your next step.
Each page uses the same navigation bar so visitors never get lost.
Showcasing Work
The 3-Step Project Formula
Step 1
Add a Clear Photo
Take a crisp photo, screenshot, or embed a PDF of your project.
Clear • Not blurry
Step 2
Write the "What"
In 1-2 sentences: What was the assignment? What did you make?
"I created a..."
Step 3
Write the "Why"
In 1-2 sentences: What skill did you practice? What are you proud of?
"This shows I can..."
Safety Reminder: Use your first name only. Never post home addresses or phone numbers.
Project Roadmap
4 Easy Steps to Launch
1
Plan
Pick your 4 projects and sketch your pages on paper.
Organizer
2
Build
Set up your website pages and add your work photos.
Site Builder
3
Reflect
Write short captions and share your semester growth.