Редизайн сайта IGM.GG для геймеров
Сделали редизайн интернет-магазина для геймеров IGM.GG и повысили прямой трафик +192%
Кто наш заказчик
IGM.GG — интернет-магазин от самого крупного игрового сообщества на просторах СНГ с 4+ млн подписчиков в VK.
Что нужно было сделать
Совместно с разработчиками из IT-компании KTS приступили к работе. Нашей целью было улучшить опыт пользователей интернет-магазина, упростить механику покупки игровых ключей, повысить лояльность аудитории и мотивировать к новым покупкам — всё с помощью дизайна с нашей стороны. Заказчику было важно сохранить тёмную тему и красные акцентные блоки из первой версии сайта, а в части механик и оформления мы были абсолютно свободны.
Геймерам — геймерский дизайн
Что ассоциируется с геймингом в первую очередь? Нет, не светодиодная подсветка, навороченные кресла и наушники с гарнитурами — это всё частности. То, что объединяет всех геймеров независимо от уровня, — это экран запуска, который видит каждый. При разработке концепции мы взяли за основу интерфейс консоли: с плитками, подвижными элементами и градиентными цветами, от одного вида которых появляется предвкушение захватывающей игры.
Проработка библиотеки UI-компонентов
Каждый элемент типографики, цветов, иконок, кнопок, селектов и других UI-компонентов был тщательно проработан для дальнейшего масштабирования площадки. Мы распределили компоненты по группам: фильтры, комментарии, кнопки и другие элементы интерфейса. Выполнили их в единой стилистике, заданной концептом. Основным графическим решением стала плитка из 12 колонок. Это сочетание можно компоновать сразу в нескольких вариантах: по 2, 3, 4 или 6 колонок на одном экране. Благодаря этому мы получили динамичный дизайн главной страницы и подборок.
Сделали покупку игры событием
В наш век e-commerce стало так легко делать покупки, что это уже не вызывает никаких эмоций. Просто подтверждаем покупку, получаем пуш о списании и чек — всё. Мы решили сделать отсылку к аналоговой эпохе и временам, когда ты трясущимися руками открываешь коробку с диском в первый раз. Сделали это через проработку анимаций.
Ачивки для пользователей
Мы добавили геймификацию в процесс покупки. Теперь за купленные игры и активность на сайте пользователь получает ачивки, которые отображаются в его профиле в виде коллекционных карточек. Уникальность карточек подчеркивается изящной анимацией, создающей особое ощущение их ценности.
Как мы делали адаптивный дизайн
Каждый макет создали в трех брейкпоинтах, отрисовали все состояния каждого интерактивного элемента, показали примеры анимаций и поведения при скролле.
Результат проекта
У нас получился яркий сайт, который сочетает в себе актуальный дизайн и отсылки ко временам, когда игровая индустрия только завоевывала наши сердца и умы. Но самое главное: редизайн позволил IGM.GG достичь своих бизнес-целей. Выручка продукта выросла в 1,5 раза с момента запуска новой версии сайта, а глубина просмотра выросла на 30%. Пользователи проводили на 23% больше времени на новой версии сайта, чем на предыдущей, а просмотры страниц выросли на 126%.
