E-Commerce

Manic Panic

Often imitated, never replicated. Manic Panic has been the go-to rainbow hair color brand for #dyehards since 1977.

Project Type:
UX/UI Design
Branding
Marketing
Client:
Manic Panic
Get In Touch
E-Commerce

Manic Panic

Often imitated, never replicated. Manic Panic has been the go-to rainbow hair color brand for #dyehards since 1977.

Client:
Manic Panic

Introduction

Manic Panic’s outdated website and massive inventory of colors made it difficult for users to choose their next shade. To help streamline the shopping experience, they tasked Create Ape with refreshing the brand and simplifying the user journey.

The Challenge

Though they were making waves in the fashion and beauty world, Manic Panic’s online shopping experience left a lot to be desired. Users were having difficulties navigating the website because the mega-menus, product pages, checkout flows, and other design elements lacked consistency. They also saw opportunities to improve informational material such as how-to guides, video tutorials, and FAQs — but they needed help in making the content accessible and engaging.

The Challenge

Though they were making waves in the fashion and beauty world, Manic Panic’s online shopping experience left a lot to be desired. Users were having difficulties navigating the website because the mega-menus, product pages, checkout flows, and other design elements lacked consistency. They also saw opportunities to improve informational material such as how-to guides, video tutorials, and FAQs — but they needed help in making the content accessible and engaging.

The 
Solution

Manic Panic has firm roots in counter-cultural fashion. But since we were creating a site for a brand that caters to diverse age ranges, we needed to strike a balance between daring and approachable. Impactful messaging, trend-conscious aesthetics, and features designed to help users capture their inner rainbow. After conducting an evaluation and interviewing users and stakeholders, we knew the right approach for the website was an interface that was part informational, part lifestyle. Our strategy relied on reorganizing product pages, then directing users to resources to help them with their dye sessions.
Research
We studied color enthusiasts across age ranges, locations, lifestyles, and subcultures to take stock of user needs and gather verifiable data on how to improve flows.
01
The existing color palette was applied across the site, along with additional gradients, animations, and design elements conceptualized by us and the client.
Hifi Design
03
Wireframes
02
Once our mockups were approved, we handed all the pages off to our development team to connect the flows in Shopify and double-check for compliance.
Once our mockups were approved, we handed all the pages off to our development team to connect the flows in Shopify and double-check for compliance.
Development
04

Solution
List

The
Deliverables

A polished e-commerce shopping experience that takes the stress out of choosing a hair color, a trend-conscious visual identity that pays homage to Manic Panic’s countercultural roots, ADA-compliant flows that ensure every user can Wear It Loud™ regardless of their abilities.
COVID-19 Screening Flows
Design
COVID-19 Screening Flows
Design
COVID-19 Screening Flows
Design
COVID-19 Screening Flows
Design
COVID-19 Screening Flows
Design
COVID-19 Screening Flows
Design
COVID-19 Screening Flows
Design
No items found.

The 
Deliverables

A polished e-commerce shopping experience that takes the stress out of choosing a hair color, a trend-conscious visual identity that pays homage to Manic Panic’s countercultural roots, ADA-compliant flows that ensure every user can Wear It Loud™ regardless of their abilities.
No items found.
Research the target user and the process of buying hair dye.
Construct a streamlined shopping experience with educational material.
Update the branding without sacrificing easily identifiable elements.
Develop the new online store in Shopify and ensure ADA compliance.
Manic Panic is a highly revered name in the beauty world with a distinct identity. Because of this, we aimed to find the balance between daring visuals and approachable design. The hair colors speak for themselves, which is why we were able to lean on simple color palettes and edgy design elements — letting Manic Panic’s user-generated imagery represent the brand’s vivid nature. With the new, streamlined shopping experience, color enthusiasts now have the ultimate online resources to browse, brush up on their hair skills, and dye hard!

Client Testimonials

No items found.

Our Work

Healthcare
Performance Health Partners

PHP wanted to simplify their Incident Management System to make it easier for healthcare workers to document patient and employee concerns. They asked us to overhaul the user flows and remove key friction points while making small tweaks to improve the branding.

Healthcare
Fountain Life

Fountain Life sought out Create Ape for a website redesign to match their cutting-edge technologies. But we didn’t stop with a rejuvenated interface — we also delivered optimized location pages, email templates, and social ads to raise awareness for their healthcare revolution.

Education
SchoolMessenger

The SchoolMessenger interface was running on a 20-year-old design and software program. Intrado, SchoolMessenger’s parent company, enlisted Create Ape to modernize its UX/UI.

Healthcare
Abbott

Because of the pandemic, Abbott wanted to transition their manual software update process to a digital platform where technicians could update accounts remotely. We were tasked with creating the interface and rigorously testing it to ensure efficiency.

E-Commerce
Cabi

Cabi had several digital products for women to buy clothes and help their stylists move inventory. However, each individual product had significant user experience issues that kept both personas from accomplishing their goals.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Let’s Work Together!

It’s a jungle out there — let the Create Ape experts help you traverse the wilds as we take your project to new heights.