Найти тему
Croco. Agency

Создание сайта для киберспортивной площадки

Полная web-разработка сайта, посвященного игровым турнирам

Делаем сайт с игровой тематикой. Дизайн в стиле Half-Life и акцент на киберспортивные турниры.

О ПРОДУКТЕ:

Adrenaline Gamer (далее AG) - это многопользовательский мод для Half-Life, предназначенный для киберспортивных соревнований. Некоторое время он составлял серьёзную конкуренцию Counter-Strike 1.6, и TEAM Fortress Classic. Если говорить более простым языком, то это своеобразная платформа, которая позволяет разным игрокам соревноваться между собой. Именно ей посвящен сайт заказчика.

ПОЖЕЛАНИЯ ЗАКАЗЧИКА:

В данном случае заказчик не захотел реализации сайта на платформе Tilda и настоял на другом движке, для которого нужно задействовать кодинг. Для реализации этого пожелания мы привлекли Frontend и Backend-разработчиков, которые отвечали за техническую часть.

Также от заказчика было пожелание оформить сайт именно в стилистике игры Half-Life и с посылом привлечения людей на турнир. Необходимы были следующие типы страниц:

  • Главная
  • Новости (+ страницы самих новостей)
  • Правила турнира
  • Контакты организаторов

ХОД РАБОТЫ:

Прежде всего мы сделали стартовую страницу в трех цветовых вариантах:

-2

В итоге заказчик выбрал первый вариант в красных тонах - он выглядит одновременно ярко и дерзко, вместе с тем намекая на традиционное оранжевое оформление игры Half-Life (оранжевый вариант показался заказчику слишком прямолинейным, а красный более адаптивен и не ограничивает сайт рамками одной игры).

На фоне - скриншоты из игр:

-3

Ниже находится кликабельное расписание турниров, по встроенной ссылке можно перейти в Discord и подключиться к участию, а также посмотреть результаты прошедших турниров и анонсы будущих:

-4

Контрастным цветом на страницах выделены важные акценты - например, результаты работы в цифрах:

-5

Или кнопка для регистрации:

-6

Также была создана страница новостей:

-7

И макеты страниц отдельных новостей, которые раскрываются при клике на заголовок:

-8

Оформлена страница с контактами:

-9

И страница с правилами турниров:

-10

ИТОГ:

У нас получился сайт, соответствующий стилистике киберспорта, который удобен в использовании и вмещает в себя всю необходимую информацию. Конечно, мы также адаптировали его под мобильные платформы и мониторы с небольшим разрешением. Нам удалось передать общий дух азарта и атмосферы состязаний, а в совокупности с легким переходом на регистрацию в турнире это ведет к увеличению количества участников - следовательно, сайт работает так, как и задумывалось.

Если вам понравился наш подход и вы хотите посотрудничать с нами напрямую, то добро пожаловать на наш сайт: www.crocobusiness.com