Categories
Uncategorized

SBW Revisited

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.

Categories
Uncategorized

Hi, I’m Armani!

Welcome to my blog covering Web Design & Content Planning! This is my personal journal to map and document my journey throughout the year.

Blog posts: