Рулетки, открытие кейсов

Верстка сайта DOTA2REAL скины Dota 2

Верстка сайта DOTA2REAL скины Dota 2
Дизайн:
DiditalNox
Вид работ:
Верстка с адаптацией под мобильные устройства
Красивый макет с множеством графических элементов и интересных дизайнерских решений от DiditalNox. Рабочая область занимает все доступное пространство и такие сайты требуют особенного подхода при адаптации под мобильные устройства.

Под каждый кейс были реализованы уникальные анимации при помощи css animation. Пример:


Были сверстаны 2 вида рулеток. Первая рулетка для кейсов:

Рулетка кейсовВыиграный кейс
Вторая рулетка для свитков:


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

Предметы в профиле
Боковая панель с трансляциями:


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


Апгрейд предмета:

Upgrade


Более детально элементы сайта и взаимодействие с пользователем можно увидеть на видео: