Turning chaotic social chatter into warm, on-brand conversations automatically

BLUEBERRY SOCIAL • SHIPPED 2025

blueberry dashboard

ROLE

Product Designer

TIMELINE

10 weeks

TEAM

  • Lauren
  • Keiko
  • Valerie
  • Alex

TOOLS

Figma, V0, Shadcn

Overview

Designing trust in AI-powered social commerce

It's 2 AM, and Maya, Head of Growth at ACME Skincare, wakes up to a notification. A defaming comment has been sitting at the top of their highest-performing Instagram ad for three hours. By morning, their ad engagement has dropped 30%, and potential customers are seeing negativity before they even learn about the product.

This wasn't unique to Maya. Across mid-sized eCommerce brands pulling in $2M+ annually, social teams were drowning. They were manually scanning hundreds of comments daily, deciding what deserved responses, crafting replies that stayed on brand, and doing it all fast enough to protect conversion rates.

The Problem

When every missed comment costs money

E-commerce teams are expected to manage multiple social channels, respond to customer comments, and keep engagement high, all while running the rest of their business. This often means juggling dozens of messages at once and trying not to miss anything important. Keeping up can be exhausting, especially for businesses without a dedicated social media team. Missed comments can lead to lost sales, frustrated customers, or inconsistent brand messaging. This is why we designed Blueberry Social, a tool that brings every interaction into one clear inbox and surfaces the most important messages first. With AI assistance, teams can respond faster, maintain their brand voice, and turn everyday conversations into sales opportunities.

Group picture

The Pivot

When everything changed halfway through

Halfway through the project, everything changed. We had spent weeks building a social listening tool for startup founders. Then the co-founders came back with new data: mid-sized eCommerce brands were the real opportunity.

Our entire ideal customer profile had flipped. Instead of solo entrepreneurs, we were now designing for growth teams at brands doing millions in revenue.

We had a choice: panic and restart from scratch, or adapt quickly and use what we'd learned.

We made a deliberate decision to move fast. We used AI tools like V0 to spin up rapid prototypes, ran weekly testing sessions, and iterated based on real feedback. The goal wasn't perfection. It was reducing ambiguity fast enough to build something valuable.

Timeline showing pivot point

Understanding Users

What growth teams actually needed

We talked to growth leads and social media managers at eCommerce brands. Through testing sessions, we discovered their real pain points. Below are some key points we have gathered through interviews, supported with quotes from our participants.

Trust takes time

"I don't fully trust AI yet, but I'm open to automation once I trust it over time."

Speed without sacrificing brand

"The more the AI can mimic our brand voice, the better. Generic responses are a dealbreaker."

Clarity over complexity

"Too many options feels like work, not help. I want the tool to be intuitive."

Design Process

Onboarding: Earning trust in two minutes

After talking to our participants, we brainstormed on solutions to the problem. This brings us to our first how-might-we statement: How might we deliver immediate value while gathering enough information to make AI responses feel genuinely on-brand?

From that HMW statement, we branched off into several explorations...

Exploration 1

The conversational approach

My first instinct was to make onboarding feel natural with a ChatGPT-style interface where users describe their brand in their own words. But API restrictions from Meta and TikTok made this technically complex. We were on a tight timeline and this path would derail us.

Exploration 2

Sequential walkthrough

Next, we tried guiding users through questions one at a time. But during testing, Participant 1 said, "I prefer that it's all in one, so I can fill it out. Otherwise I wouldn't know when it will end." Users felt impatient. They wanted to see the product working, not answer a quiz.

Final Solution

Reduce friction, deliver value instantly

We made a critical realization: every question we asked was a barrier between the user and value. So we ruthlessly cut everything non-essential.

The final solution: Connect Meta Business Account, add basic brand info, and you're in. The app immediately pulls posts and comments and starts working. No lengthy questionnaires. Users saw their actual Instagram comments with AI-generated suggested replies within two minutes.

Ultimately, our goal is to make this onboarding process seamless as possible without any friction.

"Super easy and it took exactly what you needed." - Participant 4, rating onboarding 7/7

Inbox: Making efficiency feel intuitive

During our first test, Participant 1 was immediately confused: "Inbox? Is he looking at the DMs?" The terminology we thought was obvious was completely foreign to users whose mental model came from email, not social platforms.

Early inbox designRevised inbox design

The emoji problem: Participant 6 called out something critical: "Some of these emojis are things that wouldn't be used likely. Less emojis the better." The AI responses were clearly AI-generated because they were too cheerful, too generic.

When Participant 6 regenerated responses, he said, "I find it much better and easier to understand. These are good responses." Users could spot inauthenticity instantly. Our AI had to match their actual brand voice, not what an AI thinks customer service sounds like.

Building trust through transparency

Design decisions we made:

Show AI reasoning: Suggested responses explained why they were suggesting that reply, based on brand voice guidelines.

Make learning visible: When users edited suggestions, we showed that the AI was adapting.

Bulk actions with control: For power users managing hundreds of comments, we added bulk reply. Select similar comments, review AI suggestions, edit if needed, send.

What we learned about filters: Participant 1 wanted to "crank through it as fast as possible" and filter by post. Participant 6 reinforced this: "Subsets for data (filters): ADS first. Bring those to the top."

But users didn't want endless filtering options. They wanted smart defaults that surfaced what mattered most, with the option to dig deeper if needed. Clarity over choice.

