Graphic Designer
state-auto-100_thumbnail.jpg

Web Design

Print

An interactive web experience to celebrate State Auto's 100 years as a company.

Skills: Web design, UI/UX research and development, motion graphics, photo restoration

State Auto Centennial

State Auto Centennial

A website to celebrate State Auto's 100 year history

Digging up artifacts

Digging up artifacts

Where to start with a century of history? The project began in a dusty (also 100 year-old) basement where we rifled through stacks of old photos, scanned newspaper clippings and digitized video reels.

Interactive Timeline

Interactive Timeline

Working with copy from my team and the Centennial mark from my creative lead, I set about creating a fully interactive timeline website, which allowed visitors to explore and interact at their pace.

Bringing artifacts to life

Bringing artifacts to life

The use of various techniques, such as "2.5D" animation, colorization and digital restoration helped bring these 'artifacts' to life—such as this photograph of the company's founders.

Playful interactive elements

Playful interactive elements

Why use a video thumbnail, when you could use an old retro TV and Rubik's cube instead?

 Fusing elements of web design, animation, photo manipulation, video editing, and even music, (I created an original background track) this project was a privilege to take on, stretched me creatively, and received accolades for my team and the compan

Fusing elements of web design, animation, photo manipulation, video editing, and even music, (I created an original background track) this project was a privilege to take on, stretched me creatively, and received accolades for my team and the company.

Nature's One

Nature's One

I redesigned the homepage for an online organic baby formula company

Skills: Web design, marketing design

The Hero

The Hero

Design isn’t making things look pretty. It’s visual communication. Show them what’s important, why they should care, and what to do about it.

Product Categories & Benefit Callout

Product Categories & Benefit Callout

Color-coordination often helps guide a users path, whether they are aware of it or not.

Trending Items & Callouts

Trending Items & Callouts

Mixing product links and brand pieces can help balance the page flow. And giving the user a variety of paths encourages a user to engage with the site.

Mobile View

Mobile View

The hero, product categories, and special callouts — custom tailored for mobile compatibility.

Subscription & Testimonials

Subscription & Testimonials

Blog Thumbnails & Email Signup

Blog Thumbnails & Email Signup

Honda Logistics

Honda Logistics

Web page designs for Honda Logistics North America

 Telling the story of Honda Logistics through unique, contentful, and highly interactive page designs

Telling the story of Honda Logistics through unique, contentful, and highly interactive page designs

Solution Partners Page

Solution Partners Page

An interactive map displays the various companies HLNA partners with across North America.

Culture Page

Culture Page

The company’s rich cultural legacy and core philosophy was a key aspect of HLNA’s story to tell.

HLNA-13.jpg
HLNA-6.jpg
BDS Blog

BDS Blog

I redesigned the interface and user experience of a marketing company blog.

Skills: web design, UI/UX design

The Main Feed

The Main Feed

This is the central hub where blog posts are populated. The blog allows for several key sizes and post styles.

The Filter Bar

The Filter Bar

A “sticky” sidebar filter of categories allows you to filter the posts in the feed.

The Archive

The Archive

The blog had a bunch of old archived posts. How do you quickly navigate through all that content? An archive tab that allows year/month navigation was the solution.

Individual Post

Individual Post

Posts pop up in a modal box with internal navigation links, including: sharing, contact, and tags.

Contact Us Flyout

Contact Us Flyout

This tab allows a direct line to get in touch with the expert(s) who wrote the article.