©2020 Built with love by Nick Howland.

TYPE 1: Blog Redesign, Part 1: Sketches & Digital Mockups

TYPE 1: Blog Redesign, Part 1: Sketches & Digital Mockups
September 28, 2012 nick howland

The first portion of our blog redesign consisted of sketching out 5 unique layouts that we could model the eventual redesign off of. One requirement of this was to implement our logo into the design. For the sketches, I went into the available WordPress themes and modeled my sketches off of a few chosen themes. I focused on two main types of layout: a single central scrolling column with a header directly on top of the central column and a central scrolling column with a fixed side menu bar. My sketches can be found below.

SKETCHES:

Blog Sketch-1 Blog Sketch-2 Blog Sketch-3 Blog Sketch-4 Blog Sketch-5 Blog Sketch-6 Blog Sketch-7 Blog Sketch-8

 

The second portion of the assignment was to take our sketches and import them into Illustrator to create more realistic mockups. I stuck with the overall designs of the sketches but did alter some small parts as well as added in some features.

ILLUSTRATOR MOCKUPS:

Blog-mockup-1Blog-mockup-2Blog-mockup-3Blog-mockup-4

Blog-mockup-5

PROCESS PHOTOS:

Blog Mockup-2-Process Blog Mockup-1-Process