Brand Voice & Automation: Earning permission to go hands-free

Early Version

When we overcorrected

In trying to give users maximum control, we created cognitive overload. Our early rules system had options for everything: tone adjustments, keyword triggers, conditional logic, exception handling.

Participant 2 looked at it and said, "Rules look a bit intimidating." If the tool required this much setup, was it really saving time?

Early rules pageSimplified rules
Revised Approach

Progressive disclosure

We restructured the entire brand voice section around a simple principle: show users what matters when it matters.

Start with basics: Upload brand guidelines or documents, set tone preferences. We made URL upload easy since users mentioned they wouldn't want to input text manually.

Test in the sandbox: Users could see how AI would respond to real comments from their feed before going live. This was huge for building confidence.

Advanced rules are optional: For power users who wanted granular control, it was there. But it wasn't required for the base experience.

Participant 6 gave this approach a 6.5/7: "Easy to navigate. Each one has good buttons around each section. It would be nice to have a couple of presets to help out customers."

The preset insight: Multiple users mentioned wanting preset brand voices. Not everyone would want to start from scratch. Participant 5 asked, "Can you save multiple brand voices?" She imagined having different tones for different contexts.

"Automation is something I consider first, but I need to trust Blueberry first and see what it does." - Participant 4

The scariest feature for users was full automation. Testing revealed nuanced feelings. Users were open to it, but only after the AI proved itself. We added intentional friction with confirmation prompts. Transparency builds trust, not assumptions.

Brand Identity

Making Blueberry feel human

After weeks working with Shadcn components, we hit a wall. Blueberry looked like every other B2B SaaS tool. Clean, functional, forgettable.

The founders wanted Blueberry to feel friendly and approachable, not corporate. We explored references together: Duolingo's playfulness, Shopify's polish, Discord's casual vibe. We didn't want to go full cartoonish, but we also didn't want buttoned-up corporate.

Brand inspiration moodboardFinal Blueberry branding

What emerged: bright, inviting colors that made the interface feel warm. Rounded edges everywhere to soften the experience. And most importantly, our mascot Bloo and blueberry iconography threaded throughout to reinforce personality.

Key Features

What we built

Unified inbox with AI-assisted replies: All comments from Instagram, Facebook, and TikTok in one place. AI suggests on-brand responses based on guidelines set during onboarding. Users review, edit, and send. Bulk actions for efficiency.

Brand voice training and sandbox: Upload brand documents, define tone, test AI responses in a safe sandbox before going live. Progressive disclosure keeps setup simple while offering depth for power users.

Automation with human oversight: Set optional rules for when AI can auto-reply. Confirmation prompts ensure users stay in control. AI learns from manual edits over time.

Real-time moderation and prioritization: Automatically flag negative comments, hide spam, surface high-intent buyer signals. Prioritize ad comments that impact revenue.

Slide 1
Page 1 of 16

Results

The impact

6
Testing iterations
72.5
Average SUS score
7/7
Final onboarding ease
60 → 80
SUS score improvement

What the feedback revealed

Trust took time, but we earned it: "Doesn't fully trust AI yet, but is open to automation once he trusts Blueberry over time." Users weren't rejecting AI. They were being cautious, which was smart. Our job was to prove ourselves.

Clarity won over features: Every time we simplified, scores improved. When we stripped onboarding down to essentials, users said, "Very simple, less things to put in the better."

Brand voice was the killer feature: Participant 5 highlighted it as her favorite capability: "The ability to train AI based on the brand voice." If we nailed this, everything else would follow.

What I Learned

Key takeaways

AI accelerates, humans validate

We used AI tools like V0 to generate first-pass prototypes fast. But we never shipped without user testing. AI got us 70% there. The final 30% came from real people.

Designing for trust is designing for transparency

Users didn't want a black box making decisions for them. They wanted to see AI reasoning, edit outputs, and gradually build confidence. Every design decision came back to this: Can users predict what the AI will do? Can they correct it? Do they feel in control?

Less is genuinely more

The best version of Blueberry wasn't the one with the most features. It was the one that removed friction and got users to value fastest. Every question we removed from onboarding, every filter we simplified, every preset we added made the product stronger.

Next Steps

Where we go from here

Sequential rules system: Create a flow that naturally loops between setting guidelines and testing automation. I'd explore a node-based or step-by-step approach that makes this connection clearer.

DM functionality: Multiple users mentioned managing DMs as part of their workflow. The inbox-to-DM flow could unlock new engagement and sales opportunities.

Dashboard with real insights: Surface actionable data like sentiment trends over time, engagement spikes by post type, and buyer signals to act on. Make the dashboard a strategic tool, not just a landing page.

Brand inspiration moodboardFinal Blueberry branding
Future roadmap

Final Thoughts

Designing AI that amplifies humans

Blueberry taught me that designing AI products isn't about making the technology impressive. It's about making users feel confident and in control.

The best AI tools don't replace humans—they amplify them. Blueberry gave social teams superpowers: respond to everyone, protect their brand, capture sales opportunities, and still have time to focus on strategy.

Users will tell you what they need if you create space to listen. Every time we assumed we knew better, testing proved us wrong. Every time we simplified based on feedback, the product got stronger.

That shift from "I don't trust AI" to "I could actually see myself using this" was everything.

CODED + DESIGNED BY ME