Wireframes

To get a clear view of how the website is going to be build up its good to have wireframes. The wireframes often provide a real good base for usability testing. On this page I'm documenting my wireflow, and sitemap.

Sitemap

To have a clear view of what pages we'd need for the website its quite common to create a sitemap. The sitemap is basically a roadmap of the website, a literal digital map. Below you can see my sitemap:

Wireframes

As briefly mentioned on the 3. Branding & styling page, i've made some initial wireframe drafts, these wireframes are considered Lo-Fi which stands for lo fidelity. The below image are the Lo-Fi wireframes. Which are also used for the first tests.

Prototype in invision

See the invision prototype here.