Как эмоции в дизайне принесли IGM.GG +126% просмотров и увеличили выручку в 1.5 раза
В мире диджитал-платформ, где всё решается в пару кликов, дизайн перестал быть просто «красивой картинкой». Он стал движком, который влияет на поведение пользователей и на выручку.
Недавний совместный проект Mish и IT-компании KTS по редизайну интернет-магазина IGM.GG показал, как грамотный подход к UX/UI может кардинально изменить бизнес-показатели.
Дизайн, который говорит на языке аудитории
IGM.GG — это не просто интернет-магазин, а часть крупнейшего игрового сообщества СНГ с аудиторией более 4 миллионов подписчиков ВКонтакте.
Заказчик хотел не только обновить дизайн, сохранив фирменную тёмную тему и красные акцентные блоки, но и радикально улучшить пользовательский опыт. Совместно с разработчиками из KTS мы взялись за дело.
Ключевые цели проекта включали:
- Улучшение пользовательского опыта.
- Упрощение механики покупки.
- Повышение лояльности аудитории.
- Стимулирование повторных покупок.
Погружение в культуру геймеров
Что делает гейминг незабываемым? Это не только графика, механика, сюжет, но и то предвкушение, которое возникает при запуске игры. Мы решили воплотить это в дизайне IGM.GG, взяв за основу интерфейс игровой консоли.
Забудьте о стандартных e-commerce шаблонах — у нас плитки с играми оживают подвижными элементами и градиентными цветами, вызывая ассоциации с экраном запуска PS или Xbox. Тёмная тема усиливает атмосферу ночных залипаний в игры, а красные акценты добавляют адреналина, как вспышки в бою. Это решение, которое говорит с аудиторией на одном языке.
Этот подход не случаен: он объединяет геймеров всех уровней. Новичок увидит интуитивный каталог, а ветеран — отсылки к классике. Мы проработали каждую деталь, чтобы сайт не просто продавал, а погружал в мир игр.
Выбранная нами концепция базировалась на трёх принципах:
- Узнаваемость — использование элементов, ассоциирующихся с игровым процессом.
- Функциональность — упрощение пути к покупке.
- Эмоциональность — создание особых переживаний при взаимодействии с сайтом.
Особое внимание мы уделили созданию комплексной библиотеки UI-компонентов. Каждый элемент — от типографики до кнопок — разрабатывался с учётом дальнейшего масштабирования платформы.
Основой архитектуры стала гибкая сетка из 12 колонок, позволяющая создавать различные комбинации контента (2, 3, 4 или 6 колонок на экране). Это решение обеспечило динамичность дизайна и возможность эффективно представлять разнообразный контент.
Так же этот подход обеспечил единый визуальный язык, ускорил создание страниц, упростил внесение изменений и сделал интерфейс адаптивным для любых устройств.
Эмоциональный дизайн, возвращение к истокам
В эпоху мгновенных цифровых покупок мы решили вернуть процессу приобретения игр эмоциональную составляющую. Через продуманные анимации воссоздали ощущение открытия коробки с игрой — тот трепет, который испытывали геймеры в эру физических носителей.
Этот подход превратил обычную транзакцию в событие, что значительно повысило вовлечённость пользователей.
Геймификация как инструмент лояльности
Чтобы пользователь не просто купил, а захотел вернуться, мы внедрили элементы геймификации.
Покупка стала похожа на мини-квест: экран откликается на клики, а оформление заказа — это апгрейд персонажа.
Микроанимации создают ощущение обратной связи и формируют привычку взаимодействовать с интерфейсом снова и снова. И да, метрики всё это подтвердили — пользователи проводят на сайте больше времени, а конверсия выросла.
UI как игровой движок
Для IGM.GG мы создавали не просто сайт, а систему, где визуальные решения работают, как движок в игре. Библиотека UI-компонентов позволяет масштабировать продукт без потери логики и визуала, быстро собирать новые страницы и адаптировать их под акции.
Для команды клиента это как чит-код: больше не нужно собирать интерфейс с нуля.
Игра в командном режиме
Команда Mish и разработчики из KTS вместе создали не просто витрину, а цифровой мир, где UX и UI подчиняются законам геймплея. Здесь каждая кнопка — не просто элемент интерфейса, а триггер эмоций.
IGM.GG доказал: e-commerce может множить продажи не скидками, а впечатлением. Mish и KTS показали, что онлайн-покупка способна стать маленьким приключением. На IGM.GG всё двигается, реагирует, живёт — и у пользователя появляется то самое «вау». Потому что хороший дизайн это не про пиксели. Это про эмоции, которые остаются после клика.