Website V2: clean it up
Make your website consistent, remove unnecessary elements and use a five-second test to guide a revision.
For this lesson
Make your existing website consistent and clear
Work on Website V2. For the first 30 minutes, improve the existing design without adding features. Keep a copy of your previous version.
Go to the steps ↓- 01
Find three problems
In the handout, identify one inconsistency, one confusing thing and one unnecessary thing. Name the section or page where each appears.
- 02
Set five design rules
Choose rules for the background, main colours, headings, buttons/cards and navigation. Use the same rule wherever an element does the same job.
- 03
Direct the changes
Give AI your existing site and the five rules. Ask it to apply them consistently, keep your content and avoid redesigning from scratch. Check the result and request a specific correction where the first attempt is weak.
- 04
Remove three distractions
Delete three unnecessary things and explain why. Preserve useful content and working navigation. Check colour, headings, component styles, image sizes and spacing.
- 05
Run the five-second test
Show Home for five seconds, then hide it. Ask: What was the website about? What did you notice first? What do you remember? What do you think this person is like? Where would you click next? Record your partner’s words.
- 06
Make an evidence-based change
Use the test to choose one improvement. Explain the evidence and the change. Check the links and useful interaction again, then save PersonalWebsite_V2 with all linked files.
Complete the handout as you work
Completed Website V2 handout and the matching PersonalWebsite_V2 files, including the images, styles and scripts they need. Upload them together in the specific assignment.
The handout records your decisions. A finished-looking product by itself does not show that reasoning.
See the route to the A/B assessment →Related assignments
- Personal Website 3
Follow the linked handout and the submission instructions in Toddle.
Assignment on the calendar →
Submit in Toddle. The assignment instructions above specify what to hand in.
Read the handout text online
WEBSITE V2
MAKE IT FEEL DELIBERATE
GRADE 8 DESIGN • PERSONAL WEBSITE • AI AS DEVELOPER
TODAY: Stop adding random features. Make the site consistent, clear, and intentional.
NO NEW FEATURES FOR THE FIRST 30 MINUTES.
| 1 | FIND 3 PROBLEMS |
| One thing that looks INCONSISTENT: ______________________________________________________________________________ |
| One thing that is CONFUSING: ______________________________________________________________________________ |
| One thing that is UNNECESSARY: ______________________________________________________________________________ |
| 2 | MAKE 5 DESIGN RULES |
| 1. Background style: ______________________________________________________________________________ |
| 2. Main colors: ______________________________________________________________________________ |
| 3. Heading style: ______________________________________________________________________________ |
| 4. Button / card style: ______________________________________________________________________________ |
| 5. Navigation style: ______________________________________________________________________________ |
| 3 | GIVE AI THE RULES |
| Copy / adapt:Here are the rules for my website:• Background: ...• Main colors: ...• Headings: ...• Buttons/cards: ...• Navigation: ...Make the design consistent across all sections.Do NOT redesign from scratch.Do NOT remove my content.Do NOT add new features yet. ______________________________________________________________________________ |
| 4 | CLEAN-UP PASS |
□ Colors are consistent
□ Headings feel related
□ Buttons/cards use the same style
□ Navigation stays consistent
□ Images are sized sensibly
□ Spacing feels intentional
| What was weak about AI's first clean-up attempt? ______________________________________________________________________________ |
| What specific revision did you ask AI to make? ______________________________________________________________________________ |
| 5 | DELETE 3 THINGS |
AI makes it easy to add. Designers also need to REMOVE.
| DELETE 1: What did you remove, and why? ______________________________________________________________________________ |
| DELETE 2: What did you remove, and why? ______________________________________________________________________________ |
| DELETE 3: What did you remove, and why? ______________________________________________________________________________ |
| 6 | FIVE-SECOND TEST |
Show your homepage for FIVE seconds. Then hide it.
| What was this website about? ______________________________________________________________________________ |
| What did you notice FIRST? ______________________________________________________________________________ |
| What do you remember? ______________________________________________________________________________ |
| What do you think this person is like? ______________________________________________________________________________ |
| Where would you click next? ______________________________________________________________________________ |
| 7 | MAKE ONE EVIDENCE-BASED CHANGE |
| What did the five-second test reveal? ______________________________________________________________________________ |
| What ONE change will you make because of that? ______________________________________________________________________________ |
| 8 | SAVE VERSION 2 |
Save / copy your site as: PersonalWebsite_V2
□ Fixed inconsistency
□ Made 5 design rules
□ Revised AI first result
□ Deleted 3 unnecessary things
□ Completed five-second test
□ Made one final change
| V2 is better than V1 because… ______________________________________________________________________________ |
| The next thing I want to improve is… ______________________________________________________________________________ |
NEXT: REAL CONTENT UPGRADE
Replace placeholders with real projects, images, interests, and writing.