{"id":206,"date":"2025-02-13T15:20:34","date_gmt":"2025-02-13T15:20:34","guid":{"rendered":"https:\/\/emmab.uk\/blog\/?p=206"},"modified":"2025-03-04T17:35:47","modified_gmt":"2025-03-04T17:35:47","slug":"small-business-website-report","status":"publish","type":"post","link":"https:\/\/emmab.uk\/blog\/2025\/02\/13\/small-business-website-report\/","title":{"rendered":"Small Business Website Report"},"content":{"rendered":"\n<p><strong>Content Planning:<\/strong><\/p>\n\n\n\n<p>When I was creating my small business website, I looked at several cheese websites. This gave me ideas for the content I needed and how to organise it. After that, I outlined the project goal: to create a website to boost awareness and improve trade. I also listed ways to achieve this. From this, I created and categorised all my content and included it all in a word document.<\/p>\n\n\n\n<p><strong>Design Considerations:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Visual Style:<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Typography:<\/strong>\n<ul class=\"wp-block-list\">\n<li>I used Serif fonts on the website. For headings, I chose Adobe Garamond Pro. For paragraphs and list items, I used Le-Monde Livre Classic Byol. I picked Adobe Garamond Pro. It fits professional settings and gives the website a sophisticated feel. I combined it with Le-Monde Livre Classic Byol. This choice softened the boldness and made the tone of the website feel more inviting. This was important as I am designing for a website for small business, that is family-run and located in a small town, not a big name brand. <\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Colour Scheme<\/strong> &amp; <strong>Logo:<\/strong>\n<ul class=\"wp-block-list\">\n<li>I wanted the website to feel rustic but upscale. So, I chose two colours for the scheme: pale yellow <strong>(#f6e8ac) <\/strong>and dark red <strong>(#560102)<\/strong>. I chose the yellow because it is often associated with happiness, and to mimic the colour of cheese. I paired it with the red to make the logo stand out. When I started styling the website, I added a light cream <strong>(#f6e8ac35) <\/strong>for the background colour to create a separatation between the high contrast colours.<\/li>\n\n\n\n<li>For the logo, I used the pale yellow for the background colour and dark red for the font. I shaped the business name into an arch, but I changed it due to concerns about its readability. I made a cheese icon to fit the space in the arch. However, in the final product i placed it on top of the heading.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"497\" src=\"https:\/\/emmab.uk\/blog\/wp-content\/uploads\/2025\/02\/draftscheme-1.jpg\" alt=\"\" class=\"wp-image-208\" srcset=\"https:\/\/emmab.uk\/blog\/wp-content\/uploads\/2025\/02\/draftscheme-1.jpg 500w, https:\/\/emmab.uk\/blog\/wp-content\/uploads\/2025\/02\/draftscheme-1-300x298.jpg 300w, https:\/\/emmab.uk\/blog\/wp-content\/uploads\/2025\/02\/draftscheme-1-150x150.jpg 150w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><figcaption class=\"wp-element-caption\">Draft Colour Scheme and Logo<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/emmab.uk\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-13-at-13.31.44.png\" alt=\"\" class=\"wp-image-211\"\/><figcaption class=\"wp-element-caption\">Final Colour Scheme and Logo<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Imagery:<\/strong>\n<ul class=\"wp-block-list\">\n<li>For the images on the home, our story, offers and events webpages, I kept the dark red and yellow for consistency and to create a stronger brand image. For the our team and our selection web pages I wanted the pictures to look professional but still warm and welcoming. I used AI to generate images that were taken in a cheese shop with low contrast colours to achieve this. <\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>User Experience &amp; Accessibility:<\/strong>\n<ul class=\"wp-block-list\">\n<li>When styling the website i used a mobile first approach starting at 300px wide, and added media queries at a min-width of 600px, 900px and 1200px to adjust the size of images and text. I also add media queries and a max-width at 280px and 390 px to addjust the sizing of the logo and menu toggle. <\/li>\n\n\n\n<li>For the navigation I wanted to create a slide out menu to give user the option to open and close the menu as they please. I made the background slightly transparent so they could still see the content if the menu was opened. For accessibilty, I added a border and box shadow around the menu and X toogles to make it clear to users who are using anything other than a mouse to navigate that the menu and X icons have been checked. <\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Content Planning: When I was creating my small business website, I looked at several cheese websites. This gave me ideas for the content I needed and how to organise it. After that, I outlined the project goal: to create a website to boost awareness and improve trade. I also listed ways to achieve this. From [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-206","post","type-post","status-publish","format-standard","hentry","category-design-for-web-content"],"_links":{"self":[{"href":"https:\/\/emmab.uk\/blog\/wp-json\/wp\/v2\/posts\/206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emmab.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/emmab.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/emmab.uk\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emmab.uk\/blog\/wp-json\/wp\/v2\/comments?post=206"}],"version-history":[{"count":2,"href":"https:\/\/emmab.uk\/blog\/wp-json\/wp\/v2\/posts\/206\/revisions"}],"predecessor-version":[{"id":212,"href":"https:\/\/emmab.uk\/blog\/wp-json\/wp\/v2\/posts\/206\/revisions\/212"}],"wp:attachment":[{"href":"https:\/\/emmab.uk\/blog\/wp-json\/wp\/v2\/media?parent=206"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/emmab.uk\/blog\/wp-json\/wp\/v2\/categories?post=206"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/emmab.uk\/blog\/wp-json\/wp\/v2\/tags?post=206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}