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.
More like this
