Mobile and Tablet Versions

With any website today, it is advised to make mobile and tablet versions of your site in order for users to have the best possible experience when operating through your site. For our project, we were asked to make both a mobile and tablet mockup of our site to show how it would visually appear.

Here is the mobile version of my website:

As you can see, i’ve used a burger menu for quick navigation and i’ve allowed for a search icon at the top of the screen so that users can search key words to find exactly what they are looking for. Ive made the information shorter and easier to read as well as having just the name of the organisation in the header to keep things simple.

Here is an example of what my website would look like on a tablet:

As you can see, a similar style to the mobile version has been implemented. The only difference is really the size of the screen as it appears a bit wider. I’ve kept it simple and easy to use with the use of a burger menu and simple search icon for users to find exactly what they want.