Screenshots from original PDF from the SSM & Area Drug Strategy
Ideas & Sketches
My inspiration for the design was the Government of Canada and public health agency websites. I wanted to reformat the artistic approach of the PDF and make a clinical and professional look to match the level of seriousness of the information within the document.I created a grid format to make clear sections for the data. I removed the colourful graphics for a blue and grey colour palette. I also simplified the look of graphics and iconography. I wanted the viewer to focus on the written information and have the icons and graphics be small enhancements to the experience by drawing the viewer's eye to bulleted information. I also revamped the committee logo to look more professional for the subject matter.
Feedback & Revisions
My peers reviewed my website to ensure quality. The main revisions focused on typography and ensuring the type scale was readable on all screen sizes. It was useful information to know what was working on different operating systems and screen sizes as my tech inventory was limited.
I used the different sections in the PDF to determine the flow map.
I refined the look of the original logo to fit a more clean and serious tone.
My moodboard focused on clean text, limited use of colour, and real photos of Sault Ste. Marie, Ontario.
I deeply enjoyed working on this project. I believe the way information is vital to ensuring that information is read and understood. I believe if a community stakeholder needed information from the SSM & Area Drug Strategy Committee to make plans, and decisions then they would find this website easy to access and recall facts.