Hopefully you got to see the previous demo video where we introduced the Viking Blogger application and worked through the first two phases of our design process -- Discovery and Strategy.
In case you haven't, the Viking Blogger is the demo app that we'll be building over the course of the prep work and during the intensive program at the Viking Code School. It's a full featured application based around allowing our Viking warriors to post text and photos from their travels and so their friends back home can view along.
The demos below will cover mocking up several pages of the application as part of the Visual Design Phase of the Design process. We'll cover how we've placed elements on the page to achieve a useful layout and visual hierarchy before mocking up the application's Home and Post pages. We'll also discuss our typographical and color decisions.
For the actual mockup, we'll reference some of the decisions we made during the Strategy phase about what style of navbar and what kinds of interactions we'll need to pay attention to but we'll build the mockups from scratch.
The video is longer than the others (~33 mins) but that's because the mocking up in the middle is done in real time so you can see it in action and with commentary.