A fully custom, headless commerce site for a growing men’s fashion brand

Images of Mizzen & Main website interface

We brought the freedom of headless commerce to the world of men’s fashion with a new website for Mizzen+Main.

check it out

Services

Discovery

Strategy

Market analysis

Front-end engineering

UI/UX Design

Product management

Delivery management

Tools

React Logo
React
Shopify Logo
Shopify
Sanity Logo
Sanity
Algolia Logo
Algolia
Figma Logo
Figma
Next.JS Logo
Next.JS
Images of Mizzen & Main website interface
Images of Mizzen & Main website interfaceImages of Mizzen & Main website interface

Product Strategy

We started by diving into Mizzen+Main’s world to understand their business goals and survey the competitive landscape. Knowing that they needed more flexibility in their customer experience, better speed and performance online, and more ownership over their data, we agreed on building a headless e-comm site. Despite the investment required, this direction would provide Mizzen+Main with the freedom they were looking for. After reviewing previous customer feedback and engaging in user testing, we developed a roadmap of features and priorities for the new site. CrateBind took the reins on managing the overall project, ensuring that we delivered an excellent product that exceeded the client’s expectations.
Images of Mizzen & Main website interface
Images of Mizzen & Main website interfaceImages of Mizzen & Main website interface

Product Design

We partnered with our friends at White Unicorn on product design for Mizzen+Main. White Unicorn did a full rebrand for the company and designed key pages and screens for the new site, which our team then used to develop a design system. We iterated on the initial designs, created the remaining screens required, and optimized UX wherever we could, always keeping in mind the ultimate goal of a simple, easy-to-use site. In addition to addressing customer feedback, accessibility was a priority throughout the entire design process.
Images of Mizzen & Main website interface
Images of Mizzen & Main website interfaceImages of Mizzen & Main website interface

Product Engineering

With a talented group of developers already in house, Mizzen+Main needed us to consult on site architecture and best practices. One of our devs joined Mizzen+Main as an extension of their team during the project, helping to develop key features for the site. The overall engineering effort proved to be a good challenge as numerous integrations were required and attention to detail was paramount. We were also working under an aggressive timeline—beginning the project in late summer with the goal of launching before the holiday shopping season. Thankfully, the Agile process we put in place allowed us to tweak and iterate on the fly, prioritize effectively and remain on schedule and under budget. After launch, Mizzen+Main saw record-breaking sales over Black Friday weekend.
Images of Mizzen & Main website interface
Images of Mizzen & Main website interfaceImages of Mizzen & Main website interface

"CrateBind was an instrumental part in the launch of our new headless website. Their project management, UI/UX resources, and expertise in customer behavior in the eCommerce space made them an invaluable asset during the site build process and beyond."

Natalie Shaddick
Mizzen+Main
Vice President of Ecommerce, Mizzen+Main
Next / Previous Arrow
View Previous case Study
PREVIOUS
View NEXT case Study
NEXT
Next / Previous Arrow