Сайт игровой платформы Counter-Strike 2: кейс DaVinci Media
Для DaVinci Media мы сделали платформу для игроков Counter-Strike 2: турниры, чемпионаты, личный кабинет, магазин игровых предметов и видео. Дизайн и разработку выполнили сами, на чистом коде, на выделенном сервере.
8 месяцевот первого макета до готовой платформы2 месяца дизайн, 6 месяцев разработка
чистый кодвыделенный сервербез конструкторов и готовых шаблонов
Факты о проекте
- Срок
- 8 месяцевдизайн 2 · разработка 6
- Тип проекта
- Платформа с личным кабинетом, 2026
- Ниша
- Игровая платформаCounter-Strike 2
- Состав
- Дизайн, разработкачистый код, выделенный сервер
DaVinci Media создаёт платформу для игроков Counter-Strike 2: цифровую арену с регулярными турнирами. Мы сделали для неё всё: дизайн, разработку, личный кабинет, турниры и чемпионаты, статистику, магазин игровых предметов и видеораздел. 2026 год, срок 8 месяцев: два на дизайн и шесть на разработку.
Задача клиента
Нужен был один сайт, где игрок входит в свой аккаунт, записывается на турниры и чемпионаты, смотрит статистику, покупает игровые предметы и смотрит видео.
- Вход через Steam и личный кабинет: профиль, баланс в рублях и в игровой валюте.
- Команды и капитаны: создание команды, состав, приглашения, управление.
- Турниры с призовыми фондами и чемпионаты: список, карточки, участие.
- Статистика игроков и рейтинг «Топ-50».
- Магазин игровых предметов: каталог, фильтры, карточка предмета, корзина.
- Видеораздел.
- Единый тёмный стиль и набор готовых элементов, чтобы платформа росла без разнобоя.
Что мы сделали
- Спроектировали структуруПубличная часть и личный кабинет игрока.
- Нарисовали главнуюГлавный экран, ближайшие турниры, доступные игры, магазин, статистика, видео, вопросы и ответы.
- Сделали страницу «Доступные игры»Карточки игр с названием карты, числом игроков и кнопкой подключения.
- Нарисовали раздел турнировСписок со временем начала, призовым фондом и кнопкой участия, турнирная сетка, история игр.
- Сделали статистикуРейтинг «Топ-50», строки игроков, приглашение игрока в команду.
- Нарисовали магазин игровых предметовКаталог с фильтрами, карточка предмета, корзина.
- Сделали личный кабинетВход через Steam, профиль, баланс в рублях и в игровой валюте, меню разделов, уведомления.
- Сделали команды и капитановСостав, приглашения, управление командой, назначение капитана.
- Сделали видеоразделБольшой плеер, список роликов, вкладки по темам.
- Собрали UI-kitКнопки, поля, переключатели, фильтры, карточки, всплывающие окна, шапка и подвал.
- Придумали градацию редкостиРамка и свечение карточки меняют цвет от обычного предмета к самому редкому.
- Написали код и развернули проектЧистый код без конструкторов, выделенный сервер.
Масштаб проекта
Это не сайт-визитка, а платформа из нескольких больших частей, связанных между собой. Вход идёт через Steam, баланс и покупки привязаны к профилю игрока, а команда собирается вокруг капитана.
- Турниры и чемпионатыСписок, карточки, призовые фонды, участие команд, турнирная сетка, история игр.
- Команды и капитаныСоздание команды, состав, приглашения по имени или ID, назначение капитана.
- Личный кабинетВход через Steam, профиль, меню разделов, календарь, уведомления.
- БалансРубли и игровая валюта рядом, в шапке кабинета, на каждой странице.
- Магазин игровых предметовКаталог с фильтрами, карточка предмета, корзина.
- СтатистикаРейтинг «Топ-50», личная статистика игрока, победы в турнирах.
- ВидеоразделБольшой плеер и список роликов с переключением по темам.
- Единый набор элементовКнопки, фильтры, карточки и окна собраны в UI-kit, чтобы разделы выглядели одинаково.
Мы сделали всё сами: дизайн занял два месяца, разработка шесть. Код написан вручную, без конструкторов и готовых шаблонов, проект развёрнут на выделенном сервере.
По оценке студии, это один из немногих проектов такого уровня в России: так много связанных разделов в одной платформе делают редко.
- Чистый кодбез конструкторов и готовых шаблонов
- Выделенный серверпроект развёрнут на отдельном сервере
- 8 месяцевдизайн 2, разработка 6
Стиль: цвета, шрифты, настроение
Игровое и собранное настроение: графитовый тёмный фон с размытыми изображениями бойцов, чёткие строки и карточки, много данных на экране, но читаются они легко. Зелёный ведёт к действию, оранжевый выделяет числа и акценты.
- #191919Графитовый: фон страниц
- #1D2025Тёмно-серый: панели и карточки
- #56EB15Яркий зелёный: действия и положительные значения
- #0F4D0FТёмно-зелёный: заливка кнопок
- #F2870CОранжевый: числа, суммы, акценты в заголовках
- #D03030Красный: удаление, выход, отмена
Узкий плотный шрифт без засечек, прописными буквами: помещает много слов в строку и выглядит жёстко.
Спокойный шрифт на тёмном фоне: строки рейтинга и подписи читаются даже мелко.
Набор готовых элементов (UI-kit)
Градация редкости
У каждой карточки предмета своя рамка и свечение снизу. Цвет идёт от серого и синего к фиолетовому, пурпурному, красному и золотому: игрок сразу понимает, насколько предмет редкий, не читая текст.
- Обычный: серый
- Стальной синий
- Синий
- Индиго
- Пурпурный
- Красный
- Золотой: самый редкий
Платформа на экранах: публичная часть и личный кабинет
Страницы нарисованы в одном стиле: публичная часть для всех посетителей и личный кабинет игрока после входа. Ники игроков, суммы призов и цены закрыты: макеты показывают устройство экранов.
Публичная часть
Личный кабинет
Что нарисовано
- Главная
- Доступные игры
- Турниры
- Турнирная сетка
- Статистика
- Магазин и корзина
- Карточка предмета
- Видеораздел
- Профиль
- Команда и капитан
- Уведомления
- Баланс
- Окна и подтверждения
- UI-kit
Что получил клиент
У DaVinci Media появилась игровая платформа для Counter-Strike 2: турниры и чемпионаты, личный кабинет игрока, команды, магазин игровых предметов, статистика и видеораздел.
- Сайт готов и запущенПлатформа сделана целиком: дизайн, код и развёртывание на выделенном сервере.
- Турниры и командыИгроки собирают команды вокруг капитана и участвуют в турнирах и чемпионатах.
- Кабинет и балансВход через Steam, профиль, баланс в рублях и в игровой валюте.
- Магазин и видеоКаталог игровых предметов с корзиной, статистика и видеораздел.
Срок и этапы
8 месяцев от первого макета до готовой платформы
Комментарий студии
Это один из самых больших проектов в нашем портфолио: много разделов, которые работают вместе, и всё на чистом коде. Мы сначала собрали единый набор элементов и стиль, а потом строили на нём остальные экраны, чтобы такая большая платформа не превратилась в набор разных страниц.
GreenOakвеб-студия
Нужна платформа или сложный сайт со своей логикой?
Расскажите, что должно быть на сайте: личный кабинет, оплата, каталог, роли пользователей, интеграции. Скажем, что можно сделать, за какой срок и сколько это стоит.
- Срок
- 8 месяцев
- Тип
- Платформа с кабинетом
- Состав
- Дизайн, разработка, чистый код
- Год
- 2026
Обсудить проект
Опишите задачу в двух-трёх фразах. Ответим и предложим варианты.
Понравился проект? Хочу такой же сайт: виды сайтов и цены · Другие примеры работ