MyGatePass

Overview

MyGatePass is a visitor and gate-pass management platform for smart buildings and gated communities — replacing paper logbooks with digital passes, QR check-ins, and a real-time view of who's on site. I designed the product in Figma and built two React Native apps for iOS and Android: a resident app for registering, selecting a building, and requesting passes, and a guard app for logging entries and managing checkouts at the gate.

Challenge

Gate security at multi-building properties usually means a guard hand-writing visitor details on paper while residents get no visibility into who's been let in. The product needed two very different experiences — a fast, low-friction flow for a guard processing walk-ins, deliveries, and drive-ins back-to-back at the gate, and a simple registration and pass-request flow for residents — sharing the same underlying visit data.

Approach

1. 01

   Two apps, one flow

   Designed and built a resident app for registration, building selection, and pass requests, and a separate guard app for the gate — a guard displays a QR code at the entrance that a resident or visitor scans to verify and log the visit.

2. 02

   Fast entry logging for guards

   Built a streamlined flow for the guard to log a walk-in, drive-in, or delivery, scan a visitor's ID or QR code, and save the entry in a few taps.

3. 03

   Offline-first at the gate

   Designed the guard app to keep logging entries without connectivity, syncing automatically once the connection returns, so gate operations never stall.

4. 04

   Figma-to-React-Native design system

   Designed the full flow in Figma first, then built it as a shared React Native component system so both apps stayed visually consistent.

Development Highlights

• QR-based check-inGuards display a QR code at the gate; residents and visitors scan it in-app to verify identity and log entry.
• Multi-building supportResidents select their building and security gate, with support for switching between registered properties.
• ID verification onboardingRegistration flow collects personal details and ID images to create a verified account.
• Offline-first guard appEntries keep logging without a connection and sync automatically once the gate is back online.

Two purpose-built React Native apps sharing one visit record — fast enough for a guard processing back-to-back entries, simple enough for a resident requesting a pass in seconds.

Outcome

MyGatePass has processed 150,000+ visitor entries in production, with roughly 20% of visits now pre-registered via QR code ahead of arrival — cutting the time a guard spends on each entry and giving residents a paperless way to manage who's coming onto their property.