Wireframe 1

blog web-dev

This post shows the second iteration of the initial wireframe. This version is slightly higher fidelity and is still based on the idea that users would make use of the smooth scroll “next” buttons to transition from section to section. Navigating the information in chronological order.

A higher fidelity version of wireframe 1 - also featuring the anxiety levels visualisation, which is both decorative and function.

Screenshot showing wireframe 1 with 12 column grid overlay

References

Schoeffel, S. (2011, November 9). Establishing your grid in Photoshop – smashing magazine. Retrieved November 27, 2016, from Graphics, https://www.smashingmagazine.com/2011/11/establishing-your-grid-in-photoshop/