Beetle Juice website rebrand: creating better online experience
Project Summary
Beetle Juice is a lively UK-based mobile cocktail bar, known for its colourful vintage vans and fun but premium service. Their website, however, didn’t reflect this. It felt dated, cluttered, and confusing, leaving both private and corporate clients unsure where to go or how to book.
(This is a self-initiated concept and isn’t live on their website)
The Challenge
The old website wasn’t working for either of their audiences.
Private clients planning weddings or parties wanted a beautiful, memorable bar that was easy to book. Corporate event planners needed branded, seamless bar activations that aligned with their company’s image. Instead, the site felt visually busy, with key information scattered across multiple pages, making it hard for users to find what they needed. It lacked clear user journeys, had inconsistent CTAs, and copy that was dense and hard to read. Overall, it didn’t match Beetle Juice’s real-life quality or build trust with high-value clients.
my role
I was first brought in to redesign the website’s layout and structure, handling research, competitor audit, UX strategy, and visual design. My initial redesign went live, but the development didn’t fully reflect the design vision or create clear user journeys.
Seeing this, I took full ownership to rethink the strategy and design as a self-initiated project, creating a comprehensive redesign in Framer to strengthen Beetle Juice’s digital presence and better support their business goals.
Approach & Process
Initial Redesign
The original brief was to create a landing page that directs users quickly down the right path, Private or Corporate. My solution included:
A landing page with two clear entry points for each audience
Dedicated sections with tailored content
CTAs at the top of each page so users could switch journeys easily
But without involvement in development, the final build ended up with inconsistencies that weakened the premium feel, navigation challenges that confused users, and some pages left unfinished. Despite raising these concerns, no updates were made.
Self-Initiated Redesign
I didn’t want Beetle Juice’s online presence to stay like that. Taking the initiative, I reworked the entire strategy, structure, and design to serve both users and the brand better.
My refined redesign included:
A simplified homepage introducing Private and Business clients clearly with visual cards
A main navigation that included Private Events, Business Events, and shared pages like About and Gallery
A pricing page with tabs to easily switch between Private and
Corporate rates, reducing cognitive load
Easy journey switching from anywhere via the main nav so users never felt lost
I built this as an interactive prototype in Framer to bring the concept to life.
Visual & Content Design
The redesign feels warm, confident, and true to Beetle Juice’s brand personality. I went for a modern vintage look, using muted creams, teals, and beiges to create a nostalgic but fresh feel, letting the colourful vans and cocktails stand out as heroes. The homepage guides users instantly to their journey, with clean typography and playful hand-drawn illustrations adding brand charm without clutter. Sticky CTAs make it easy to enquire at any point, and concise copy builds trust quickly. I integrated testimonials and partner logos throughout to show credibility and expertise.
Outcome
Compared to the old website, the redesign transforms Beetle Juice’s online experience from cluttered and confusing to clear, confident, and conversion-focused. Private and corporate clients can now find what they need quickly, feel assured of the brand’s quality, and enquire without hesitation. If live, this would increase enquiry conversions, reduce user drop-off, and strengthen brand perception, especially with corporate clients looking for seamless, professional experiences.,
Reflection
This project reinforced the importance of being involved end-to-end to ensure that designs translate into high-quality user experiences. While my initial redesign improved structure and flow, limited collaboration during development meant the live site didn’t reach its potential. Redesigning independently showed me the importance of advocating for experiences that support both users and business goals.
If I Had More Time or Resources…
I would run usability tests with real clients to refine flows further, implement subtle micro-interactions to elevate the premium feel, develop an SEO-focused content strategy, and explore interactive features like a “build your own bar” tool for corporate quoting.
(This is a self-initiated concept and isn’t live on their website)