small_Семин Евгений.png

thumbnail_Семин Евгений.png

Семин Евгений.png

large_background profile (3).png

medium_background profile (3).png

small_background profile (3).png

thumbnail_background profile (3).png

background profile (3).png

Семин Евгений

UI/UX

Product Design

VideoCover.webm

Сделали редизайн интернет-магазина для геймеров IGM.GG и повысили прямой трафик +192%

<div>
<h3>Кто наш заказчик</h3>
<p>IGM.GG&nbsp;&mdash; интернет-магазин от&nbsp;самого крупного игрового сообщества на&nbsp;просторах СНГ с&nbsp;4+&nbsp;млн подписчиков в&nbsp;VK.</p>
</div>

<video
src="/uploads/1_0fe85b136f.webm"
loop
autoplay
muted
playsinline></video>

<div>
<h3>Что нужно было сделать</h3>
<p>Совместно с&nbsp;разработчиками из&nbsp;IT-компании KTS приступили к&nbsp;работе. Нашей целью было улучшить опыт пользователей интернет-магазина, упростить механику покупки игровых ключей, повысить лояльность аудитории и&nbsp;мотивировать к&nbsp;новым покупкам&nbsp;&mdash; всё&nbsp;с&nbsp;помощью дизайна с&nbsp;нашей стороны. Заказчику было важно сохранить тёмную тему и&nbsp;красные акцентные блоки из&nbsp;первой версии сайта, а&nbsp;в&nbsp;части механик и&nbsp;оформления мы&nbsp;были абсолютно свободны.</p>
</div>

<img src="/uploads/2_5dddb39e48.webp"> 

<div>
<h3>Геймерам&nbsp;&mdash; геймерский дизайн</h3>
<p>Что ассоциируется с&nbsp;геймингом в&nbsp;первую очередь? Нет, не&nbsp;светодиодная подсветка, навороченные кресла и&nbsp;наушники с&nbsp;гарнитурами&nbsp;&mdash; это всё частности. То,&nbsp;что&nbsp;объединяет всех геймеров независимо от&nbsp;уровня,&nbsp;&mdash;&nbsp;это&nbsp;экран запуска, который видит каждый. При разработке концепции мы&nbsp;взяли за&nbsp;основу интерфейс консоли: с&nbsp;плитками, подвижными элементами и&nbsp;градиентными цветами, от&nbsp;одного вида которых появляется предвкушение захватывающей игры.</p>
</div>

<video
src="/uploads/3_3ed10833a0.webm"
loop
autoplay
muted
playsinline></video>

<div>
<h3>Проработка библиотеки UI-компонентов</h3>
<p>Каждый элемент типографики, цветов, иконок, кнопок, селектов и&nbsp;других UI-компонентов был тщательно проработан для дальнейшего масштабирования площадки. Мы&nbsp;распределили компоненты по&nbsp;группам: фильтры, комментарии, кнопки и&nbsp;другие элементы интерфейса. Выполнили их&nbsp;в&nbsp;единой стилистике, заданной концептом. Основным графическим решением стала плитка из&nbsp;12&nbsp;колонок. Это сочетание можно компоновать сразу в&nbsp;нескольких вариантах: по&nbsp;2, 3, 4&nbsp;или 6&nbsp;колонок на&nbsp;одном экране. Благодаря этому мы&nbsp;получили динамичный дизайн главной страницы и&nbsp;подборок.</p>
</div>

<video
src="/uploads/4_ee6459127c.webm"
loop
autoplay
muted
playsinline></video>

<div>
<h3>Сделали покупку игры событием</h3>
<p>В&nbsp;наш век e-commerce стало так легко делать покупки, что это уже не&nbsp;вызывает никаких эмоций. Просто подтверждаем покупку, получаем пуш о&nbsp;списании и&nbsp;чек&nbsp;&mdash; всё. Мы&nbsp;решили сделать отсылку к&nbsp;аналоговой эпохе и&nbsp;временам, когда ты&nbsp;трясущимися руками открываешь коробку с&nbsp;диском в&nbsp;первый раз. Сделали это через проработку анимаций.</p>
</div>

<video
src="/uploads/5_1e42625209.webm"
loop
autoplay
muted
playsinline></video>

<div>
<h3>Ачивки для пользователей</h3>
<p>Мы&nbsp;добавили геймификацию в&nbsp;процесс покупки. Теперь за&nbsp;купленные игры и&nbsp;активность на&nbsp;сайте пользователь получает ачивки, которые отображаются в&nbsp;его профиле в&nbsp;виде коллекционных карточек. Уникальность карточек подчеркивается изящной анимацией, создающей особое ощущение их&nbsp;ценности.</p>
</div>

<video
src="/uploads/7_b51f4e215f.webm"
loop
autoplay
muted
playsinline></video>

<img src="/uploads/8_41256a9e8d.webp"> 

<div>
<h3>Как мы&nbsp;делали адаптивный дизайн</h3>
<p>Каждый макет создали в&nbsp;трех брейкпоинтах, отрисовали все состояния каждого интерактивного элемента, показали примеры анимаций и&nbsp;поведения при скролле.</p>
</div>

<img src="/uploads/9_88d1e55962.webp"> 

<div>
<h3>Результат проекта</h3>
<p>У&nbsp;нас получился яркий сайт, который сочетает в&nbsp;себе актуальный дизайн и&nbsp;отсылки ко&nbsp;временам, когда игровая индустрия только завоевывала наши сердца и&nbsp;умы. Но&nbsp;самое главное: редизайн позволил IGM.GG достичь своих бизнес-целей. Выручка продукта выросла в&nbsp;1,5 раза с&nbsp;момента запуска новой версии сайта, а&nbsp;глубина просмотра выросла на&nbsp;30%. Пользователи проводили на&nbsp;23% больше времени на&nbsp;новой версии сайта, чем на&nbsp;предыдущей, а&nbsp;просмотры страниц выросли на&nbsp;126%.</p>
</div>

<img src="/uploads/10_b5dc1a0142.webp"> 

<video
src="/uploads/6_ae4206df72.webm"
loop
autoplay
muted
playsinline></video>

<img src="/uploads/12_6c64cf3db7.webp"> 


Семин Евгений

Бриф сам себя не заполнит

hello@mish.design

Москва

Нижний Новгород