← Назад к проектам
🎮 Booking · Cyber Design

DiBro Cyber Club

Мобильное приложение для бронирования мест в компьютерном клубе. Guest mode, 4 зоны, 6 тарифов, автоматический подбор выгодного пакета.

50 компьютеров
6 тарифов
4 зоны

Guest Mode — можно смотреть без регистрации

Зачем это нужно?

Маркетинговая находка: пользователь может увидеть клуб ДО регистрации.

  • Открыть приложение → сразу видна карта клуба с 50 ПК
  • Посмотреть статусы → свободно / занято / забронировано
  • Открыть карточку ПК → характеристики, цена, зона
  • При попытке забронировать → перенаправление на регистрацию

Это показывает уверенность в продукте и снижает барьер входа для новых клиентов.

4 зоны клуба, 50 компьютеров

1

Standard Zone (15 ПК)

Цена: 900₸/час (будни) / 1000₸/час (выходные)
Железо: Intel Core i7, RTX 5060 Ti, 32GB RAM, 540 Гц монитор
Стандартные места для комфортной игры.

2

Bootcamp Zone (15 ПК)

Цена: 1200₸/час (будни) / 1300₸/час (выходные)
Улучшенная конфигурация для более требовательных игр.

3

VIP/Smoke Zone (12 ПК)

Цена: 1500₸/час (будни) / 1600₸/час (выходные)
Железо: Intel Core i9
Premium зона с возможностью курения.

4

Trio/PUBG Zone (8 ПК)

Цена: 2600₸/час (будни) / 2800₸/час (выходные)
Железо: Intel Core i9-14900K, Logitech G Pro мышь и наушники
Топовое оборудование для профессионалов и киберспортсменов.

Умная система тарификации

Приложение автоматически подбирает самый выгодный пакет для пользователя.

Почасовая оплата

Почасовая оплата

Гибкая оплата за фактическое время. Цена зависит от зоны и дня недели (будни/выходные).

2+1 Популярный

2+1 (Популярный)

Плати за 2 часа, играй 3 часа
Выделен голубой обводкой и тенью. Автоматически предлагается при выборе 3 часов.

3+2

3+2

Плати за 3 часа, играй 5 часов
Автоматически предлагается при выборе 5 часов.

Утро

Утро (08:00 - 13:00)

Фиксированное время, 5 часов по специальной утренней цене.

День

День (10:00 - 18:00)

Фиксированное время, 8 часов дневного тарифа.

Ночь

Ночь (22:00 - 08:00)

10 часов по ночному тарифу (Популярный)
Выделен голубой обводкой. Идеально для киберспортсменов и ночных игроков.

Как работает автоматический подбор

  • Пользователь выбирает время начала и конца
  • Система анализирует: количество часов, день недели, переход через полночь
  • Автоматически предлагает самый выгодный пакет с подсветкой экономии
  • Пользователь видит: "Выгоднее взять пакет 2+1 — сэкономите 900₸"

UX-забота о клиенте: не нужно думать, система сама предлагает выгоду.

Два режима бронирования

A

Одиночное бронирование

Нажать на карточку ПК → открывается модальное окно с характеристиками → выбор тарифа и времени → мгновенное бронирование.

B

Мультивыбор (для компаний)

Кнопка "🎮 Несколько мест" → выбрать несколько ПК (синяя обводка + чекмарк) → нижняя панель с кнопкой "Продолжить (N)" → единовременное бронирование всех мест.

Cyber/Gaming дизайн

Темная тема с неоновыми акцентами — погружение в киберспортивную атмосферу.

Цветовая схема

Цветовая схема

Primary: #00D9FF (cyan neon)
Accent: #FF006E (pink neon)
Background: #0A0E27 → #151B3B (dark blue)
Статусы: 🟢 свободен / 🔴 занят / 🟡 забронирован

Анимированный Header

Анимированный Header

Логотип уменьшается при скролле (70px → 50px). Текст "CYBER" и "CLUB" расходятся горизонтально. Высота header: 200px → 110px. Плавные интерполяции.

Карточки ПК

Карточки ПК

Цветная обводка по статусу (2px). Dot индикатор в правом верхнем углу. Для выбранных — синяя обводка (3px).

12 уникальных персонажей

12 уникальных персонажей

Вместо стандартных аватаров: tungtung, cappucino, bananini, cactus, catfish, crocodilo, golubiro, gusini, ninja, patapim, tralalelo, tropa.

Технологии

Framework

React Native 0.81 Expo SDK ~54 TypeScript ~5.9

Навигация

React Navigation v7 Native Stack Bottom Tabs

State Management

Context API AuthContext

UI/UX

Animated API Custom Components Expo Image Picker

Что получил клиент

Удобное бронирование

Удобное бронирование

Клиенты видят свободные места в реальном времени, бронируют за минуту прямо из приложения.

Умная тарификация

Умная тарификация

Автоматический подбор выгодного пакета. Клиент видит экономию, выбирает лучшее предложение.

Cyber-атмосфера

Cyber-атмосфера

Дизайн погружает в киберспортивную среду — неоновые акценты, анимации, стильные персонажи.

Статистика

Статистика

Владелец видит загрузку клуба, популярные зоны, может планировать загрузку и акции.

Демонстрация на разных устройствах

React Native приложение в действии: Guest Mode, карта клуба с 50 ПК, система бронирования.

Тарифы и настройки
Зоны и характеристики

Нужно приложение для бронирования?

Могу сделать для PC клуба, коворкинга, конференц-залов, фотостудий.