BB-Devices@2x.png

Project Details

Brutus Bone Broth is a human-grade, all-natural bone broth made for dogs. The client was looking for a completely new, fresh look for their website. Their current website lacks personality and the user experience is very clunky and information is hard to find. The product pages needed major changes and improvements as they do not communicate all of the amazing health benefits the product has to offer for dogs.

www.brutusbroth.com

Team

Danielle Nelson - Art Director / Designer
Rachelle Garaffa - Creative Director
Web Developer - Justin Northage-Orr

Work performed while employed at creative agency [L}earned Media

Role

UX Design
Web Design
Brand Design
Photography Direction

Previous Website Design

Conducted a site audit to improve design and layout

bb-product-nav-audit.png
 

Navigation

Navigation should lead with products rather than about the brand. Users are more inclined to learn more about the product first before the brand. The site also does not have a collection page where a user can browse all products at once.

Homepage Layout

  • Hero image should have a main value prop to describe the product’s value to a customer right away.

  • Products are not being shown in native Shopify format. Each product should be highlighted on the homepage so you can click to buy individually.



 
BB-Homepage-Audit.png
BB-Product-page-audit.jpg
 

Product Page

  • Poor use of image and photography.

  • Overall, imagery can use more personality by adding a lifestyle touch.

  • Benefits and product description is very hard for a user to see and navigate.

Goals

 

1

Provide a seamless shopping experience to online prospects so we convert more users to ‘add to cart’ and ‘checkout’.

2

Enhance brand credibility through customer reviews and testimonials.

3

Integrate social media in a more dynamic way to increase following.

4

Upgrade the overall look-and-feel to reflect a more modern, trusted brand.

 

Site Architecture

 
BB-Sitemap.png
 
 
 

Homepage

 

Product Page

Detailed descriptions about the product’s benefits, ingredients, and serving guide. Incorporates a mix of lifestyle imagery and the interaction with dogs and the product.

 
screencapture-brutusbroth-collections-brutus-broth-products-products-brutus-bone-broth-chicken-2021-02-28-12_24_40.jpg
 

Benefits Page

A key informational page linked under the “learn” tab that explains all the benefits of Bone Broth specific to dogs and how it can be used.

 
bb-benefits-page.jpg

Components

 
BB---Nav.gif
BB---Icons.gif
BB---Modules.gif
Previous
Previous

Lumanu

Next
Next

ActionIQ