Finish by 15th May
Original Site
https://kirstenalice.uk/design-for-web-content/small-business-website/index.html
HTML improvements
My code was not valid!
heading levels
use of <section>
Design
hero too large
improve the readability around hero
Accessibility
Aria labels, colours, keyboard controls
Improved Site
https://kirstenalice.uk/content-management/small-business-website-revisited/index.php
Semantic HTML
link states
heading levels
sections
validation
Accessibility
Colours
Statement
Image Optimization
Squoosh tool
SVG’s
Design Improvements
The main section of my site that I made design improvements to is the hero section. This is the first thing the user sees, so probably the most important part of the site; the design needs to hook the user.
I shrunk the section down to 80% of the viewport height.
Readability over images
Increased opacity
Added CTA call
Behaviour Layer
Enhance user experience
CTA button changes
banner showing when we open or close
countdown to next event
SEO
robots.txt
https://kirstenalice.uk/content-management/small-business-website-revisited/robots.txt
humans.txt
https://kirstenalice.uk/content-management/small-business-website-revisited/humans.txt
keyword strategy
description meta tag, title and headings
PHP structure/
modular site
404
sitemap
https://kirstenalice.uk/content-management/small-business-website-revisited/sitemap.xml
What I want to improve:
easy to find cta get in tocuh. Sticky phone icon /
JS – make it clear when were open /
JS – next event
Aria labels!!! need to research them more /
PHP -make it modular, /
use a robots.txt (&humans.txt) /
custom 404
sitemap /
accessibility statement
colours more accessible? Siege Media and the AA colour contrast checker.
SEO keyword strategy and good use of description meta tag, title and headings)
Feedback improvements: ///
/hover links in order all 5 (:link
:visited
:hover
:active
:focus-visible)
/Validate my code!!!
/check headers. esdpecially footer
/use less sections more divs and maybe articles or figure
/optimise some images more, to 100kb
/hero, more content? less img
/imrpve readability over images
/increase apacity main nav
