Bella.ai Website

PR agency needs an AI strategy

PR agency needs an AI strategy

Client

Itsbella.ai

DURATION

1 Month

Year

2025

Role

Senior Product Designer

As the lead designer, I partnered closely with the founder and PM to shape how Bella would be introduced to this audience. The landing page wasn’t just a marketing surface, it was the first moment where users decided whether Bella felt safe enough to trust.

Overview

Bella is a compliance and student management platform built for vocational schools. Its primary users, school owners and administrators, operate in high-risk environments where mistakes can affect audits, funding, and accreditation.

Early reviews showed that while the product was strong, users hesitated almost immediately. My responsibility was to identify where trust was breaking down and determine how to address it without redesigning the entire experience.

The UX Problem

(Identified Through Review & Exploration)

While reviewing early versions of the page and walking through the flow with stakeholders, I noticed a consistent pattern: Users were being asked to understand too much before they felt secure enough to proceed.

The experience introduced multiple concepts at once: AI, automation, reporting logic, and compliance rules.

This created friction at the most sensitive point in the journey: the entry moment, where confidence matters more than comprehension.

Instead of first answering a simple question:

“Is this right for my school?”

Expectation vs. Experience

What users needed
“Reassure me quickly. I’ll explore the details once I trust you.”

What they experienced
An experience that required interpretation and evaluation before trust had been established.

From a design perspective, this wasn’t a feature problem.
It was a cognitive load and trust calibration issue.

My Hypothesis

If the entry experience reduced interpretation effort and focused first on reassurance, users would feel more confident taking the next step, without needing to fully understand how everything worked upfront.

Design Decisions I Led

Rather than proposing a broad redesign, I advocated for a narrow, high-impact intervention focused on the first few seconds of the experience.

I led the decision to:
Simplify the hero section to a single, grounded value statement
Reduce competing messages and secondary actions at entry
Use the product visual as quiet validation, not explanation

I intentionally deferred AI explanations and feature depth to later sections, once trust had been established.

This direction required alignment with the founder, who initially wanted to surface more product capability early. I framed the tradeoff clearly: confidence versus completeness. We aligned on prioritizing trust first, knowing that curiosity would follow.

How the Work Took Shape

To arrive at this outcome, I worked through multiple layers of abstraction:

Moodboard:
Used to define the emotional tone; calm, reliable, and composed; avoiding visual cues associated with speed or novelty.

Wireframes:
Helped strip the experience down to what was essential at each moment. Every message was evaluated against the question: Does this increase confidence or demand attention?

Final Visuals:
Polished with restraint. The interface feels present and capable, without asking the user to engage more than necessary.

These artifacts supported decision-making, not decoration.

To arrive at this outcome, I worked through multiple layers of abstraction:

Moodboard:
Used to define the emotional tone; calm, reliable, and composed; avoiding visual cues associated with speed or novelty.

Wireframes:
Helped strip the experience down to what was essential at each moment. Every message was evaluated against the question: Does this increase confidence or demand attention?

Final Visuals:
Polished with restraint. The interface feels present and capable, without asking the user to engage more than necessary.

These artifacts supported decision-making, not decoration.

To arrive at this outcome, I worked through multiple layers of abstraction:

Moodboard:
Used to define the emotional tone; calm, reliable, and composed; avoiding visual cues associated with speed or novelty.

Wireframes:
Helped strip the experience down to what was essential at each moment. Every message was evaluated against the question: Does this increase confidence or demand attention?

Final Visuals:
Polished with restraint. The interface feels present and capable, without asking the user to engage more than necessary.

These artifacts supported decision-making, not decoration.

Why This Approach Worked

School owners are risk-averse by necessity. Asking them to evaluate complexity before establishing safety increases hesitation. By reducing early cognitive load and sequencing information more intentionally, the experience aligned better with how these users actually make decisions.

School owners are risk-averse by necessity. Asking them to evaluate complexity before establishing safety increases hesitation. By reducing early cognitive load and sequencing information more intentionally, the experience aligned better with how these users actually make decisions.

School owners are risk-averse by necessity. Asking them to evaluate complexity before establishing safety increases hesitation. By reducing early cognitive load and sequencing information more intentionally, the experience aligned better with how these users actually make decisions.

Impact (Qualitative)

Clearer understanding of Bella’s role within seconds
Reduced hesitation at the top of the funnel
Stronger internal alignment around trust-first messaging

In the absence of live metrics, success was evaluated through stakeholder feedback,

demo conversations, and a reduced need for upfront explanation.

Clearer understanding of Bella’s role within seconds
Reduced hesitation at the top of the funnel
Stronger internal alignment around trust-first messaging

In the absence of live metrics, success was evaluated through stakeholder feedback,

demo conversations, and a reduced need for upfront explanation.

Clearer understanding of Bella’s role within seconds
Reduced hesitation at the top of the funnel
Stronger internal alignment around trust-first messaging

In the absence of live metrics, success was evaluated through stakeholder feedback,

demo conversations, and a reduced need for upfront explanation.

Reflection

By identifying a single moment of friction and advocating for restraint, the experience became calmer, clearer, and more credible.

This reflects how I operate as a lead designer, spotting leverage points, aligning stakeholders, and designing with intention rather than excess.

By identifying a single moment of friction and advocating for restraint, the experience became calmer, clearer, and more credible.

This reflects how I operate as a lead designer, spotting leverage points, aligning stakeholders, and designing with intention rather than excess.

By identifying a single moment of friction and advocating for restraint, the experience became calmer, clearer, and more credible.

This reflects how I operate as a lead designer, spotting leverage points, aligning stakeholders, and designing with intention rather than excess.

Senior design impact comes from knowing where not to add more.