Producing Slumber was a rigorous process. Designing for multiple devices also has present issues with different screen sizes and resolutions. Testing was vital to produce a high quality outcome for any deliverable like this. We had to produce a responsive website that tackled a health issue of our choice. Slumber topic is 'sleeping disorders', when producing something relating to a topic is important to consider colour, pattern and typography. Slumber has a calming feel and only uses blues and greys, the illustrations all feel tired further enforcing the feel of the website.
To view to desktop version of the website go here
To view to mobile version of the website go here
All the pages had to be sketched and planned for layout and Responsivity. This helped to save time and further plan the user journey throughout the site.
Clickable prototype were made for using testing following the previous research and testing. This allowed for constructive feedback to refine the user journeys and page flows for the final website. This was essential in creating a successful outcome.
These are mockups of the final website in both desktop and mobile format. Feel free to check the website out for yourself by clicking the link at the top!