![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/b880acaf-ef5e-40b4-be02-cf4e6ac24484_rw_1920.png?h=e3526b225f949e48aa908b6a2ecef2af)
Background
In 2019 I was approached by a local DIY craft company named Bramble Berry to make significant experience improvements to their already successful e-commerce website. The goal was to modernize the site and introduce a consistent design language which would be responsive across multiple surfaces.
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/9c514fde-469c-47ec-a4ce-2e4073a493a1_rw_1920.png?h=3a2dfef241055d9d03de54f8a49ab2ee)
Responsive Design
I worked collaboratively with the Bramble Berry product and development teams to design and develop a new visual language and layout system which would be consistent and holistic across multiple surfaces and device types.
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/0a03288d-259e-4604-b4ae-39036bea1ef9_rw_1200.png?h=50f68bc9907faab9c957d20d4e59cab5)
Category & Product Detail Pages
Careful attention was paid to the entire customer journey from discovery to post-purchase. A new navigation system was introduced which was optimized for the taxonomy of Bramble Berry's product catalog and Category pages were designed to feature and highlight dynamic content like new products or best sellers.
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/6ead910c-ce2b-4d63-8569-a8a34ae408e1_rw_1920.png?h=94cdbcdc2e24efc3192484fd0ad65c98)
Article Pages
A big part of Bramble Berry's popularity was the relationship they built with their customers through original content aimed at making their customers as success as possible with their products. Careful attention was paid to the redesign of their Articles section. Dynamic sections were introduced which highlighted fresh content and a visual system was designed to represent article content consistently across devices.
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/04c39684-7bf8-4168-b304-49431b17b6ba_rw_1200.png?h=47efd42e1736f48ebc73547b17c46514)
Cart & Checkout
The Cart and checkout experiences were updated to include modern forms of payment including electronic gift certificates.
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/3a44760f-849d-420b-89cc-ab8fdff7206b_rw_1920.png?h=b416b615eb49dcf57c25fc96df977d0d)
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/dee06b91-9dd7-4f36-9c56-e09ba364f28d_rw_1920.png?h=7912b10418e9ebfe1bc90e4445a6efbe)
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/c461fd54-1668-41e8-be4f-7193a70a2eed_rw_1920.png?h=bdbed8c9e30932b24362dee75df052d7)
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/3e47561e-174e-410f-ba46-64c0ce9ac47a_rw_1920.png?h=7d6330e601366ebfef79206db5a01a7f)
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/23985a76-ea4b-4f05-9f2e-910628d31b0d_rw_1920.png?h=205ff3df6845f3d88d7b9a13c414738e)
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/bd0c63b4-eed5-4212-8538-c36f11453cbd_rw_1920.png?h=c0599ee6515a3bcb8a329944e46b73b8)
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/e5f4f254-60c2-4089-8e09-1c979026114c_rw_1920.png?h=3d353b3f50625a4c79e326d89786fb1e)
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/0d7353c1-ff68-4cb0-8c86-d9ad3fbbccfd_rw_1920.png?h=ce129c27e6db7dec3768d8b4983b2396)
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/36308c12-ab9d-4599-9b9c-58af8ed95d0c_rw_1920.png?h=2b38d1252dd8381036faff26f87fb18d)
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/92a0720a-1172-4714-815d-b6f3c357baee_rw_1920.png?h=9d669fb06ebf3c088c0918876fd0a9dc)
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/9a9e0a9a-e619-4502-b352-5969745919ad_rw_1920.png?h=93d7083aa263c1261ca4d70f097aaffd)
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/3013668c-6a72-4b1c-aeb7-960753c9b23e_rw_1920.png?h=3005fad51d01910507596c4221556f5c)
![](https://cdn.myportfolio.com/78b496511b778e1070fb292594392c6d/4d390fec-4547-4ee3-8821-e1ead2083745_rw_1920.png?h=9a296d9bce5d798f10e59175c2da0b69)