Wiper and True

Food & DrinkShopifyRechargeKlaviyoReviews.ioInfluence.ioRebuy

🍻 Wiper and True   Final Outcome 1
🍻 Wiper and True   Final Outcome 2
🍻 Wiper and True   Final Outcome 5

Here's how we did it 🍺

Our collaboration with the client began with a compelling challenge—to revitalise the visual identity of their site in alignment with their evolving brand. Armed with an already distinguished brand that set them apart, the client sought not just a website makeover but an enhancement that would resonate seamlessly with their well-established customer base. In pursuit of a design evolution, we aimed to create a new store that not only matched their brand's unique identity but also elevated the user experience for their customers.

Design Phase

Keen to evolve the Wiper and True brand, we worked closely with long-time collaborator and brand guardian, Hamish Makgill, in order to bring Wiper and True's visual identity into the digital age without losing focus on the core values and aesthetic trademarks of the brand. After an initial in-depth technical discovery and sitemapping process, we started the creative process by developing a series of initial style tiles that enabled us to explore different aesthetic routes to success. Once completed and reviewed by the client, we then started the task of creating a series of mobile-first core page designs that captured the needs of both the Wiper and True team and their ever-growing customer base. Across all core page designs, we anchored the new store aesthetic with a stroked, grid-based layout that echoed Wiper & True's packaging design to establish a seamless visual experience from can to cart. This grid system then served as the backbone to the structure of the website, enabling individual elements and breaks between sections to be more clear and obvious to the end-user. Spot colour was used sparingly as a method of labelling beers by type, simplifying the process of product discovery for Wiper and True customers.

Development Phase

In the initial stages of the Development Phase, our team meticulously configured the N&O "Super-ECO" starter theme and tailored global CSS files to establish a consistent and polished aesthetic. This foundational setup was critical, ensuring the seamless integration of the brand's identity throughout the entire project. Then, through Shopify Liquid section development, we brought the envisioned designs to life, implementing additional functionalities like a custom Build a Box, and seamlessly incorporating Recharge, Rebuy and Influence.io apps into our theme to offer additional functionality.

Testing & QA Phase

During the Testing & QA Phase, our commitment to quality took center stage. Each section, as it was built, underwent rigorous testing to ensure robust performance, responsiveness, and alignment with the specified designs. Addressing code tweaks at this juncture allowed us to be exceptionally thorough in our approach.

Drive Phase

In the Drive Phase, the website underwent internal QA scrutiny, ensuring a refined and polished final product. The delivery of a virtual handover session was a pivotal step, allowing us to guide the Wiper & True team through the intricacies of the project and providing the client with a comprehensive, step-by-step guide on how to navigate the new theme. This empowerment facilitated a seamless transition and ensured the client's control over their new theme. Simultaneously, we diligently addressed any bugs, resolving high and medium priority items identified during client testing.

Deploy Phase

With the site meticulously crafted and refined, the Deploy Phase marked the exciting moment of going live! The culmination of the project, this phase ensured a smooth transition from development to a fully functional, accessible website.

Decompress Phase

In the Decompress Phase, we meticulously attended to any low-priority items identified in the Drive Phase, refining and polishing the website. Since launch, in the last month, they've seen an increase in sales of 81%, increase of store coversion rate of 223%, total number of orders made through the Online Store has increased by 143%.

Compared to last year, they have seen an increase in sales of 6%, increase in store conversion rate of 36%, total number of orders have increased through the Online Store 37%.

Performance increased by 32% on mobile and 38% on desktop

🍻 Wiper and True   Parallax Image
Recharge Logo Dark ThemeRecharge Logo Light Theme


On top of the environmental impact of subscriptions, Recharge integrates with EcoCart, Corso, Ecodrive and Stripe Climate.

Learn more
Rebuy Dark ThemeRebuy Light Theme


Rebuy allows us to optimise performance by replacing a number of single-function apps - less apps means lower impact.

Learn more
Influence Dark Theme Group 1


Influence.io is an ideal solution for eCommerce brands to grow their business by creating a personalised loyalty and referral program.

Learn more


Product reviews and Social proof are pivotal for high converting e-commerce stores that also help to minimise the number of returns.

Learn more
🍻 Wiper and True   Wip 3
🍻 Wiper and True   Wip 2
🍻 Wiper and True   Wip 1
🍻 Wiper and True   Wip 4