UX Research & Visual Design · Freetown Village · 2024

40 years of stories.
A generation that couldn't find them.

A 40-year-old living history museum was invisible to the generation it needed most. We researched why, then designed the platform to fix it.

My Role
UX Researcher · Prototype Lead · Component Library
Team
4 Product Designers
Timeline
2 months, 2024
Methods
User Interviews, HMW Framing, Crazy 8s, Think-aloud Testing
How we went from an invisible institution to a validated platform concept
🏛
Brief
40-year museum. Audience stuck at age 40+. Zero Gen Z reach.
🔍
Research
4 interviews + secondary data. 3 critical stats surfaced.
🎯
Reframe
"Not looking for content. Looking for belonging."
💡
Ideate
Crazy 8s → 3 core features shaped around Trust, Interaction, Community.
🧪
Test
Think-aloud sessions. 3 failures found, all fixed before final design.
📊
Validate
Tech + business model assessed. Phased approach proposed.
01 Problem

They're not looking for content.
They're looking for belonging.

Freetown Village has been telling the story of 19th-century Black Indiana for 40 years, through live performances, historical reenactments, and community events. But their audience had aged with them. The organization was effectively invisible to young Black Americans: the exact generation that has the most at stake in finding cultural grounding.

The brief was vague: "help us reach younger audiences digitally." Our job was to understand why the gap existed before we designed anything to close it.

Freetown Village
What the data told us · Secondary Research
79%

of African American teens want to learn how slavery's legacy still affects them today

76%

have already talked with relatives about family ancestry, the appetite for connection is real

18%

only trust social media for accurate historical information. They want institutional credibility.

The Goal

Design for belonging, not just awareness.

Goal

Build a digital platform that turns Freetown Village's 40 years of storytelling into an interactive, community-driven experience Gen Z actually wants to return to.

The Tension

Gen Z actively seeks Black history and cultural connection. But static institutional websites don't match how they engage. The format was the barrier.

The Constraint

Prototype-ready and developer-handoff-complete within 2 months. No existing design system to build from. Every decision needed research backing and usability testing before it was finalised.

02 Research

Four conversations. Three core needs.

As research lead, I conducted 4 user interviews with community members aged 23–35, the segment Freetown Village had never meaningfully reached. Rather than asking "what features do you want," the interviews explored how they currently engage with culture, what makes them trust a source, and what they wish existed. Three themes emerged consistently across every conversation.

Research Persona
Jordan, 25, research persona
Jordan, 25
Graduate Student · Indianapolis, IN
Education Master's in Communications
Tech use Daily · Instagram, TikTok, YouTube
Background Black American, second-gen
Visited FV Once, in high school
"I want to know where I come from, but every story online feels incomplete."
3 Needs Identified Across All Interviews
Trust

Credible sources in a landscape of misinformation. Gen Z doesn't want to learn from content farms, they want institutional credibility.

Interactivity

Active participation. They'd experienced Freetown Village in person and the "fourth wall break" is what makes it memorable.

Community

Connection with others on the same journey. Cultural learning felt isolating alone; shared with others it became identity-building.

How Might We

Help young digitally active learners connect with trustworthy and interactive experiences, so they feel more grounded in their historical roots?

03 Ideation

From insight to concept in three moves.

With Trust, Interactivity, and Community as our constraints, we ran Crazy 8s and rapid brainstorming to explore how to digitize what made Freetown Village's in-person experience powerful.

Three key questions framed the ideation:

🎭

How do we replicate the "fourth wall break" characters do in live events, in a digital space?

🪞

What makes history feel personal, tangible, and worth inhabiting?

🏗

How can a nonprofit realistically build and maintain a digital audience without a large technical team?

Three features emerged that mapped directly back to the three user needs. These weren't arbitrary, each one had a clear research justification for why it existed.

→ Trust
Live Watch Parties

Real-time performance streams with interactive quizzes and community chat. Freetown Village's credibility as the host addresses the trust gap directly.

→ Interactivity
Museum of Memorabilia

Earn points through participation, unlock historical artifacts, build a personal 3D museum. Makes cultural exploration tangible and permanent, yours to keep.

→ Community
Community Chat Threads

Moderated spaces to discuss performances, share family stories, and connect with historians. Recreates the shared experience that makes in-person events stick.

04 Lo-Fi Prototype

From Crazy 8s to a testable prototype in Figma.

Once we had our three features mapped to research needs, we built a low-fidelity prototype in Figma to make the concepts testable. The prototype covered all three flows: joining a live watch party, navigating the Museum of Memorabilia point system, and using community chat threads.

This phase was also used to begin establishing component logic. Even at lo-fi, consistent patterns across the three features kept testing feedback focused on the experience.

Low-fidelity Figma prototype screens
Low-fidelity prototype built in Figma
Flow 01

Joining and participating in a live watch party with real-time community chat.

Flow 02

Earning points through participation and unlocking artifacts in the Museum of Memorabilia.

Flow 03

Navigating and posting within moderated community chat threads.

A concept we built into the lo-fi: the points economy

Participation earns you currency. Currency you can use to build your virtual museum with.

🎟
Earn

