Sun Bum

Suncare Essentials for a Life Under the Sun.

Role

User Experience Design + Development

Technology

Shopify Plus

Verticals

CPG

Image Image

Protecting Those of Us Who Live + Love Under the Sun.

Background

Sun Bum began in 2010 with a simple goal - to create products that protect their friends and families from the sun. Today, Sun Bum is sold in surf shops, supermarkets, and stores around the world. Based in California and Florida, the brand offers a wide range of reef-friendy suncare products for adults as well as their line of kid’s suncare essentials, Baby Bum. Sun Bum approached Zehner in late 2018 to redesign and re-platform their eCommerce experience to Shopify Plus.

Image Image

The Challenge

The goal of the project was to convey the unique brand positioning and aesthetic of both Sun Bum and Baby Bum across the site. Our focus was to design and build a modular design system that would empower their in-house creative team to showcase the storytelling behind the brand.

Image Image

Bringing the Vintage SoCal Aesthetic to Sun Bum’s eCommerce Experience.

The Solution

Sun Bum and Zehner collaboratively delivered an intuitive eCommerce experience that aligned with the vintage, California aesthetic that the brand is known for. The in-house creative team at Sun Bum delivered an incredible direction and initial concept, which Zehner then scaled across the site. Together, we worked throughout the design process to incorporate the brand’s warm colors, vibrant lifestyle photography, and wood textures to evoke the iconic 1970’s feeling. In addition, our Strategy and UX team also improved way-finding and created opportunities to balance product consideration with brand storytelling throughout the site.

+100%

Increase in revenue

+10%

Increase in conversion rate

+87%

Increase in mobile usability

Image Image
Desktop Image Mobile Image

Sun Bum +
Baby Bum

A main consideration point of the project was how to convey the brand architecture of Sun Bum and Baby Bum, their product line for children. Our solution was to create a tabbed navigation in the header that would allow users to easily navigate between the two brands. When selecting a brand, unique CSS styling, and art direction were shown. Ultimately, the functionality remained the same, however, the visual styling changed to convey a distinction between Sun Bum and Baby Bum.

Image Image

Modular Design Systems

Zehner designed and built a modular design system on Shopify Plus, which allows Sun Bum’s internal team to easily merchandise the site. By accounting for the required modules across the Sun Bum and Baby Bum experience, we have empowered the internal team to easily scale the eCommerce site and focus on content creation.

Desktop Image Mobile Image

Showcasing Brand Storytelling.

In addition to the eCommerce experience, Zehner also designed and built an integrated content hub for both Sun Bum and Baby Bum’s brand initiatives on Shopify Plus. The designs for these content driven pages and related modules throughout the site bring an element of fun and personality to the experience. This content is essential for Sun Bum as part of its mission to become the most trusted sun care brand in the world with a little edge.

Lindsay Jesseau VP eCommerce + Digital at
Sun Bum

"From day one, Zehner has been a true extension of our team, providing strong guidance and knowledge to achieve our goals. With a small team, it was crucial that we had the ability to make updates to the site easily, which was achieved through a custom CMS that has provided our team the flexibility we needed. We have loved working with Zehner and the way they approach every project or idea we throw their way!”

Image Image

Partners

Shopify Plus

Platform for high-volume and enterprise merchants.

Klaviyo

Customer lifecycle management program.

Swell

User retention and rewards based system.

Gorgias

Customer service designed for eCommerce.

CONTACT

We’re Always In Touch.

Our clients run the gamut from emerging startups to Fortune 500 companies. No matter where you’ve been or where you’re going, we can create the infrastructure necessary to support your team and your goals.

CONTACT US