← Назад

Сайт · Баку

Bonx - Gaming

1 мин чтения

Игровой сайт: новости, расписание матчей, статистика, более 20 страниц. Плавные анимации, поддержка retina и кросс-браузерность.

01Зачем этот проект

Bonx - наш собственный демонстрационный проект, а не клиентская работа. Мы сделали его, чтобы показать, как студия работает с крупными многостраничными сайтами и насыщенным динамическим контентом: киберспорт удобен тем, что требует одновременно новостей, расписаний, статистики и профилей.

02Что внутри

  • Больше 20 HTML-страниц: главная, разделы матчей, страницы игр, блог, контакты и служебные страницы.
  • Главная собрана из живых блоков: игровые новости, ближайшие матчи с логотипами команд и ссылками на трансляции, статистика по стримам и командам, популярные игры, отзывы игроков.
  • Регистрация и точки входа для пользователя, блок контактов и социальных сетей.
  • Плавные анимации, поддержка retina-экранов и кросс-браузерность.

03Технологии и подход

Чистый HTML, CSS и JavaScript поверх Bootstrap 5, стили на SASS (SCSS), подгрузка данных через AJAX - так тяжёлая страница не перезагружается целиком. Код проверен по стандартам W3C. Проект отвечает на то, что обычно спрашивают клиенты с большим каталогом или медиа-разделом: как выдержать 20+ страниц в одной дизайн-системе и не потерять скорость. Собран в мае 2024 года.

Технологии

HTML/CSS/JSBootstrap 5SCSSAJAX