elle.b academy: Beauty School

elle.b Academy

Because beautiful hair is measured by the inch

elle.b Academy—a digital storefront that sells hair styling classes to stylists and salons—wanted more control over design and functionality than their old site, built in Shopify, would allow. They also needed to integrate the classes shopping experience with the ability to sell actual physical products needed by the stylists in order to take the classes, so we moved them over to WordPress and let WooCommerce do the heavy lifting of building out the shopping experience.

Features

Patterns were used extensively throughout the site as a background element, and as a way to distinguish the classes from each other. We also built two different navigation headers that changed on scroll from a more uniquely designed menu to a more traditional hamburger. We integrated Square to allow them to accept payments directly on their site for a more seamless shopping experience. The site is fully responsive and was built mobile first. 

Capabilities

Site Design

User Interface

User Experience

Site Development

The navigation is a little unusual in that it is vertical, and doesn't run alongside the content at first. Once the user scrolls, it turns into a compact version that uses a slide out instead of listing the pages horizontally.
Classes were differentiated with color and patterns.
The store includes both classes and products. We built it in WooCommerce with a slide out shopping cart and an integrated Stripe function for credit card payment.

Credits

Fully responsive, custom site built in WordPress. Built in conjunction with EnZed Design. Copy by Carla Carwile.

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. 

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.