Title: Personal Portfolio Website Project - Stage 2: Creating - Final Hand-in
Course: BC - Web Development 10 - 1.0 > Section: Unit 11 - Applying Your Learning

Work through the final steps of the Design Process to create your personal portfolio website as per your plan/prototype, taking your teacher’s and potentially others’ feedback into consideration.

Task considerations:

1. Whatever topic you choose to focus on, thoughtfully shape it to your audience.
2. Conduct appropriate and adequate research.
3. Keep in mind that the content on any website is a key element to its success.
4. Visual design needs to be consistent and align with your topic/theme.
5. The site’s functionality and layout needs to enhance UI/UX.
6. The site’s navigability will ensure users can move through the site with ease.
7. Go beyond what you’ve learned to add interest and creativity: Don’t limit yourself!

Hand in for final assessment (50 marks).

Rubric:

 | Not Completed | Emerging (Not Yet Meeting Expectations) | Developing (Meeting Expectations) | Proficient (Fully Meeting Expectations) | Extending (Exceeding Expectations)
Aspects | 0 |  | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
Content | Not complete | The site lacks a defined purpose. Content may be inappropriate or disconnected from the purpose. There is little to no evidence that the principles of plain language have been taken into consideration. Content lacks in organization with limited use of titles, headings, lists, and tables. There may be multiple errors in writing conventions that interfere with the meaning. | The site has a vaguely defined purpose that may not be maintained throughout. Content is appropriate and mostly connected to the purpose. There is some evidence that the principles of plain language have been taken into consideration. Content is somewhat organized.There may be a few errors in writing conventions that interfere with the meaning. | The site identifies its purpose and maintains it throughout. Content is appropriate and is clearly connected to the purpose. There is evidence of the principles of plain language being purposefully implemented. Content is organized appropriately. There may be a few minor errors in writing conventions that don’t interfere with the meaning. | The site explicitly identifies its purpose and maintains it throughout. Content is appropriate and expertly connected to the purpose. There is clear evidence of the principles of plain language being skillfully implemented. Content is well organized. There are no errors in writing conventions.
Visual Design (*cohesive and attractive colour palette(s); relevant, properly sized images; appropriate and consistent use of font/ size/colour) | Not complete | The site has an unattractive design or the design doesn’t support the topic. There is minimal evidence of a purposeful, consistent design* throughout the site. Content is not fully legible, negatively affecting the readability. | The site has a sufficiently attractive design that supports the topic. There is some evidence of a consistent design* throughout the site. Some of the content is fully legible but some is not, reducing the readability. | The site has an attractive design that supports the topic. There is clear evidence of a thoughtful, consistent design* throughout the site. Most content is fully legible and flows smoothly, enhancing the readability. | The site has an exceptionally attractive design that supports the topic. There is clear evidence of a purposeful, consistent design* throughout the site. All content is fully legible and flows smoothly, enhancing the readability.
Functionality & Layout | Not complete | The site is minimally functional, diminishing the user’s experience. Content may not be laid out from left to right and top to bottom, making it challenging for users to read it. Site is not responsive from at least 1920px to 320px viewport width and is not appealing or well laid-out at different screen sizes. | The site is satisfactorily functional, supporting the user’s experience. Content is generally laid out from left to right and top to bottom to support users reading it in the intended order. Site is adequately responsive from at least 1920px to 320px viewport width and looks decent at most screen sizes. | The site is highly functional, adding to the user’s experience. Content is laid out from left to right and top to bottom to support users reading it in the intended order. Site is fully responsive from at least 1920px to 320px viewport width and looks good at any screen size. | The site is exceedingly functional, adding to the user’s experience. Content is intentionally laid out from left to right and top to bottom to support users reading it in the intended order. Site is fully responsive from at least 1920px to 320px viewport width and looks excellent at any screen size.
Navigability | Not complete | The site is not adequately navigable making it challenging to locate important elements. Few navigation elements are differentiated from other content and they do not take the user where expected. Site does not include headings, as appropriate, to aid in finding content or does not follow a proper hierarchy. | The site is adequately navigable, and it is relatively easy to locate all important elements. Some navigation elements may not be differentiated from other content or may not take the user where expected. Site may not include headings, as appropriate, to aid in finding content or may not follow a proper hierarchy. | The site is completely navigable, and it is easy to locate all important elements. Most navigation elements are differentiated from other content and take the user where expected. Site includes purposeful use of headings, as appropriate, to aid in finding content. Most headings follow a proper hierarchy. | The site is completely navigable, and it is exceptionally easy to locate all important elements. All navigation elements are clearly differentiated from other content and take the user where expected. Site incorporates sophisticated use of headings, as appropriate, to aid in finding content. All headings follow a proper hierarchy.
Interest & Creativity *(interactive elements, original illustrations, unique layout, use of video, or other elements that go above and beyond the expected, etc.) | Not complete | There is little to no evidence* that an attempt has been made to add interest and creativity to the site. | There is some evidence* that an attempt has been made to add interest and creativity to the site. | There is strong evidence* that an attempt has been made to add interest and creativity to the site. | There is compelling evidence* that an outstanding attempt has been made to add interest and creativity to the site.
Total: | /50