● Live
Union Team — сайт игрового сообщества Garry's Mod
Портал Union Team: онлайн-статус 9 серверов (SCP-RP, HL2RP), авторизация, пополнение баланса, форум, пошаговый старт игры в Garry's Mod.
О проекте
Сайт игрового проекта Union Team — сеть серверов Garry's Mod (SCP-RP, HL2RP, DarkRP и др.). [unionteams.ru](https://unionteams.ru/)
Задача
- Презентовать бренд Union Team и привлечь игроков на серверы
- Показать онлайн в реальном времени (игроки, количество серверов)
- Упростить вход: авторизация, кнопка Play, инструкция «купи GMod → выбери сервер»
- Дать доступ к сервисам: список серверов, форум, пополнение баланса
- Обеспечить стабильную работу под нагрузкой (DDoS-защита)
Решение
Современный тёмный лендинг с hero: логотип, навигация (Главная, Сервера, Сервисы, Форум, Пополнить баланс), Авторизация, счётчик «Игроков: N», кнопка Play и «9 серверов».
Блоки «Почему мы?» (механики, кастомный UI и модели), слайдер скриншотов геймплея, два шага старта со ссылкой на Steam и раздел серверов. Cookie-баннер с настройками.
Что делал
- Структура и UX портала сообщества
- Hero с live-статистикой и CTA Play
- Блок онбординга новых игроков
- Интеграция авторизации и баланса
- Адаптивная вёрстка, cookie consent, DDoS-защита
Стек технологий
| Слой | Технологии |
|---|---|
| Frontend | Адаптивная вёрстка, слайдеры, тёмная тема |
| Backend | Авторизация, статистика серверов |
| Инфра | Nginx, DDoS protection |
| Игры | Garry's Mod, SCP-RP, HL2RP |
Ключевые фичи
- Онлайн игроков и список 9 серверов
- Авторизация и пополнение баланса
- Разделы Сервера / Сервисы / Форум
- Пошаговый старт для новичков (Steam + сервер)
- Галерея геймплея
- Cookie consent
Результат
- Рабочий сайт [unionteams.ru](https://unionteams.ru/)
- Единая точка входа в экосистему Union Team
- Понятный путь от сайта до подключения к серверу
- Готовность к росту онлайна и рекламы
HTML/CSSJavaScriptNginxDDoS protectionадаптивcookie consent
#Веб#Garry's Mod#игровое сообщество#SCP-RP#HL2RP#серверы#авторизация#адаптив#gaming