B Strong

Client

B Strong

Timeline

1 Week

Service

Webflow Development

Background

Harvest B's bolder and brighter brand for daily protein packs developed for health-focused cooks looking for higher protein meals.

Problem

Beautiful product packaging alone can't sell an ingredient. B Strong needed to combine their shopping and cooking experiences.

Solution

Custom built nutrition info and carousel slider for higher protein products, extending Webflow CMS capabilities to the max.

See the project results live

https://www.bstrong.life/

Product Slider

A custom product slider showing B Strong's wide, savory, and healthy range of plant based protein products. Custom pagination and infinite horizontal scrolling, so the selection never runs out.

Custom Built CMS Slider for B Strong's Proteins

Recipe Page with Embedded Products

A recipe page with two column content for clear steps, instructions, and a checkout link for the key B Strong ingredient.

Nutrition

Nutritional labeling is required by law, but adding complex lists with different units and information is complicated. The B Strong team was previously photographing their nutrition labels and adding them to the website. This was time consuming, hurt page speeds, and made the nutrition info untranslatable with browser defaults. I added a custom extension to Webflow's CMS collections, allowing for custom fields beyond the field limit, so every ingredient is clearly and transparently presented to potential customers.

‍

Custom built nutrition element. Designed to be editable.

This work is currently under NDA, so I can't provide a full case study yet : (

Credits

Studio: Design Flair

Role: Webflow Developer

Designer: Hannah Ahn

‍

Thanks for taking a look at my

B Strong

work! Here's more portfolio pieces. . .

Pirros

Detail management for architecture and engineering firms. Goodbye clutter, hello efficiency.