Front & Central

Client — Discovery Education/Discovery Channel

Agency — St. John & Partners

Role Lead Experience Designer (UXD), Art Director

Deliverables — Research, information architecture, wireframes, mood boards, design comps, motion graphics/interactions, development/QA (oversaw)

Date — July 2017

URL — FrontandCentral.com

Discovery Education logo

Front & Central desktop and mobile homepage

See some of the process in InvisonApp, UXPin and Photoshop below.

Two mood boards were presented: clean and bold. Shown here is what the client chose, a revised version of the bold look.

Here, the desktop and mobile wireframes for the homepage are shown in UXPin. All key experiences were wireframed in both views.

Above are just a handful of the key experiences "comped" in Photoshop. Designs were done of both desktop and mobile prior to development.

See some key features of the site below.

Subtle motion/animations give the site a touch of interest in areas that might normally be overlooked.

Each section of the site has an assigned color; it brings both organization and visual interest.

The search section of the site is very robust, and has predictive elements to help guide the user.