Сверстал адаптивный сайт баскетбольного сообщества по дизайн-макету Figma: главную с афишей сообщества и лентой публикаций, страницы турниров с матч-центром, турнирные таблицы и статистику, расписание игр и личный кабинет игрока. Объём работы — более 120 страниц.
Баскетбольное сообщество: лента публикаций о баскетболе, турниры с матч-центром, рейтинги, организации и карта площадок. Заказчик подготовил дизайн-макет и большой объём внутренних страниц — адаптивно нужно было сверстать весь сайт, более 120 страниц, чтобы на готовой вёрстке собирать рабочее сообщество.
Сверстал сайт целиком: главную с афишей сообщества и лентой публикаций с табами по рубрикам, хронику публикаций, страницы турниров с матч-центром — видеоплеером, онлайн-табло по четвертям и игроками на площадке, — расписанием игр, турнирными таблицами и статистикой, а также личный кабинет игрока. Каждая страница одинаково работает от экрана смартфона до широкого десктопа.
Скриншоты демо-версии: главная с лентой публикаций, матч-центр турнира, расписание игр и мобильная версия. Полные страницы открываются по ссылкам в конце кейса.
Более 120 страниц по макету заказчика — от главной до личного кабинета игрока. Синяя тема с оранжевым акцентом, единая сетка от экрана смартфона до широкого десктопа.
Афиша сообщества с призывом вступить и лента публикаций с табами: новости, видео, статьи, интервью, события и турниры — с кнопкой «Загрузить ещё» для дозагрузки ленты.
Отдельная страница хроники: публикации сообщества собраны в хронологическом порядке — новости, видео и события клуба удобно читать в одном месте.
Страницы турниров с матч-центром: видеоплеер игры, онлайн-табло по четвертям, игроки на площадке и вкладки «Обзор игры», «Протокол» и «Карта бросков».
Турнирная таблица с группами, статистика лидеров турнира и расписание игр с фильтрами по командам, стадиям и турам и режимом «день за днём».
Страница личных данных игрока — профиль участника сообщества, предусмотренный макетом заказчика: основа для регистрации и карточек игроков.
Полный объём вёрстки: от главной с лентой публикаций до статистики турниров и личного кабинета игрока.
Каждая страница свёрстана и для десктопа, и для смартфона — мобильная версия главной показана в скриншотах кейса.
Синяя тема с оранжевым акцентом, карточки публикаций и матч-центр — вёрстка повторяет дизайн-макет заказчика и готова к интеграции с CMS.
В демо-версии открыты 8 типовых страниц — ссылки ниже.
После передачи проекта заказчику мы не контролируем сайт — он может быть изменён или вовсе отключён. Поэтому ниже собраны примеры типовых страниц на нашем хостинге: вёрстка в том виде, в каком она сдавалась заказчику.
Демо-версия размещена на demo.avoweb.net — страницы открываются без регистрации.
Пришлите дизайн-макет и расскажите про проект — сверстаю все страницы адаптивно, от первой до последней, готовые к интеграции с CMS. Коммерческое предложение — в течение 24 часов в рабочее время.
Получить предложениеКонсультация бесплатна и ни к чему не обязывает