Magic Store Антон Мишин
Эта работа
в других
номинациях
UX, UI & Journey Design
Задача проекта
Создать интернет-магазин коллекционных игральных карточек Magic: The Gathering для российского рынка, разработать удобную кастомную систему фильтров для более чем 500 000 карт из 600 разных сетов
Идеи и решения
Первая сложность состояла в том, что каждая из нескольких сотен тысяч карточек, выпущенных за 18 лет существования игры, обладают набором характеристик: язык (карточки выпускаются на 11 языках), сила (мана), сет, цена на бирже, художник-автор иллюстрации и т.д. Все эти данные мы подтянули через API из внешней фан-базы, используя в качестве идентификатора каждой карточки ее номер и сет. Некоторые параметры не вызывали проблем при отражении в интернет-магазине, а некоторые нужно было прорабатывать отдельно. Так, примерные цены, которые заказчик не смог бы выставить вручную для всех экземпляров, формируются автоматически исходя из биржевых цен на карточки на английском языке (на карточки других языков цен, в основном, нет в базе). С другой стороны возникла проблема грамотного отражения этих параметров в каталоге и настройке удобных кастомных фильтров, подходящих специально для фанатов и коллекционеров. Важно было помнить, кто наши юзеры. Например, им часто все равно, на каком языке и в каком издании напечатана эта карта. Поэтому нам пришлось писать миддлвейр, который собирает из отдельных карт некую общую «метакарту» и показывает ее в магазине одну, но с разными параметрами внутри, давая дальше добраться до конкретной «физической» карты. С другой стороны, помимо подтянутых через API параметров, у нас были и свои, связанные с фактическим состоянием продукта: «новая», «почти новая», «уже играли» и т.д. В этом плане каталог и поиск был полностью сформирован под специфические потребности игроков Magic. Мы также старались визуализировать поисковые параметры. Например, картинки фольгированных карточек отражаются в поиске и на странице самой карточки с характерным для нее отблеском. Дизайн был также разработан с учетом потенциальной аудитории — использование художественных образов и артов с карточек, динамичный паттерн четырехконечной звезды в разных частях интерфейса — все это создает привлекательный образ сервиса
