Transforming Coffee Into a Wellness Ritual

Our design-driven discovery process allows us to quickly and efficiently onboard new clients such as Rarebird: the first step is a discovery questionnaire, where we get to know the brand, their goals, and their target audience.

Once we have a good understanding of the brand, we move on to interactive design. This involves user flow maps, which allow us and the client to quickly visualize and experiment with different paths users might take through the product. We then move on to producing content briefs for the individual pages and wireframes at various levels of fidelity.

Early on, we prefer words and diagrams over pixel-perfect designs—this approach allows us to iterate at an increased velocity and gives all stakeholders a chance to express their feedback in the way that feels most natural to them.

When Rarebird reached out to us, they only had a few basic building blocks for their brand—our designers turned those foundations into a design system that would scale with Rarebird as they continued to tweak and iterate on their digital presence.

Our design systems and UI kits are extracted straight from the final high-fidelity wireframes. This minimizes the project timeline and ensures that any components we create can be applied in an actual use case.

And because we approach design and engineering holistically, Rarebird’s design system was developed from day one so that it could be easily implemented with Tailwind. This makes it easy for engineers to map design to code one-to-one, creating a consistent brand experience and faster time-to-market.

Headless technology. Seamless evolution.

Considering the brand’s early stage, we wanted to keep Rarebird’s eCommerce stack as simple as possible to minimize the go-live timeline and the cost of future changes. At the same time, we also wanted to use best-in-class technology that would give them maximum flexibility to evolve their storefront.

We chose Hydrogen, Shopify’s framework for building headless storefronts. Hydrogen allows Rarebird to access the entire ecosystem of Shopify plugins and integrations while also allowing them to customize every aspect of their storefront.

The cherry on top? Rarebird’s storefront is fully covered by automated QA tests, allowing them to iterate with unmatched speed and confidence. The result is a robust yet incredibly flexible DTC experience, which enables Rarebird to experiment continuously and find their path to success.