Mobile-first content design
Redesign a website to capture social media traffic, lower the bounce rate by 26% and increase event ticket sales by 12.2%.
Role & duration
Content Designer
5 Weeks
Tools
Methods
Product Strategy
Heuristic Evaluation
Mobile First UI Design
Overview
Black Dragon Breakfast Club is a Black, woman owned marketing agency that supports conscious cannabis consumption.
Since 2016, BDBC's founder, Tsehaitu, leveraged social media to build a community of 10,000 cannabis entrepreneurs.
Equipped with a deep understanding of her audience, Tsehaitu developed services that support women and people of color entering the new, regulated market.
In 2020, she was ready to re-launch her website with a focus on cannabis marketing services.
User persona: Gita
Gita (she/her) is an entrepreneur who wants to make the world better by starting with herself.
Gita isn’t into name brands. She cares more about supporting the people behind the brands. Gita buys out of convenience and prefers brand recommendations from friends.
Gita found BDBC on Instagram.
She's interested in marketing her fledgling cannabis brand and doesn't know where to start.
Process
Step 1: Get the brand
-
Read BDBC's branding guidelines
-
Gain access to brand assets
-
Read the Founder's social posts and interviews
Step 2: Get the audience
-
Soak up that delicious user research
-
Understand the User Persona
-
Read the comments
-
Document the user flow
Step 3: Evaluate the OG design
-
Identify business goals
-
Identify ideal user goals
-
Identify opportunities to design for both user and biz goals
Step 4: Design, Test & Redesign
-
Design the content hierarchy to prioritize user goals x biz goals
-
Only include pages that service our target audience
-
Create and test two or more navigation flows
Solution
Users who arrived from IG were bouncing at a very high rate, nearly 90%.
The original design supported seven different user goals. Only two of these goals aligned with Black Dragon's business goals.
If we make a website that is easy for mobile and focused on an IG audience, users will sign up for services and BDBC will generate leads.
Content strategy
Improved hierarchy
OG Top Navigation
Improved Top Navigation
OG Footer
The original footer included 11 center-aligned links.
A number of these linked to inactive projects and old programs.
Our user had to work hard to read and understand which links were useful for their journey.
Improved Footer v.1
My first draft suggestions:
-
Include 6 left-aligned links
-
Group and label links
-
Remove inactive projects and old programs
-
Utilize bold type for category titles
-
Underlined font to indicate hyperlinks
Improved Footer v.Final
My final draft:
-
Group links by business
-
Included top nav links
-
Remove inactive projects
-
Utilize bold type for category titles
-
Underlined font to indicate hyperlinks
Content Design:
Scroll Appeal
Visual Layout
-
Mimic social media layout
-
Image, subtitle, body
-
Remove inactive projects
-
Use memes and branded images
-
Two-word titles
-
Two-sentence descriptions
Result
The redesign is an overwhelming success.
The new site design prioritized mobile interactions, focused the user journey and increased time spent on the website.
BDBC saw user engagement skyrocket as button clicks increased by 23% and bounce rates dropped by 26%.
When BDBC returned to in-person events, the new site design supported event promotion and sales.
We dropped Events into the site, giving it hierarchical priority.
BDBC saw a consistent conversion rate of 12.2% for event ticket sales.