---
title: "E-commerce for Mr Bear Family"
description: "Buy a stylish mustache! Website with e-commerce for Mr Bear Family."
date: 2024-05-29
author: "Christofer Sandin"
canonical_url: "https://www.republic.se/en/cases/webbshop-for-mr-bear-family"
section: "Cases"
---

# Buy a stylish mustache!

 Buy a stylish mustache! Website with e-commerce for Mr Bear Family.

We built the first version of Mr Bear's webshop in the fall of 2015. However, as sales and the product range increased, we built a new and updated website and shop, which was launched in 2019.

 ![](https://republic.imgix.net/images/case/mrbearfamily/mrbear-logo-dark.png?auto=compress%2Cformat&fit=max&q=80&w=400&s=4fd3ef28e17b330d250698ba09bbb863) 

## Customer :   
Mr Bear Family

Mr Bear Family is a company that, in a short period of time, has gone from making a few products at home in the kitchen to becoming an international supplier of high-quality skincare and beard care products with natural ingredients.

## Web shop

Mr Bear has a well-crafted and playful graphic identity, which we wanted to preserve and develop with the new website. The design was created in collaboration with the client's in-house designers.

      ![](https://republic.imgix.net/images/webdesign-mrbear.jpg?auto=compress%2Cformat&fit=max&q=80&w=660&s=0324fe78febd424a5f44ca7fce97ed37)   

## Icons

We also created icons for all product categories. These are used both to provide an overview in the shop and as standalone graphic elements for aesthetic purposes.

      ![](https://republic.imgix.net/images/case/mrbearfamily/mr-bear-icons.jpg?auto=compress%2Cformat&fit=max&q=80&w=660&s=7010f30b7e30265d137338d1436aa206)   

## Playful and stylish

The website has a number of fun little details, such as the appearance of the shop changing with the time of day, or the shopping bag becoming happier when you add a few more items.

      ![](https://republic.imgix.net/images/case/mrbearfamily/mr-bear-details-1.jpg?auto=compress%2Cformat&fit=max&q=80&w=660&s=0e3b5e0f2155beec7f4ad43013f44c2a)   

      ![](https://republic.imgix.net/images/case/mrbearfamily/mrbear-details-2.jpg?auto=compress%2Cformat&fit=max&q=80&w=660&s=850b1ec0492c31bae5c2145330b6dbfa)   

 &amp;leftarrow; [Back to all Case Studies](https://www.republic.se/actions)
