Dr. Poulton wanted to get people out there to know more about the things she is doing and also to publish academic papers that she has written along her career. She has done a bunch of documents and papers that needed to be stored and published in one place. The target people are parents that want to know more about these topics and academics that might find useful this information too.
For the first stage, I created a simple and prominent branding and then a solid design system in Sketch, getting all the graphic elements with a consistent look and feel.
I’ve exported all the assets from Sketch and then I used the framework Bootstrap to develop the website. I worked with Sass and the code compiler CodeKit.
Technological skills used
Dr. Poulton needed a simple brand to support the style of the design system and also to get consistency across the project overall. After getting an approved logo, I selected a couple of fonts to use on the website and a colour palette aligned with the brand guidelines defined before, the tone of the brand, etc.
The next stage was to create the design system for the project in Sketch. This way, I used all these consistent elements on the development process with Sass easily. I made the low fidelity wireframes with just pen and paper and the high fidelity mockups afterwards in Sketch.
Sketch / Invision Prototype
Home / User Journey focused on get the documents
At this stage of the website, I worked closely with another Graphic Designer and Illustrator, Ed Yang, to create a PDF collection of documents or “Explanation Sheets” to be uploaded to the website.
The main goal of the website is to get the user to download the Explanation Sheets and hopefully share them.