Beetle Juice Events
A redesign that gave two very different audiences their own experience — built and prototyped entirely in Framer.
Website redesign · Information architecture · UX · Visual design · Framer
Beetle Juice is a mobile cocktail bar — colourful vintage vans, high-energy events, genuinely great service. But their website didn't reflect any of that. It was visually cluttered, the navigation was confusing, and crucially, it treated two very different audiences exactly the same way.
Private clients planning weddings or parties needed warmth, ease, and inspiration. Corporate event planners needed credibility, structure, and clear service information. The site gave both groups the same undifferentiated experience, which meant neither felt properly spoken to.
Before the redesign
I was initially brought in to redesign the site's layout and structure, handling research, competitor audit, UX strategy, and visual design. The first redesign went live, but the development didn't fully translate the design intent — navigation issues remained, some pages were left unfinished, and the character of the original design was lost. Despite raising these concerns, no further changes were made.
Rather than leave it there, I took full ownership and rebuilt the entire thing independently as a self-initiated project in Framer — this time with full control over the experience from structure to interaction.
The structural problem was clear: one homepage trying to serve two completely different people. The solution was to give each audience their own path from the very first moment — a homepage that immediately routes Private and Business visitors to dedicated journeys with content, tone, and CTAs tailored to each.
Pricing was one of the biggest usability problems — it was buried and difficult to find. Corporate and private pricing are completely different things: corporate rates depend on the brief, and private clients choose from set packages. I separated them clearly so each audience only saw what was relevant to them. The navigation was rebuilt to reflect the two pathways clearly while keeping shared pages — About, Gallery — accessible throughout.
Visually, I worked within the brand's existing palette but made deliberate edits. The original included a bright pink that felt out of place, so I dropped it — keeping the teal, adding creams and warm neutrals. The layouts were kept simple so the photography could carry the page. Hand-drawn illustrations added personality without clutter. Testimonials and partner logos were woven throughout rather than grouped on a single page, building credibility at every stage of the journey.
The gap between the first and second versions taught me something important about end-to-end ownership in design. A well-considered UX structure can be significantly weakened if you're not involved in how it gets built. The self-initiated rebuild wasn't just about aesthetics — it was about advocating for an experience that actually serves both the user and the business. That principle has shaped how I approach every project since.
The prototype shows a redesigned experience that takes Beetle Juice's digital presence from cluttered and confusing to clear, confident, and focused on conversion. Both audiences can now find what they need quickly, trust the brand's quality, and enquire without friction.
Self-initiated concept. The final live implementation differed from the design direction — the prototype reflects the intended experience.
