The Safe Space
for Students
A gamified, child-first safety education platform contracted by Crime Stoppers of Houston & The John M. O'Quinn Foundation. Designed for the cosmos. Built for kids. 15,000+ users in week one.
Origin Story
The name came first.
Everything else followed.
Before any wireframe, before any color palette, before a single component — the project had a name: Safe Space for Students. That name wasn't a descriptor. It was a universe.
Safe → protection → shelter → cosmos. The word “space” was already there. It didn't take a leap of creativity — it took the courage to commit fully to what the name was already pointing at. So we launched into orbit and never looked back.
"Safe"
Protection. Shelter. Trust.
"Space"
Cosmos. Exploration. Wonder.
🚀 LAUNCH
The whole theme, born from two words.
Color Philosophy
Two systems in one palette.
The colors had to serve two masters: the excitement of the space theme and the institutional trust of Crime Stoppers of Houston. Both had to win.
Deep Space
The primary background. Rich, dark, authoritative — the night sky that makes every star pop.
Cosmic Blue
The interactive layer. Buttons, links, hover states — familiar blue signals safety and action.
Star Gold
Rewards, badges, and achievement moments. Gold = accomplishment in every culture.
Crime Stoppers Red
Used sparingly for institutional anchoring. It signals that a real, trusted organization is behind this — not just an app.
Safe Green
Completion states, correct answers, safe behavior moments. Green = you did it right.
Pure White
Content legibility for children. No off-whites, no grey text — maximum contrast for young eyes.
Full design palette — space system + trust system combined
Gamification Design
Make safety feel like a game.
Because it has to.
You cannot lecture a nine-year-old into caring about online safety. You have to earn their attention — and then use every second of it intentionally.
Safety Topics — the mission areas
Bullying
Mission area
Online Safety
Mission area
Emergency Response
Mission area
Conflict Resolution
Mission area
Speaking Up
Mission area
Trusted Adults
Mission area
Points
Every completed interaction earns stars. Reading an article? Stars. Finishing a quiz with a perfect score? Bonus stars. The currency is visible everywhere so the incentive is never abstract.
Badges
Topic-specific badges unlock when a full safety module is complete. They’re designed to be displayed — visible on the student’s profile as social proof within their class.
Quizzes & Scenarios
Static content was banned. Every safety topic ends in an interactive scenario: “what would you do if…?”. Correct choices trigger a reward animation. Wrong ones explain why — gently.
Missions
Topics are framed as “missions” to complete rather than lessons to read. A progress rocket travels across the page as more content is unlocked. Every student is an astronaut.
Unlockable Content
Bonus content stays locked until adjacent topics are complete. This creates a pull mechanic — students can see what’s there, they just can’t access it yet. Curiosity does the rest.
Celebration Moments
Module completions are treated as events. Confetti, a star burst, a congratulations overlay. These moments were non-negotiable — without celebration, completion feels hollow.
User Research
Designing for three different users simultaneously.
The platform had to engage a distracted nine-year-old, feel credible to a self-conscious thirteen-year-old, and give a teacher something to show their principal.
Marcus, 9
The Explorer
Third grader who loves video games and anything with points, badges, and rewards. His attention span is short but his competitive streak is long. He needs to feel like he’s winning.
Goals
- Earn every badge on the platform
- Beat his friends’ scores
- Find out what’s behind the locked bonus content
Frustrations
- ✕Walls of text — he’ll click away in 4 seconds
- ✕No immediate feedback or reward
- ✕Anything that feels like homework
Aisha, 13
The Helper
Middle schooler who actually cares about her community and takes safety seriously, but would never admit it out loud. She uses the platform to help her younger siblings and shares resources on her school group chat.
Goals
- Understand how to handle unsafe situations
- Share resources without it feeling ‘cringe’
- Feel like she’s making an impact
Frustrations
- ✕Platforms that feel babyish
- ✕Preachy, lecture-y tone
- ✕No way to share or interact with friends
Coach Rivera
The Facilitator
PE teacher and after-school program coordinator at a Houston middle school. He uses Safe Space with his students as a structured activity and reports engagement numbers to his principal.
Goals
- Something students will actually engage with
- Easy to assign and track class-wide progress
- Curriculum-aligned safety content
Frustrations
- ✕Programs that require hours of setup
- ✕Engagement metrics he can’t share upward
- ✕Anything that looks like a 1990s worksheet
Design Process
Building the structure before the stars.
Every screen was wireframed at low fidelity first — proving the flow worked for a child before adding any of the visual magic.
Earned badges
Low-fidelity wireframes — flow and hierarchy validated before the space theme was applied
Design Principles
The rules that shaped every screen
The name came first
Before a single pixel was drawn, the name “Safe Space” existed. That name is what unlocked everything. Safe → protection → cosmos → outer space. The space metaphor wasn’t a theme we applied — it was a world that the name already lived in.
Children are not small adults
Every interaction was designed for a child’s mental model. Larger tap targets. Fewer words. Progress celebrated loudly. Iconography before labels. The design assumes no prior experience with anything — and rewards curiosity immediately.
Gamification with purpose
Points, badges, and streaks aren’t decoration. Each mechanic is tied directly to a learning outcome. You don’t earn a badge for visiting — you earn it for completing a safety topic. Motivation and education are the same loop.
Trust through brand alignment
Crime Stoppers of Houston’s red and yellow were deliberately present in the design. Institutional color anchors trust. Students (and parents) see the brand and understand this is a real, serious program — wrapped in a delightful experience.
Interactive over passive
Static content teaches nothing at this age. Every resource is wrapped in an interaction: a quiz, a drag-and-drop, a scenario choice. The platform asks “what would you do?” more than it says “here’s what to do.”
Celebrate completion loudly
Confetti. Stars. Sound. Animations on unlock. A child completing a safety module deserves a moment — and that moment reinforces the behavior. Delight is a design requirement, not a nice-to-have.
Impact
15,000 users.
One week.
15,000+
Users in Week 1
Organic sign-ups driven by school-level rollout and student word-of-mouth.
Launched
February 2026
From concept to deployed product — on time, on brief, and ready for Houston students.
100%
Child-safe by design
No third-party data collection. No dark patterns. No ads. Safety in the experience, not just the content.
See it in the wild
The live platform is out in Houston classrooms right now — explore it or get in touch to talk about your next mission.