
Doggie Beer Bones is a San Diego based company that hand bakes artisanal dog biscuits from local craft brewers’ spent grain. The grain is packed with nutrients, it gluten free, and great for pups! They came to us with a vision, their existing packaging as a starting point, the rest was up to us!
We began the process by talking about goals for the website. The three top objectives were to educate about Doggie Beer Bones, help users find product in stores, and create the site on an easy to update e-commerce platform. From there, we put together a sitemap and wireframes to analyze and organize information and user flows. With the “bones” of the site laid in place, we moved on to the visual direction of the site.
Using their packaging as a base, we set to work expanding their visual lexicon. We started with color and type choices that would work in the digital space and showcase the brand’s playful nature – it is dog treats for beer lovers, after all! We selected bold, sturdy type for headline typography with warm rounded type for the body text to illustrate the brands honest and friendly character. Laid over meandering rounded background in complimentary warm hues with fun paw print details, the scene was set.
Upon entering the site we wanted the the user to be greeted with the DBB Logo bouncing its way into warmly lit scenes of pups and their humans at play. Next was to expand the logo of their mascot “Biscuit” from just a head to a full blown personality, running the operations of DBB. We brought Biscuit to life utilizing animated GIF’s to illustrate the process in which the treats are made and tested. This served two functions, further strengthening the brands character, and more essentially to inform discerning owners of where their treats are coming from in a fun and friendly way.
To unify the brand’s expanded visual language to its written voice, our copywriter worked to get the language to match the core brand values. We created a friendly and honest tone, one we would trust to watch our own loved pups.
ClientDoggie Beer BonesServicesWeb Design, Motion Graphics, Photography, Branding, Copy WritingLinkwww.doggiebeerbones.com