University Projects

index.html  Phone button link working correctly on all headers Arrows on headers working correctly - correct header is displayed Video link working correctly - welcome video is shown Workplace Risk Assessment link working correctly - Workplace Risk Assessment service page shown Fire Risk Assessment link working correctly - Fire Risk Assessment service page shown Audits & Inspections link working corrrectly - Audits & Inspections service page shown Accreditation Schemes link working corrrectly - pre-qualification service page shown Bespoke Management System link working correctly - Bespoke Management System service page shown Retained Consultancy link working correctly - Retained Consultancy service page shown Policy Formation link working correctly - Policy Formation service page shown Awareness Training link working correctly - training page shown Contact us button working correctly - contact page shown Team e-mail and linkedin buttons working correctly. Em...

The contact us page was barely changed from the original design. Interactive map added for interactivity rather than a still image. (Contact Us Page Mockup (Left), Final Contact Page (Right), own images)

Not many chnages were made on the FAQs page. Header image changed to gradiented image to add branding consistency using Ramsay Safety Solutions' colour palette. Navigation bar changed as mentioned previously for clarity. Instead of using #5a5a5b for the left side of the accordion, I decided to use a lighter grey because I felt as though this colour was less harsh than the darker grey. As the purpose of FAQs  are to answer any general questions, I needed the page look professional and inviting. A lighter grey added a softer touch to the page. I decided to add a statement underneath the FAQs with a contact button in case the user has any unanswered questions that the client may be able to answer. 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. (FAQs Mockups, own images) (Final FAQs page, own images)

Header image changed to gradiented image to add branding consistency using Ramsay Safety Solutions' colour palette.  Navigation bar changed as mentioned previously for clarity. Photographic imagery used as mentioned previously to add branding consistency using Ramsay Safety Solutions' colour palette with the day and month of each published post added to each image. Instead of continuing the post icons on one page (as this would become lengthy), I decided to create more latest news main pages to improve interactivity and less scrolling for older posts. I deicded to use a maximum of twelve posts per latest news page, otherwise the user may loose interest quickly if they have to continue scrolling down a page. Blue tint used on header images for individual latest news posts, photograph used is the same as the image used on the latest news main page to add consistency and related to the blog post specifically. Image removed from each individual post, as this image was added...

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