Points are earned through participation: attending live watch parties, engaging in community chats, and completing cultural challenges.

🏺
Spend

Points unlock historical artifacts in your personal museum and can be redeemed for exclusive Freetown Village merch.

🪙
Buy

Users can also purchase coins directly to fast-track access to artifacts and merch. A revenue stream that keeps the platform sustainable for a nonprofit.

05 Testing

We built a community feature.
Users told us it could become a weapon.

We ran think-aloud usability testing on a low-fidelity Figma prototype with 4 participants. As research lead, observations and notes were captured across three tasks: joining a live watch party, earning and spending points, and using community chat threads. Two things happened, 88% said they'd recommend it. And three things broke.

Team during usability testing session
Analysing feedback from think aloud sessions with my team
Failure 01
Safety in the Community

"People say terrible things." Multiple participants expressed real concern that an unmoderated community space could replicate the exact online toxicity they were trying to escape.

→ Fix

Moderated chat, private party options, visible safety indicators.

Failure 02
Unclear Point System

"I wasn't sure where they came from." Participants couldn't connect earning points to the cultural archive, the gamification felt arbitrary without context.

→ Fix

Explicit onboarding explaining the point system. Visible balance tracking. Cultural framing: "Your Cultural Journey."

Failure 03
Intrusive Quiz Pop-ups

"Pop-up blocks the live play." Quizzes appearing mid-performance broke the immersion at exactly the wrong moment, frustrating the users most engaged with the content.

→ Fix

5-second countdown timers. Quizzes repositioned to side panels with a skip option.

88% would recommend the experience.

7 out of 8 interview participants said they would recommend the platform to a friend interested in Black history and culture. Alongside the failures, this was the most important signal. The concept resonated. The execution needed tightening, and now we knew exactly where.

06 Solution

Three features. One system.

We built the prototypes and component library in Figma, establishing visual consistency across all three features so the product felt like one cohesive experience. Each component was designed to scale as the platform grew.

1
Live Watch Parties
Live Watch Party, quiz repositioned to side panel with countdown timer, chat moderation visible
2
Museum of Memorabilia
Museum of Memorabilia, "Your Cultural Journey" framing, point balance visible, artifact unlock flow
3
Community Chat Threads
Community Chat Threads, moderated by default, private party option, historian-verified replies
07 Business Strategy

A vision that had to be buildable.

Most UX projects stop at validated prototypes. We knew Freetown Village is a nonprofit, if the technical or financial model wasn't viable, even the best design would stay theoretical. So we stress-tested it.

Pricing tiers we designed

$0
Free forever
Basic Exploration
  • · Basic museum room
  • · Completed event clip access (limited)
  • · Public chats
  • · Weekly drops
Jordan's projected tier
$6.99/mo
Billed monthly
Digital Historian
  • · Full museum room
  • · 1 watch party per month
  • · All chats, unlimited uploads
$19.99/mo
Billed monthly
Cultural Curator
  • · Full museum room
  • · Unlimited watch parties
  • · Private parties (custom rooms)
  • · Early access to Freetown merch

*Users can also buy single events separately on a per-need basis.

Technical Feasibility
Live Streaming YouTube Live
Watch Party Sync Socket.io
3D Museum Three.js
Chat & Moderation Stream Chat API
Payments & Donations Stripe
Why This Stack Works for a Nonprofit

Proven at scale, every tool is used by Fortune 500 companies. No experimental tech risk.

Pay-as-you-go, costs grow only as users grow. No large upfront infrastructure spend.

Mobile-first, the primary access point for the 23–35 demographic.

Phased build, Watch Parties can launch first. Museum and Community follow as resources allow.

08 Impact

Validated. Designed. Ready to build.

This was a conceptual project, the platform hasn't launched yet. But the research and validation metrics tell a clear story about whether the concept has legs.

88%
Users would recommend · Usability testing
84%
Agreed learning Black history is important to them

User growth figures are projected estimates based on research signals and comparable platform benchmarks, not live data. The project was delivered as a validated concept and pitch to the team.

09 Reflection

What I took away.

🔒
Constraints are clarifying.

Designing for a nonprofit with no engineering team forced us to interrogate every feature: is this buildable? Is this maintainable? The business strategy section wasn't extra work, it was what separated a usable concept from a fantasy.

🫂
Empathy goes beyond users.

The safety concerns users raised during testing weren't a UX problem, they were a reflection of their lived experience online. Designing for community means designing against the harm communities have already experienced. That's a bigger brief than we started with.

📐
A component library is a design decision.

Building the component library early forced us to make decisions about hierarchy, tone, and interaction patterns before we built individual screens. It made the team faster and the product more coherent.

💬
The best insight came from listening.

The "looking for belonging" reframe didn't come from the team, it came directly from interview participants. My job was to create the conditions for that insight to surface, then make sure we built toward it.

View more projects
View all 8 ↗
Chrome Extension · Solo
Draggit

I noticed a friction. I built the fix. Solo, end-to-end, shipped to the Chrome Store.

B2B SaaS Platform
CliquePrize

Small businesses deserved a landing page that spoke their language. We rebuilt it.