Skip to page content

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

Gamache, D. A dead simple, responsive boilerplate. Retrieved November 25, 2016, from

H5bp/html5-boilerplate. (2016, November 17). Retrieved November 25, 2016, from

Fiona MacNeill

Fiona MacNeill

Learning Experience (LX) and UX

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