BeSigned · Studio System
000%
Compiling assetsLoading shaders
v0.1.0 · enterpriseNY · SF · AMS

[ Security · B2B / B2C · 2026 · Live ]

Pride

562 sites · 397 staff

Visit website
// PRIDE
Pride hero
Threat analyzer
Coverage radar
Pride mobile
01 / 04

↳ swipe or tap thumbnails

[ Overview ]

Pride is an operating private security firm based in Voronezh with presence in seven regions across central and southern Russia — 562 sites under protection, 397 staff. They had no site that reflected the actual level of work; stock templates positioned the brand below its category and lost the first-touch battle to federal players.

Client

Pride — Private Security Org

Duration

Ongoing

Sector

Security · B2B / B2C

Year

2026

Status

Live

[ The challenge ]

The brief.

Build a site that explains the tier from the first screen: premium security with real numbers, real geography, and a clear engagement procedure. No stock blue gradients, no fuzzy reliability copy.

[ The approach ]

How we shipped it.

  1. 01

    Visual language built on tactical HUD references — corner brackets, monospace technical captions, live telemetry. Counters for sites/staff don't sit static: they oscillate by ±1 every 1.8–6 seconds, soft-locked to target. Feels like a live system without visual noise.

  2. 02

    Three.js used surgically — only where it beats static. Holo-grid with dust in the hero, holo-core in the threat analyzer, top-down radar with four concentric rings and ping points for the coverage map.

  3. 03

    Interactive threat analyzer: three steps (site profile → risk vectors → geography) calculate a 0–10 score with color-coded severity, recommend a specific service, estimate response time and team size.

  4. 04

    Encrypted-style contact terminal — prefixed > markers in labels, monospace placeholders, four contact channels (Telegram / WhatsApp / MAX / phone), two-second "encryption" animation on submit.

[ Stack ]

Next.js 14TypeScriptThree.jsReact Three FiberFramer MotionTailwind CSS

[ Team ]

  • Engineering × 2
  • Design × 1

[ Results ]

What it moved.

01

13 sections

~30 React components, 3 separate Three.js scenes

02

5-second

read of brand tier from the first screen

03

Tactical

aesthetic positions one tier above the segment

[ See it live ]

Open Pride

v1-two-sigma.vercel.app