Wireframe 0

This post shows the initial low fidelity wireframe that I created after meeting with Dr. Theo Fotis on 16/11/16. I decided on a 12 column layout due to the need to have different formats in each section. It seemed to offer a high degree of flexibility. [caption id=“attachment_172” align=“alignnone” width=“698”]

Screenshot of initial wireframe and settings
The first wireframe showing the 12 column layout[/caption]


Drewniak, J. (2014, November 6). Creating your own CSS grid system. Retrieved November 25, 2016, from http://j4n.co/blog/Creating-your-own-css-grid-system

Gamache, D. A dead simple, responsive boilerplate. Retrieved November 25, 2016, from http://getskeleton.com/

H5bp/html5-boilerplate. (2016, November 17). Retrieved November 25, 2016, from https://github.com/h5bp/html5-boilerplate

Fiona MacNeill

Fiona MacNeill

Learning Consultant & UX Designer

Passionate about creating inclusive and accessible experiences, tools, and services for learning and doing.