Branston Pickle PluginChrome browser extension
Discover the bespoke Chrome browser extension we developed for the Branston Pickle "Lunch Break" campaign in partnership with Wonderhood Studios.
- Platform
- Chrome Extension
- Location
- London, UK
- Client since
- 2022
The final product
Screenshots showcasing the responsive design across devices.
The Brief
Wonderhood Studios approached us with a brief to develop a bespoke Chrome browser extension to be available to download as part of the “Lunch Break” advertising campaign they delivered for Branston Pickle.
The campaign centred on the idea of encouraging workers to take back their lunch breaks and “Stop work eating your lunch!”.
Once installed the plugin needed to be configurable so that it could prevent users from using their computer during their lunch break - their screen is taken over by a giant animated sandwich and their cursor becomes the iconic Branston Pickle jar - and therefore enjoy a tasty cheese and pickle sandwich (other sandwiches are available) and some well-earned time away from their desk.
What we did
We developed the Google Chrome Extension in a matter of weeks with regular meetings with the team at Wonderhood. The project presented several challenges as the Chrome Extension needed to takeover any number of tabs the user might have open at that time, so an event needed to be broadcast so that all tabs could be taken over at the same time, and also relinquished when the lunch break ended. The Chrome Extension also used Google Chrome’s internal Storage APIs in order to retain its configuration options.
The Chrome Extension also included a feature where it would send the user notifications as a countdown to the start of their configured lunch hour. These were sent using native Chrome notifications but needed some advanced logic to skip or reset the cycle of countdown notifications if the user adjusted their lunch hour and brought the start time forward or moved it back.
Key features
The components and capabilities we delivered.
Bespoke Chrome Extension
Custom-built Google Chrome extension that takes over the user's screen during lunch breaks with animated Branston branding.
Multi-tab Takeover
Broadcasts events across all open browser tabs to simultaneously activate and deactivate the lunch break experience.
Countdown Notifications
Native Chrome notifications with smart scheduling logic that adapts to user-configured lunch hour changes.
Our approach
A proven process tailored to this project's unique requirements.
Discovery
We start by understanding your goals, audience, and constraints. Through workshops and research, we define the project scope and success criteria.
Strategy & Wireframing
We map out the user journey and information architecture. Low-fidelity wireframes let us test ideas quickly before committing to design.
UX/UI Design
Visual design that balances aesthetics with usability. We create interfaces that look great and guide users effortlessly toward their goals.
Development
Clean, well-documented code built on proven frameworks. We develop iteratively, sharing progress regularly so you're never in the dark.
Quality Assurance & Launch
Rigorous testing across devices and browsers. We handle deployment and ensure a smooth launch with minimal disruption.
Ongoing Support
Our relationship doesn't end at launch. We provide proactive maintenance, security updates, and responsive support to keep your product thriving.
related projects
Planning a similar project?
Let's discuss how we can help you achieve your digital goals. We typically respond within one business day.