Сайт игровой компании ArmadaBoost

Разработали сайт для компании по прокачке и обучению в онлайн-играх.

Клиент

ArmadaBoost — компания, помогающая игрокам из США и Европы прокачивать персонажей и учетные записи в таких играх, как World of Warcraft, Elder Scrolls Online, Destiny 2 и многих других. Клиент обратился в ADN, так как был знаком с нашими проектами для игровой индустрии: ему нравились их технические и дизайн-решения.

Задача

Сделать новый сайт на основе контента уже существующего. При этом нужно:

разработать админку, которая позволит менеджерам быстро создавать карточки товаров, управлять скидками, формировать уникальные предложения для игроков;
разработать современный дизайн;
создать конфигуратор для расчёта стоимости услуг
интегрировать сайт с системой оплаты.

Решение

Мы проанализировали бизнес-процессы клиента, после чего подготовили и согласовали прототип. Бэкенд решили реализовать с помощью фреймворка Laravel: он позволил настроить интерфейс под потребности клиента и автоматизировать большую часть работы команды заказчика.

Оформление заявок

Мы настроили админку сайты под бизнес-процессы клиента. В ней легко управлять сложными по структуре карточками товаров и переносить данные заявок в AirTable, которую ArmadaBoost использует как CRM.

Менеджеры клиента также могут предлагать игрокам нетиповые услуги. Для этого посетителям сайта достаточно оставить заявку в форме обратной связи. Менеджер создаст уникальное предложение и отправит ссылку напрямую клиенту, не добавляя его в каталог.

Если на странице игры нет нужной услуги, посетитель может создать индивидуальный заказ

Конфигуратор для расчёта стоимости услуг

В каталоге клиента много игр, каждая из которых подразумевает разные услуги и их комбинации. Для каждой карточки товара и услуги мы конфигурируем в админке калькулятор. Он зависит от множества параметров, влияющих друг на друга, что подразумевает сложные формулы расчета — в том числе матричные.

Пример добавления в корзину разных услуг и автоматический расчёт суммы

Конфигуратор написан на React, что позволяет усложнять и масштабировать этот компонент независимо от всех остальных. Расчёт стоимости услуг происходит за считанные секунды и не зависит по времени от ответа сервера, посетителям не приходится долго ждать.

Дополнительный функционал

Одна из основных задач сайта — оплата услуг. Мы подключили модуль оплаты на основе международной платежной системы Stripe, которая позволяет принимать доллары, евро и другую иностранную валюту.

Также у клиента есть блог. Чтобы статьи в нём не выглядели однообразно, мы создали интуитивно понятный визуальный онлайн-редактор. Он позволяет комбинировать блоки контента в разном порядке, добавлять галереи изображений — и публиковать не похожие друг на друга материалы.

Дизайн-решения

При разработке дизайн-концепции мы ориентировались на фирменный стиль клиента и похожие сервисы, чтобы посетителю было просто ориентироваться на сайте. Попадая на главную страницу, игрок видит список игр: он выбирает нужную и попадает в подраздел каталога с доступными услугами.

Цветовая навигация в каталоге: услуги окрашены в зеленый, синий и красный цвета — по нарастанию сложности

Так как новые посетители подходят к выбору сервиса придирчиво, мы добавили на сайт виджет Trustpilot: он позволяет агрегировать оценки сотен тысяч людей. Это повышает лояльность потенциальных клиентов ArmadaBoost на этапе знакомства с продуктом.

Результаты

Сайт соответствует ожиданиям клиента, дает менеджерам выполнять свою работу проще и быстрее. Мы продолжаем работать с ArmadaBoost в рамках техподдержки. С момента запуска сайта мы подключили PayPal, а также продолжаем выполнять текущие задачи.