Firstly, I scaled the bakery logo to be a bit more visible and eye catching. I also added some more padding to the CTA button to give it more room for people to recognise that it is a button as opposed to a simple text with a background.
PHP
I used server side includes for the first time on this project, which I think will greatly improve my code modularity. As my navigation is situated within my header, I only needed to create 2 php includes, a header and a footer. Changing around the navigation bar proved to be quite a challenge as I had different folders with each html file for each page. To overcome this I renamed my pages to the corresponding name ie = /about/index.html to about.php and moved all the pages into one folder so the php include could find the pages correctly.
UX
I also created a .htaccess file for the first time for this project, as it is a well established UX consideration. I think that creating this and implementing the process into my standard practice will improve my user experience design greatly. For this I included a button back to the home page with a small message to explain the 404 Error.
Java
I used Javascript and included a greeting based on time of day to let customers know about what time the store is open. I think this script was easy to create and I just needed to specify the right times for it to work. I also included a fallback message in the case that users don’t have or turn off javascript.
SEO
For search engine optimisation I included keywords and meta description to enhance rankings. There is a recommended character limit of 150-180 characters for descriptions as they should only feature key information for the user to briefly read on the search result page.
Accessibility
By habit I optimise all my images and add alt tags for them too, which ensures good accessibility for all users. I also checked my colour contrast and improved any low ratios. For example for text with a low ratio to the background, I added a drop shadow to text so it is more visible, this is the only workaround I found for text on top of an image.