{"id":364,"date":"2026-03-25T15:00:07","date_gmt":"2026-03-25T15:00:07","guid":{"rendered":"https:\/\/kirstenalice.uk\/journal\/?p=364"},"modified":"2026-03-25T15:00:07","modified_gmt":"2026-03-25T15:00:07","slug":"small-business-website-revisited-analysis","status":"publish","type":"post","link":"https:\/\/kirstenalice.uk\/journal\/small-business-website-revisited-analysis\/","title":{"rendered":"Small Business Website, Revisited – Analysis"},"content":{"rendered":"\n

Finish by 15th May<\/p>\n\n\n\n

Original Site<\/h2>\n\n\n\n

https:\/\/kirstenalice.uk\/design-for-web-content\/small-business-website\/index.html<\/a><\/p>\n\n\n\n

HTML improvements<\/h3>\n\n\n\n

My code was not valid!<\/p>\n\n\n\n

heading levels<\/p>\n\n\n\n

use of <section><\/p>\n\n\n\n

Design<\/h3>\n\n\n\n

hero too large<\/p>\n\n\n\n

improve the readability around hero<\/p>\n\n\n\n

Accessibility<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Aria labels, colours, keyboard controls<\/p>\n\n\n\n

Improved Site<\/h2>\n\n\n\n

https:\/\/kirstenalice.uk\/content-management\/small-business-website-revisited\/index.php<\/a><\/p>\n\n\n\n

Semantic HTML<\/h3>\n\n\n\n

link states<\/p>\n\n\n\n

heading levels<\/p>\n\n\n\n

sections<\/p>\n\n\n\n

validation<\/p>\n\n\n\n

Accessibility<\/h3>\n\n\n\n

Colours<\/p>\n\n\n\n

Statement<\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Image Optimization<\/h3>\n\n\n\n

Squoosh tool<\/p>\n\n\n\n

SVG’s<\/p>\n\n\n\n

Design Improvements<\/h3>\n\n\n\n

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.<\/p>\n\n\n\n

I shrunk the section down to 80% of the viewport height.<\/p>\n\n\n\n

Readability over images<\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Increased opacity<\/p>\n\n\n\n

Added CTA call<\/p>\n\n\n\n

Behaviour Layer<\/h3>\n\n\n\n

Enhance user experience<\/p>\n\n\n\n

CTA button changes<\/p>\n\n\n\n

banner showing when we open or close<\/p>\n\n\n\n

countdown to next event<\/p>\n\n\n\n

<\/p>\n\n\n\n

SEO<\/h3>\n\n\n\n

robots.txt<\/p>\n\n\n\n

https:\/\/kirstenalice.uk\/content-management\/small-business-website-revisited\/robots.txt<\/a><\/p>\n\n\n\n

humans.txt<\/p>\n\n\n\n

https:\/\/kirstenalice.uk\/content-management\/small-business-website-revisited\/humans.txt<\/a><\/p>\n\n\n\n

keyword strategy<\/p>\n\n\n\n

description meta tag, title and headings<\/p>\n\n\n\n

PHP structure\/<\/h3>\n\n\n\n

modular site<\/p>\n\n\n\n

404<\/p>\n\n\n\n

sitemap<\/p>\n\n\n\n

https:\/\/kirstenalice.uk\/content-management\/small-business-website-revisited\/sitemap.xml<\/a><\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

What I want to improve:<\/p>\n\n\n\n

easy to find cta get in tocuh. Sticky phone icon \/<\/p>\n\n\n\n

JS – make it clear when were open \/<\/p>\n\n\n\n

JS – next event<\/p>\n\n\n\n

Aria labels!!! need to research them more \/<\/p>\n\n\n\n

PHP -make it modular, \/<\/p>\n\n\n\n

use a robots.txt (&humans.txt) \/<\/p>\n\n\n\n

custom 404<\/p>\n\n\n\n

sitemap \/<\/p>\n\n\n\n

accessibility statement <\/p>\n\n\n\n

colours more accessible? Siege Media and the AA colour contrast checker.<\/p>\n\n\n\n

SEO keyword strategy and good use of description meta tag, title and headings)<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

Feedback improvements: \/\/\/<\/p>\n\n\n\n

\/hover links in order all 5 (:link
:visited
:hover
:active
:focus-visible)<\/p>\n\n\n\n

\/Validate my code!!!<\/p>\n\n\n\n

\/check headers. esdpecially footer <\/p>\n\n\n\n

\/use less sections more divs and maybe articles or figure<\/p>\n\n\n\n

\/optimise some images more, to 100kb<\/p>\n\n\n\n

\/hero, more content? less img<\/p>\n\n\n\n

\/imrpve readability over images<\/p>\n\n\n\n

\/increase apacity main nav<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

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 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-364","post","type-post","status-publish","format-standard","hentry","category-graded-work"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/posts\/364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/comments?post=364"}],"version-history":[{"count":6,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/posts\/364\/revisions"}],"predecessor-version":[{"id":444,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/posts\/364\/revisions\/444"}],"wp:attachment":[{"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/media?parent=364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/categories?post=364"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/tags?post=364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}