Marino CLE

Background

This e-commerce site for a family-owned continuing education program was the first refresh they’d had in quite awhile. We used WordPress’ popular shopping cart, Woo Commerce, which gave them an easy way to manage their product listings and worked seamlessly with their current cart software. Black and white photography that was focused on the end user and duo-toned on top of a bold color palette gave them a contemporary face lift.

Capabilities

Site Design

User Interface

User Experience

Home

The home page features a few different sections to drive users to different parts of the site: different products the company offers and a calendar of upcoming classes.

Products

Underneath the hero slider, is a module block that allows the client to target different audiences with different course offerings. 

marino-slider-1
marino-slider-2
marino-slider-3
marino-slider-4

Upcoming courses

An easy way to help users find courses that fit their hectic schedules is provided by a calendar that highlights the dates that the different courses are offered. Two distinct colors let users immediately identify which type of courses their looking for: live or online.

How this works

A step-by-step guide that showcases how easy it is for lawyers to fulfill their yearly CLE requirements.

The shopping experience

Because the user audience is fairly diverse and has pretty unique needs, the most distinctive feature of the shopping cart is a way to filter based on several different categories: state residency, level of experience and venue requirements.

Individual course listing

Each course listing provides information through a tab system so that users can find the info they need easily.

Credits

Fully responsive, custom WordPress site, built in conjunction with e9.

Visit the site
More like this

Old Mill: Popcorn

Start Popping

Old Mill Kettle Corn wanted to bring their brand into the 21st century by updating their old, smallish, non-responsive site. I gave them a one-page, scrolling site based on a 12-col fluid grid that works well on all devices, both desktop and mobile. I felt it was really important to tell their story: a small batch, made-by-hand, Southern kettlecorn company that used a recipe handed down through generations. Each section addresses different aspects of the making of their product in a more or less chronological order. Built on Foundation for WordPress, the site is easy to maintain and update.

Capabilities

Site Design

User Interface

User Experience

Home

The home page features a fullscreen video of popping corn falling down into the frame. Overlaid are the brand identity, with a subtly animated scroll prompt at the bottom of the screen.

The navigation

The nav floats with the content, staying fixed on the right and left sides of the screen. It features two ways to move down the page: via the dots on the right, or the slide out initiated by the hamburger on the left. It’s also easy for the user to go back to the beginning with a ‘back to top’ button above the hamburger.

The flavors

To showcase the four flavors, I designed a sideways scrolling section in the middle of the page. Users can move through it chronologically, or directly by hitting any of the flavor badges on the home page.

OldMillWeb-03
OldMillWeb-04
OldMillWeb-05
OldMillWeb-06

Credits

A customized WordPress template, built in conjunction with e9.

More like this

Access Cherry Creek

acc-01

Go Your Own Way

When the city implemented paid parking at a popular shopping district, a Transportation Demand Management consulting firm was tasked with helping employees in the area find alternative ways to get to work that didn’t involve driving alone in their cars. This mobile-first website outlined all of the options and helped them find a route to take. 

Features

The site features a ‘progress’ bar built with javascript that shows how many reductions in VMTs they’ve accrued and a spot for local sponsors.

Capabilities

Site Design

User Interface

User Experience

Site Development

Credits

Mobile-first site built in WordPress.

Visit the site
More like this