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