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
E-Commerce
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.
Featured Challenge
Featured Challenge
Featured Challenge
Featured Challenge
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
Featured Solution
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.
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.
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.
