Carbon five Team:
1 Design Lead 👋
1 Product Manager
1 Product Manager
1 Tech Lead
1 Junior Designer
Brandless™ E-Commerce site
UX + visual + interaction design for the initial launch of the Brandless™ e-commerce site as it premiered on the Today Show in July 2017.
The client came to Carbon Five with brand identity and package design from the branding firm Red Antler. We were tasked with the design and development of the core e-commerce site, checkout flows and B.More subscription service. We implemented the project on-time under an extremely accelerated deadline dictated by a scheduled product launch on the Today Show.
Brandless™ had a successful launch and recently received $240M in Series C funding. Images are from the original launch, check out how they're evolving here.
Brandless™ already came to Carbon Five with brand identity and product package design done by the firm Red Antler. Our task was to extend the brand assets to web styles in developing their online store. This included many iterations that had to get approval from Brandless™ stakeholders as well as Red Antler.
Layout and Grid
Designing mobile first was critical for this project, given the accelerated timeline (a launch on TV). The grid was based on 4 columns, which allowed mobile components to be re-used on desktop and vice versa.
By the end of the project we were able to add custom animations to features. To the right is the "add to cart" animation that allows users to add and see how many items were in their basket without viewing their their list in checkout or the product detail page.
Systems and Styles
We left Brandless™ with a fairly extensive style guide that their developers could follow until they made their first design hire.
Bringing it all together
Here are some sample screens that we ended the project on for the company's launch on the Today Show.
My work included the homepage, accounts, cart + checkout, category landing pages (CLP), product detail pages (PDP), B.More membership signup, and referral program.