SCP911

Expo Web security services platform with interactive plan builder, Stripe checkout, OpenAI-assisted content, and a Firebase admin console.

Client
SCP911
Role
Design & Full-Stack Development
Timeline
6 weeks
Year
2025
Category
Security Platform

Overview

SCP911 (Security Central Protection) is a Detroit security company’s Expo ~50 commerce site: system builder, packages, products, Stripe checkout, blog, support, admin. Firebase `security-central-protection`.

Why

Security Central Protection is a long-established Detroit security company that had no online payment path. Packages were one-size-fits-all; customers needed cameras + alarms + NVR + PoE as a system. SCP911 is a commerce site with a configurator so a quote is not a static PDF.

Relevant to any hardware dealer moving online. Stripe checkout and a Firebase admin are how staff change prices without a developer.

The challenge

A long-established Detroit security company had no online payments, a rigid service list, and a site that could not configure packages.

What made it hard

  • No online payment path for a long-established security company.
  • Packages were one-size-fits-all; customers needed cameras + alarms + NVR + PoE as a system.
  • Staff needed admin without a developer for every price change.

Approach

Interactive builder (Alarms → Deterrence → Cameras → Virtual Guard/HALO → NVR → PoE) plus packaged SKUs and à-la-carte cart. Stripe checkout, SendGrid, OpenAI in deps for content assistance.

Process

  • Catalog: Packages and products that match how security is actually sold.
  • Builder: Guided system configuration.
  • Checkout + admin: Stripe and a role-based console.

What we built

  • System builder: Multi-category configurator instead of a static PDF quote.
  • Packages + products: Curated bundles and à-la-carte catalog.
  • Stripe checkout: Self-serve payment for a company that previously could not take the card online.
  • Admin: Plans, content, and operations on Firebase.

How it was built

Expo ~50 / React Router web on Firebase `security-central-protection`. Interactive builder: Alarms → Deterrence → Cameras → Virtual Guard/HALO → NVR → PoE, plus packaged SKUs and à-la-carte cart. Stripe checkout, SendGrid, OpenAI in deps for content assistance.

Role-based admin for plans, content, and operations.

Stack

  • Expo ~50 / RN Web: React Router web app
  • Firebase: security-central-protection
  • Stripe: Checkout
  • SendGrid: Transactional mail

Outcomes

  • Builder: Alarms → cameras → NVR → PoE
  • Stripe: Online checkout
  • Admin: Firebase console
  • Admin: Firebase console

Wins

  • Interactive system builder instead of a PDF quote.
  • Packages plus à-la-carte catalog.
  • Stripe self-serve checkout for a company that could not take the card online.
  • Firebase admin for plans, prices, and announcements.

Hard parts

  • No online pay: A long-established company with no card path. Checkout was the missing sales channel.
  • Systems, not SKUs: Cameras, alarms, NVR, and PoE are sold together. The builder had to match how security is actually quoted.
  • Staff ownership: Price and plan changes needed admin, not a deploy.

Services

  • Expo Web + React Native Web
  • Firebase Auth, Firestore & Admin
  • Stripe Checkout Integration
  • Interactive Security Plan Builder
  • OpenAI-Assisted Content Tools
  • Role-Based Admin Dashboard

More case studies · Get a free development plan