A.i · The user and the need
Worksheet 1, task 1: locate the intended viewer, the need and your real dated observation or comment. Keep it if it already justifies the page; fill only a genuine gap.
Grade 9 · Portfolio design
Portfolio design assessment
Build one improved Project Detail page using the design you chose in Worksheet 2. Keep your existing portfolio and navigation. Show one real project clearly; you do not need a new whole website.
For this lesson
Summative · 8–19 October
Bring the research and design together
Reuse Research your portfolio audience (Worksheet 1) and Plan your project page (Worksheet 2). Keep adequate answers, research, sketches and original dates. Add only missing evidence or brief notes explaining real changes. No separate research report or three new whole-site designs are required.
Final submission: 19 October at 20:00 China time. Your current project is the starting point.
Finish your Project Detail page
Build one improved Project Detail page using the design you chose in Worksheet 2. Keep your existing portfolio and navigation. Show one real project clearly; you do not need a new whole website.
Six features to check on your page
- Make the project clear. Give the page a project title. Explain the aim, what you made, the outcome and your own role. A few specific sentences are enough; avoid generic claims.
- Show real process evidence. Include at least one original process image or screenshot from your work, with a caption explaining what it shows and one decision or improvement. Add useful alternative text. Do not invent process evidence.
- Make the journey work. A visitor must be able to follow Home → Projects → Project Detail → Return to Projects. Reuse your existing pages or use clearly labelled sections and anchor links in one HTML file. Test every link; three new pages are not required.
- Include one useful interaction. Reuse or add one interaction that helps the viewer, such as a Show process details control. Make its label and open/closed states clear and check that it works. HTML details/summary is acceptable; custom JavaScript is optional.
- Make it usable on a narrow screen. Use your Worksheet 2 mobile plan. Text, images, navigation and the interaction must fit a phone-width screen without sideways page scrolling. Keep the desktop layout readable too.
- Check basic accessibility. Use a clear heading order, readable text contrast, meaningful link/button labels and alternative text for informative images. Tab through the controls: the focused control must be visible and usable without a mouse.
The assigned Toddle rubric remains MYP Design Year 5 Objectives: Criterion A and Criterion B, each out of 8. The working page shows your design decisions; Criterion C (Creating the solution) is not being added. The existing A/B band descriptions remain unchanged.
Before upload, unzip your submission into a new folder and open the start file. Check links, images, the interaction, keyboard access and a narrow screen. Fix missing files. Keep the earlier version; no new essay or separate test report is required.
Your three class meetings
- 01
Reuse the plan and start building
Open the two worksheets and your current portfolio. Choose the existing Project Detail design, check the six page features and build on the files you already have.
- 02
Make the page work for its viewer
Complete the content, real process evidence, navigation and useful interaction. Use the existing mobile plan; add only essential missing labels to the worksheets.
- 03
Check the page and prepare submission
Before upload, unzip your submission into a new folder and open the start file. Check links, images, the interaction, keyboard access and a narrow screen. Fix missing files. Keep the earlier version; no new essay or separate test report is required.
Between meetings, finish the part you started and keep your evidence organised. If your last meeting is before 19 October, use the remaining time for your final check and upload.
Reuse your worksheets: short evidence checklist
Use the short A/B checklist to check your existing worksheets. Their task numbers identify the evidence; do not copy the answers into a new report. If evidence is elsewhere, give its file/page reference. Add a short note only where the final design changed or an item is missing.
A
Inquiring and analysing
Maximum 8 points
A.ii · Research decisions
Worksheet 1, task 2: keep the three prioritised questions, methods and sources. Identify primary evidence (your observation/interview) and secondary evidence (published examples). Add a label only if this is unclear.
A.iii · Existing examples
Worksheet 1, task 3: reuse the comparison of three portfolios, their sources and your analysis of the visitor journey, evidence and accessibility. Do not collect three new examples if the existing work is adequate.
A.iv · Findings and design direction
Worksheet 1, task 4: keep or briefly update your design brief. It should explain the audience, need, intended outcome and constraints, with clear links to the research findings.
B
Developing ideas
Maximum 8 points
B.i · Success requirements
Worksheet 2, task 1: keep your four priority requirements, research links and ways to check them. Refine only what is needed to cover the required page features. There is no new eight-item specification to write.
B.ii · Possible solutions
Worksheet 2, task 2: reuse your three meaningfully different Project Detail sketches. Their labels must make the ideas understandable to someone else. Add missing labels, not three new whole-site designs.
B.iii · Chosen design
Worksheet 2, task 3: keep the chosen design and its advantage, trade-off and genuine feedback/refinement. Add a few sentences only if the final page changes that choice.
B.iv · Planning drawings
Worksheet 2, task 4: reuse the labelled Project Detail and narrow-screen plan. Show the title, outcome, role, process evidence, navigation/return route and files needed. Add interaction states or arrows only where missing.
Keep the scope manageable
Reuse Research your portfolio audience (Worksheet 1) and Plan your project page (Worksheet 2). Keep adequate answers, research, sketches and original dates. Add only missing evidence or brief notes explaining real changes. No separate research report or three new whole-site designs are required.
The assigned Toddle rubric remains MYP Design Year 5 Objectives: Criterion A and Criterion B, each out of 8. The working page shows your design decisions; Criterion C (Creating the solution) is not being added. The existing A/B band descriptions remain unchanged.
Grading rubrics
Your teacher awards one best-fit level from 0 to 8 for A and another for B. The strands guide the judgement; they are not four separate two-point summative marks. Worksheet totals are not averaged to calculate these levels. The rubrics are task-specific clarifications of the school’s MYP assessment approach, not a replacement for the applicable IB criteria.
Criterion A · / 8
| Level | What the evidence shows |
|---|---|
| 0 | The submitted evidence does not yet demonstrate the achievement described in the 1–2 band. |
| 1–2 | The work names a possible need for your interactive HTML portfolio and a clear design proposal for its next version and records a small amount of research. The audience, research decisions and useful findings are still difficult to identify. |
| 3–4 | The need and audience are outlined. Some research questions or sources are identified with guidance. An existing example is described and some findings are recorded, but the connection to a useful project direction is incomplete. |
| 5–6 | The user need is explained. Research priorities and methods are mostly clear. The discussion of existing examples identifies useful features and their effects. Findings support a coherent direction for portfolio design, although some evidence links or reasoning need more detail. |
| 7–8 | The portfolio need is justified for a specific viewer. Research is prioritised with increasing independence and records both evidence and uncertainty. Portfolio comparisons analyse the visitor journey and project evidence. A detailed brief connects the findings to the proposed direction. |
Criterion B · / 8
| Level | What the evidence shows |
|---|---|
| 0 | The submitted evidence does not yet demonstrate the achievement described in the 1–2 band. |
| 1–2 | A few basic requirements and one understandable idea are present. Planning drawings contain limited information, so the intended solution is difficult for another person to interpret. |
| 3–4 | Some relevant requirements and possible ideas are shown. The chosen direction is identified with a simple reason. Drawings show part of the solution, but important labels, relationships or practical requirements are missing. |
| 5–6 | Requirements fit the user need. Different feasible ideas for portfolio design are understandable. Reasons for the chosen design refer to requirements. Drawings and a resource list communicate the solution, with some details or justification still needing clarification. |
| 7–8 | Research supports detailed portfolio requirements. Distinct feasible directions are annotated so another designer can interpret them. The chosen journey and presentation are justified against requirements, including trade-offs. Accurate diagrams communicate pages, interaction, narrow-screen behaviour and resources. |
Submit by 19 October at 20:00 China time
By Monday, 19 October 2026 at 20:00 China time, upload one ZIP to the Portfolio design assessment — Criteria A and B assignment in Toddle. Include the final HTML page, its CSS/JavaScript if used, all linked images/files, and your two existing worksheets with any brief updates. Identify the start file (for example index.html). A hosted link is optional, not a replacement for the files.
AI is allowed. If you use it, include your actual prompts and follow-up/revision prompts as copied text or screenshots, with brief notes on what you kept or changed and how you checked it. Add these to your existing worksheet evidence; no separate essay is required. If unused, write “No AI used”. Keep source credits for any borrowed assets. Do not submit public chat-share links, account details or private personal information; never invent research or results.
Keep the A and B sections easy to find. Check that your screenshots, diagrams and submitted project files show the same version. Your own decisions must be clear, including when AI helped.
Open Toddle →Related assignments
- Portfolio design assessment
Build one improved Project Detail page using the design you chose in Worksheet 2. Keep your existing portfolio and navigation. Show one real project clearly; you do not need a new whole website. Final submission: 19 October at 20:00 China time. Reuse the two worksheets; A and B remain separate scores out of 8.
Assignment on the calendar →
Submit in Toddle. The assignment instructions above specify what to hand in.