Fiona MacNeill
Fiona MacNeill
Home
Work
Contact
Blog
wireframe
Building the grid
After starting my initial experiments/prototypes for the portfolio project from a boilerplate I decided that I wanted to build my own responsive CSS grid from scratch. The grid turned out fairly well although there are some very slight issues with the column alignment which I need to sort out.
22 Nov, 2016
2 min read
reflection
,
web-dev
Wireframes 2+
This post displays iterations of wireframe 2. In this wireframe, I took ideas from wireframes 0 and 1, but removed the next buttons in favour of a timeline at the top of the page.
20 Nov, 2016
5 min read
web-dev
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.
18 Nov, 2016
1 min read
web-dev
Wireframe 1
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.
18 Nov, 2016
1 min read
web-dev
Wireframing sketches
Initial wireframe sketch. Click on “Continue Reading” to see a larger version of this image. [caption id=“wireframes” align=“alignnone” width=“1537”] This image shows a piece of acetate as an overlay for the floating navigation buttons that were demonstrated in Prototype 2.
7 Nov, 2016
1 min read
web-dev