Goldfish — крупнейший в России каталог и магазин игральных карточек Magic: The Gathering

Главное о кейсе

После долгих доработок, оптимизации поисковых алгоритмов и фильтров нам удалось запустить кастомный интернет-магазин Goldfish, который прежде всего стал удобным сервисом для поиска актуальной информации и цен на все когда-либо выпущенные карточки, некоторые из которых можно купить в один клик. Такой подход обеспечил дополнительный трафик фанатов, которые прежде всего ищут актуальную информацию по карточка, а уже потом при случае их покупают.
Сервис разработан специально для фанатов Magic: The Gathering, здесь все сделано для удобства целевой аудитории. В этом его главное отличие от других интернет-магазинов, которые зачастую пытаются притянуть UX на стандартные витрины интернет-магазинов. Мы же пошли с другой стороны, и в итоге получился удобный кастомный сервис.
Больше всего времени мы потратили на точечную проработку проблем, возникших при поиске и фильтрации пересекающихся параметров. А сегодня сервис Goldfish уже помогает фанатам игры в России пополнять свои коллекции.

After many improvements, optimization of search algorithms and filters, we managed to launch a custom Goldfish online store, which first of all became a convenient service for finding up-to-date information and prices for all cards ever issued, some of which can be purchased in one click. This approach has provided additional traffic of fans who are primarily looking for up-to-date information on the cards, and only then, on occasion, do they buy them.
The service is designed specifically for fans of “Magic: The Gathering”, everything is done here for the convenience of the target audience. This is its main difference from other online stores, which often try to attract UX to standard storefronts of online stores. We went from the other side, and as a result, we got a convenient customized service.
We spent the most time spot-checking the problems that arose when searching and filtering overlapping parameters. And today, the Goldfish service is already helping fans of the game in Russia to replenish their collections.

Бизнес-задача и ее решение

Наша задача состояла не столько в проектировании интернет-магазина, сколько в детальной проработке сервиса для быстрого и удобного поиска и фильтрации карточек, понятного и простого для специфической целевой аудитории. Нам нужно было создать актуальную базу всех когда-либо выпущенных карточек игры Magic: The Gathering в удобном интерфейсе, отражающем все необходимые параметры.
Каждая из нескольких сотен тысяч карточек, выпущенных за 18 лет существования игры, обладают особым набором характеристик. Нужные мы решили взять через API из фанатской базы Scryfall. Там уже были необходимые нам параметры на все выпущенные карточки.
Мы использовали номер карты и номер сета, одинаковый у карточек на разных языках, чтобы избежать дублирования, и вывели необходимые параметры в интерфейс — название, издание, цена, формат игры, оформление, степень редкости, язык, цвет, мана-стоимость и художник-иллюстратор. Но с некоторыми параметрами возникли непредвиденные проблемы. Например, заказчику было бы весьма проблематично вручную выставлять стоимость для каждой из сотен тысяч карточек. Поэтому встал вопрос об автоматическом ценообразовании, чтобы при поиске покупатель мог увидеть ориентировочную стоимость на каждый экземпляр. Примерную цену, указанную в базе Skryfall только для карточек на английском (для других языков цены, в основном, отсутствуют), мы распространили и на другие языки. Позже, если покупатель оформляет заказ на имеющуюся в наличии карточку, продавец уточняет конкретную стоимость. В остальном, приблизительная цена отображается для всех карточек вне зависимости от наличия в магазине.
С ID авторов-иллюстраторов тоже возникла проблема — в API они не отображались корректно, и нам пришлось отдельно придумывать как связать поля, чтобы работал поиск по художникам. В итоге мы решили сопоставлять художников скриптом, чтобы наладить поиск.
Это только некоторые конкретные проблемы, с которыми мы столкнулись при формировании базы. Большое количество данных, которые нужно было отобразить, привело к проблеме их вариативности. Мы потратили много времени, чтобы понять и решить каждую из возникших мелких проблем и оптимизировать базу.
Далее нужно было обеспечить удобные инструменты поиска и фильтрации. Здесь мы, в первую очередь, ориентировались на нужды и привычки пользователей. Например, им часто все равно, на каком языке и в каком издании напечатана карта. Поэтому мы написали миддлвейр, который собирает из отдельных карт (карта, одинаковая по номеру и сету, но разная, например, по языку) некую общую «метакарту» и показывает ее в каталоге как одну, а уже внутри — с разными параметрами. Это облегчает поиск для фанатов и дает им возможность поэтапно добраться до конкретного физического носителя (бумажной карты).
Помимо общих характеристик, в фильтры и на страницы карточек мы включили наши собственные, необходимые для корректной продажи параметры — физическое состояние карточки («новая», «почти новая», «уже играли» и т.д.).
В интерфейсе есть несколько вариантов действия: «Купить», «Заказать поиск» (если карточки нет в наличии), «Оформить предзаказ» (если карточка еще не вышла). Этот параметр, а также состояние физической карточки продавец выставляет самостоятельно в админке.
Мы также визуализировали некоторые поисковые параметры. Например, картинки фольгированных карточек отражаются в поиске и на странице самой карточки с характерным отблеском. Для упрощения покупки, любую карточку в любых ее вариациях можно добавить в корзину прямо из поискового списка, не заходя на ее страницу.
При работе над дизайном сервиса мы старались с одной стороны, подчеркнуть его нативность и локальность, сделать его похожим на разнообразные фанатские любительские сервисы, а с другой — проработать качественный визуал интерфейса, не уступающий большим интернет-магазинам.


