For this final submission, you have the chance to fix all the issues you’ve had before.
Don’t forget to check the list of mistakes to avoid
Responsive website.
Home page, main story, photo gallery, and newsletter form.
All the content on the home page and the other three pages. (No Lorem ipsum or other fillers. ChatGPT generated is ok.)
Alternate color scheme.
Beyond your technical skills on the HTML and CSS files, you will be evaluated on your capacity to apply the design principles that we have discussed in class to your work, using the rubric below.
Were aesthetic decisions on the website guided by the appropriate language for the business it’s representing and its functionalities?
Does the placement of elements create a sense of unity and cohesion, contributing to the design’s overall aesthetic and perceived stability? Does the alignment of elements correctly lead the user through the page? Does the visual hierarchy represent the content hierarchy?
Tip: If you have a centered heading for left‑aligned text, you’ll get a 0 for this criterion.
Does the home page conveys its job as the initial point of the website? Does it promote additional interaction? Are the main information and functionalities on each page clearly visible to the user?
Is color being used effectively to direct users to attract attention, group elements, indicate meaning, and enhance aesthetics?
Are similar parts related? Are related parts similar? Are the variations consistently applied in all parts of the website?
Are images being used to complement the information on the website? If you have images of people, is the appropriate face-ism ratio being respected in all images?
Are related elements close together? Are close elements related? Are the amount of blank space on the pages appropriate for the business the website represents?
Is the text legible? Does the text have appropriate size, typeface, contrast, line-length, and spacing? Is the information broken into appropriate chunks, so it is easier to process and remember?
Tip: If you have a centered paragraph, you’ll get a 0 for this criterion.
Is the layout consistent with users’ expectations? Can users easily navigate through the pages of the website? Are the buttons easily understandable? Do the links follow a logical order? Are the buttons easily selectable, even if users are using their fingers on a touch screen rather than a mouse?
Are the possibilities of interaction limited to an appropriate number at each page? If there are too many options, are they broken into easily identifiable divisions in the page?
Other principles, such as Recognition over recall, Errors, Forgiveness, and especially Accessibility must be taken in consideration, but they are covered by other principles and/or by the HTML/CSS part of the evaluation.
You do need to submit to Canvas this time.
Update your HTML files on your GitHub repository as necessary. ➤
Update your CSS file.
Don’t forget to upload your images.
It’s due next week. I’ll be here to help you out during office hours.
Make sure to click on your name to check if it’s working.
Submit the thumbs‑up emoji when you have upload your files to GitHub.
Check Canvas for deadlines.