University Projects

Not many changes were made to the training pages. Header image changed to gradiented image to add branding consistency using Ramsay Safety Solutions' colour palette. Navigation bar changed as mentioned previously for clarity. Illustrations used as mentioned previously as simple outlined illustrations represent a clean, clear and trustworthy service due to the clarity of the lines. Header image removed for individual training pages, as these pages are displaying important course information, I wanted to keep them simplistic.  Map removed as mentioned previously as it didn't add any extra value and felt unnecessary to have a map at the bottom of every webpage. (Training pages from Mockup, own images) (Final training pages, own images)

After finishing the main website implementation for the landing page and about page (structure, main images in place) before the finalised versions of these webpages, Carlo sent me a list of small changes to be made. Navigation bar - Make text slightly larger. HOME etc. Buy Header Image - On Shuttlestock - Showing Shuttlestock on image. Message under Images - Slightly larger text e.g Under - Ramsay Safety Solutions Limited -  Simple easy to understand Audit - and all related messages. 800 690 6293 button - Larger Numbers. Welcome Section - Remove Diamond Shapes background. Logo - Too big takes up a lot of space, reduce size please. Services - Change Message 'Our Aim'... to black Text. Team - Change Message 'We believe'... to black Text. Latest News - Change Message 'Keep up'... to black Text. About Us Page - Slightly larger text in line with the rest under it. Drop Downs (Services) - Change to Black text. Post - Add few More Blogs - Copy Over From

For the training page instead of photographic imagery for each course, I have decided to create illustrations on Adobe Illustrator. My reasons for this was due to the unavaliability of suitable images in this industry. A large majority of images were very 'stocky' and fake which is not what the business should be percieved as. Therefore to avoid sourcing images drawing simple outlined Illustrations represents a clean, clear and trustworthy service due to the clarity of the lines. *All Illustrations have been drawn by myself on Adobe Illustrator

Similarly not many changes were made to the services pages. Header image changed to gradiented image to add branding consistency using Ramsay Safety Solutions' colour palette.  Navigation bar changed as mentioned previously for clarity. Individual service image removed to decrease scrolling and improve clarity of information as adding the image takes your attention away from the information on the page. Therefore I decided it would be best to remove this image, which as a result made the services page look more professional and less indimidating to read. Map removed as mentioned previously as it didn't add any extra value and felt unnecessary to have a map at the bottom of every webpage. (Services page mockup, own image) (Final Services page, own image)

Not many changes were made to the About Us Page - it has kept most of it's original structure/content.  Header image changed to employees of Ramsay Safety Solutions shaking hands to make the image feel more relateable. Navigation bar changed as mentioned previously for clarity. Lead message added to add extra information. Hover over changed as mentioned previously due to complications with tablet and mobile devices.  Map removed as mentioned previously as it didn't add any extra value and felt unnecessary to have a map at the bottom of every webpage. (About page mockup, own image) (Final about page, own image)

Compared to my mockup, major design decisions have been made to the landing page. (Above are my initial mockups for the landing page, own images) The final landing page: As you can see, there were a lot of design decisions that were made that were not included or were modified on the original mockup.  1) Header The second header image was replaced after feedback was received in tutorials. Both tutors agreed that the second image did not 'fit' with the other images I had chosen. They mentioned that it looked 'stocky'/false due to the number of people around the computer as this was not realistic for a training session and that the image could give a false representation of the company size. Therefore, this image was changed to a man presenting to a group as this was more appropriate for the header message, "Bespoke Training Programmes tailored to your companies risk". The initial image implied an informal meeting whereas the f