We created some wireframe Mockups, which shows, how the page is displayed on tablets or small computer screens. Please do your designs for tablet-sizes as well. The mockups show the basic structure and elements, that we will be using on the page.
1. The home page offers a filter process, where users choose their device, afterwards their specific operating system or the manufacturer and at last they get all the tutorials that fit to their choice. There is a search bar as an alternative way to our content.
2. This screen shows one manual page. There are different content types, for example videos, image galleries, lists, text, headlines, content boxes, …
3. We offer our users a personal assistant tool, where they can create profiles for their children and check all their devices and services, if they are child-proof.
On the wireframe mockups, there are all the elements and features we need on our sites and show some basic details like positioning, order of objects, interaction models, etc. . But you do not need to adapt them 1:1 – be creative and work with this basic structure to make it into an awesome design.