Our task was not so much to design an online store, as to develop a convenient service for fast search and filtering of cards, understandable and simple for a specific target audience. We needed to create an up-to-date database of all the Magic cards ever released in a convenient interface that reflects all the necessary parameters.
Each of the several hundred thousand cards released over the 18 years of the game's existence has a special set of characteristics. We decided to take the necessary ones via the API from the Scryfall fan base. There were already the necessary parameters for all the issued cards.
We used the card number and set number, which are the same for cards in different languages, to avoid duplication, and brought the necessary parameters to the interface — name, edition, price, game format, design, rarity, language, colour, mana cost and illustrator. But there were unexpected problems with some parameters. For example, it would be very problematic for the customer to manually set the cost for each of the hundreds of thousands of cards. Therefore, the question arose about automatic pricing, so that when searching, the buyer could see the estimated cost for each item. We have extended the approximate price indicated in the Skryfall database only for cards in English (for other languages, prices are mostly absent) to other languages as well. Later, if the buyer places an order for an available card, the seller specifies the cost. Otherwise, the approximate price is displayed for all cards, regardless of availability in the store.
There was also a problem with the illustrator ID — they were not displayed correctly in the API, and we had to separately figure out how to link the fields so that the search for illustrators worked. As a result, we decided to match artists with a script to establish a search.
These are just some of the specific problems that we encountered when forming the database. The large amount of data that needed to be displayed led to the problem of their variability. We spent a lot of time understanding and solve each of the minor problems that arose and optimize the database.
Next, it was necessary to provide convenient search and filtering tools. Here, first of all, we focused on the needs and habits of users. For example, they often do not care in what language and in what edition the card is printed. Therefore, we wrote a middleware that collects from an individual card (a card that is the same in number and set, but different, for example, in language) a certain common "meta card" and shows it in the catalogue as one, and already inside-with different parameters. This makes it easier for fans to search and gives them the opportunity to gradually get to a specific paper card.
In addition, we've included our own parameters — the physical condition of the card ("new", "almost new", "already played", etc.).
The interface has several options: "Buy", "Order search" (if the card is not available), "Pre-order" (if the card is not yet published). The seller sets this parameter, as well as the state of the physical card, independently in the admin panel.
We also visualized some search parameters. For example, pictures of foil cards are reflected in the search and on the page of the card itself with a characteristic reflection. To simplify the purchase, any card in any of its variations can be added to the cart directly from the search list, without going to its page.
When working on the design of the service, we tried, on the one hand, to emphasize its nativity and locality, to make it look like a variety of fan-made amateur services, and on the other — to work out a high-quality visual interface that is not inferior to large online stores.

Прочая информация о кейсе

Goldfish — это интернет-магазин коллекционных игральных карточек Magic: The Gathering, созданный для российского рынка. Его главной особенностью является обширный каталог с подробными характеристиками каждой карты, включающий не только те экземпляры, что имеются в продаже, но и вообще все когда-либо выпущенные за всю историю игры. Ориентироваться во всей вселенной из более чем 500 000 карт из 600 разных сетов помогает удобная кастомная система фильтров
Goldfish is an online store of collectable playing cards Magic: The Gathering, created for the Russian market. Its main feature is an extensive catalogue with detailed characteristics of each card, including not only those copies that are available for sale, but in general all ever released in the entire history of the game. A convenient custom filter system helps users navigate the entire universe of more than 500,000 cards from 600 different sets

Скриншоты