Website Redesign 3

Custom Website Redesign #3

2013  |  Web Design & Content Loading

 CLIENT     Ronningen Design   INITIAL WEB DESIGN CONCEPT & SKETCHES   Chuck Fultz   WEB DESIGN & CONTENT LOADING   Garison Plourde   DEVELOPMENT   Steve Meisner   PROJECT OVERSIGHT   Nicholai Ronningen

CLIENT  Ronningen Design

INITIAL WEB DESIGN CONCEPT & SKETCHES  Chuck Fultz

WEB DESIGN & CONTENT LOADING  Garison Plourde

DEVELOPMENT  Steve Meisner

PROJECT OVERSIGHT  Nicholai Ronningen

Project Overview

This was the first website redesign project I took part in (one has to start somewhere!). After I reviewed sources of inspiration with the client and developed a plan, senior designer Chuck Fultz of Ronningen Design provided me with a collection of doodles and a home page sketch. With that foundation, I created sketches for the remaining templates along with a style tile — a panel of page elements and styles to illustrate the proposed design direction. With sketches approved, I designed corresponding mockups, which were eventually handed off to the client's developers.

While the site was developed, I loaded content into the client's CMS and formatted the text. Toward the end of development, I took the lead on testing the site across major browsers and devices.


Sketches

In tandem with the style tile (not shown), these sketches — shown in part below — were presented to the client.

Click any of the following images to zoom in.


From Sketches to Mockups

After review and changes, I synthesized the sketches and the style tile into mockups.

Home Page


Main Template

blogIndex.jpg
blog-index.jpg

From Mockups to Built Pages

After a number of iterations, I handed off the mockups to the client's developers to build the site. Below are a a few examples of finished pages and design elements.

Home Page


Dates & Tuition


Blog Index


Dropdown Navigation

dropdown-nav.jpg