BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE BONFIRE

A platform for web3 creators to build a brand and engage their community using no-code web3 tools like NFT drops, token gating, and bounties.
Bonfire
Lead Product Designer, UX/UI @Bonfire
Overview

Bonfire is a web3 startup building products for the creator community. Bonfire Studio is a no-code platform to allow users to do token gated content releases, NFT drops, Bounties, and various types of fan engagement

Contribution
I was hired as the founding designer, where I spent my time as an individual contributor designing for various features acrossBonfire Dashboard and Bonfire Studio. 

I also led efforts on improvements to the brand messaging, visual design, design systems and marketing copywriting. 

My final project at Bonfire focused on income generating strategies and upselling opportunities in the product.
Design Toolkit
Figma
Problem
🪧 Brand inconsistency
The brand written and visual language needed improvement, consistency, and alignment with trends across the Web3 creator space
🧩 Fractured Web3 tooling
Community management in Web3 is complex due to various disconnected platforms and channels for content distribution and community administration.
🧰 No-code = Self Service
Web3 growth is throttled by need to employ developers to write contracts for each drop. Creators can release more content and reach fans on a deeper level if spend more time focusing on what they do best.
👨👧👦 Community management
Creators may collaborate with multiple contributors on drops, but existing tools make it difficult or expensive to admin community members with different access priveleges.
💸 Lack of revenue stream
Bonfire’s first release was freemium. It helped build a dedicated user base and get feedback from partner creators. However we needed to develop a way to upsell existing features or add premium models to the platform to start building revenue
Work
Bonfire Studio
Bonfire studio is a website building platform creators use to build websites .

It uses a series of drag and drop tools, web3 powered modules, and an interactive build canvas.

I designed the high level platform architecture as well as a series of core features 


Block Management
Each section of page content is organized by blocks. Blocks have varying level of formatting capabilities depending on the block type. I designed the platform to be interactive, with all elements on the canvas actionable,
Styles
Users can define site styles using the styles tab. The styles here are also informed by brand styles, which are set in the Dashboard and establish consistent brand styling across all websites within the same brand umbrella.
Navigation Block
Page Management
Text Block
Store Block
Image Block
Audio Block
Publishing tools
We wanted to implement a way for creators to manage the publishing states of their sites, and also establish a way to reference drafted and historical updates to their pages.
Page Builder
We found that users with common creator content were building pages using the same block types reapeatedly. To help users expedite the build process, we implemented a wizard-like page builder to allow users to bypass complex formatting and launch personalized pages in just a few minutes.
Design System Maintenence
I worked with another designer to establish and maintain design standards across all new feature elements being implemented across the platform. We developed a page templating system to create consistent productivity.
Dashboard - Page Management
Teams
Website

//    Made in New York City    //    Product Design : Creative Direction : User Experience : User Interface    //    Current Status : 🤭    //    If you build it, they will come    //    Copyright 2020. All Rights Reserved. R Brandon Forant    //    Made in New York City    //    Product Design : Creative Direction : User Experience : User Interface    //    Current Status : 🤭    //    If you build it, they will come    //    Copyright 2020. All Rights Reserved. R Brandon Forant    //    Made in New York City    //    Product Design : Creative Direction : User Experience : User Interface    //    Current Status : 🤭    //    If you build it, they will come    //    Copyright 2020. All Rights Reserved. R Brandon Forant    //    Made in New York City    //    Product Design : Creative Direction : User Experience : User Interface    //    Current Status : 🤭    //    If you build it, they will come    //    Copyright 2020. All Rights Reserved. R Brandon Forant    //    Made in New York City    //    Product Design : Creative Direction : User Experience : User Interface    //    Current Status : 🤭    //    If you build it, they will come    //    Copyright 2020. All Rights Reserved. R Brandon Forant