Custom Website Redesign #3
Front End Design & Content Loading
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.
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.
From Sketches to Mockups
After review and changes, I synthesized the sketches and the style tile into mockups.
Home Page
Main Template
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
DATE 2013
CLIENT Ronningen Design
CLIENT Ronningen Design
INITIAL CONCEPT & SKETCHES Chuck Fultz
FRONT END DESIGN & CONTENT LOADING Garison Plourde
DEVELOPMENT Steve Meisner