Baffle Haus UX UI Designs for Shopify Replatform

Baffle Haus website, October 2026

While spending some time at Cake Agency between May and June 2026, I produced some work for a client named Baffle Haus. This client had two venues in South Wales that functioned as cafés, retail shops and events spaces. While footfall in the venues was high, it was the online presence that was struggling, especially in regards to sales. They planned to replatform to Shopify and improve their overall UX and UI to improve CRO and bring out more of their personality online. As the brand was built around a love of motors, quality food and good times, it was a very exciting project to bring to life and balancing the in-store experience with a focus on e-commerce was an interesting challenge.


Before (Homepage and PLP)


The project scope included designing new pages for the following:

  • Homepage

  • Collection landing page

  • Collection listing page

  • Product page

  • Navigation

  • Cart drawer

  • Cart page

  • About us page

  • Dynamic search

  • Search results page

  • Blog landing page

  • Blog article

  • Contact page

  • FAQ

  • 404 error page

  • Gift card product page

  • Shipping page

  • Venue information

  • Events

  • Menu


Inspired by Cake’s other clients like P&Co and High Dive, whose websites’ have utilitarian structure, industrial typography and cinematic content blocks, I built the UX in Figma from scratch. I also referenced a number of other websites that featured clean and contemporary UI that had been injected with personality across various industries, including outdoor clothing retailers and craft beer sites.


After getting the approval of the client, I then moved onto the UI. I integrated the brand uplift that had been completed by another designer at Cake, which included new typefaces, colour palettes and graphics. I used imagery from Baffle Haus’ website and social media pages to breathe life into the designs. An interesting element which also made its way into the UI at this stage was the inclusion of a Spotify playlist on certain pages, featuring playlists compiled by Haus DHJ’s. Not only was this a fun and playful inclusion that reflected Baffle Haus’ brand, but continued to bring the in-person experience of the venues to the digital realm.


After getting to this point in the Baffle Haus project, I made the difficult decision to withdraw from the project due to my upcoming end point assessment as part of my integrated apprenticeship degree. However, I was very happy to see the replatform come to fruition and that the designs I put forward made it to the final product with just minor changes.

After (Homepage and PLP)

Previous
Previous

Red Kite Interactive Branding, Marketing and UX UI Designs

Next
Next

The Works Paid Social Content