Разработка вебшопа по продаже внутриигровых товаров
Интернет-магазин для мобильных игр студии Last Level Games представляет собой удобную систему по продаже уникальных внутриигровых товаров, в том числе моделей персонажей, оружия, игровой валюты и сезонных предложений.
Клиент
Last Level Games
Год
2025
Технологии
API
Laravel
NUXT
Vue.js
Эквайринг
Задача
Создать удобную, функциональную и быстродействующую платформу для покупки внутиигровых товаров, а также увеличить продажи внутриигрового контента за счет маркетинговых активностей.
Наше предложение
Перед началом разработки вебшопа были собраны функциональные и концептуальные требования заказчика. Дизайн был разработан с опорой на фирменный стиль игры, а функционал реализован в соответствии со специфическими особенностями мобильной игровой индустрии.
Прототипирование сайта
Интерактивный прототип сайта создавался в течение нескольких недель и включил в себя все основные разделы:
Главная страница
Модальное окно авторизации
Страница каталога
Страница товара
Модальное окно покупки
Личный кабинет с возможностью просмотра истории покупок
Также, помимо прототипов фронт-енд части сайта, были разработаны макеты административной панели.
Разработка технического задания для сайта вебшопа
После окончания работ по проектированию для утверждения необходимого функционала и закрепления требований было разработано обширное Техническое задание.
Дизайн сайта
Нами был разработан адаптивный дизайн, целью которого было создание распределяющей главной страницы, которая коррелируется с визуалом корпоративного сайта Заказчика, а также каталогов игр, каждый из которых обладает своим уникальным стилем, отличающемся друг от друга и основного сайта Заказчика. Также было важно продумать удобную систему просмотра товаров и быстрых оплат.
Важно: разработка сайта осуществлялась с упором в мобильную версию, поскольку игра, для которой разрабатывался вебшоп, является мобильной, и пользователи в своем большинстве попадают на сайт именно оттуда.
Дизайн главной страницы
Главная страница сайта является распределительной по целевым страницам каталогов игр. Эта страница создана в стилистике корпоративного сайта Заказчика и отличается от непосредственных каталогов игр.
Дизайн страницы каталога
Страница каталога формируется из товаров той или иной игры. Каталог доступен для просмотра без авторизации на сайте. В каталоге предусмотрена система табов с категориями товаров для более удобной навигации.
Дизайн каталога отвечает фирменному стилю игры, товары для использования в которой он в себе содержит.
Дизайн страницы товара
Всего представлено 3 типа товаров: одиночный товар, бандл (составной товар) и БаттлПасс (игровой пропуск). Страница товара отвечает каноничным требованиям и содержит в себе:
Галерею
Описание
Цену
Метки
Кнопку покупки
Дизайн личного кабинета
Доступ в личный кабинет пользователя осуществляется после авторизации с использованием уникального ID игрока, присваиваемого ему в игре. Личный кабинет предоставляет пользователю информацию о его внутриигровом логине, уровне и истории покупок в рамках вебшопа.
Создание функционала сайта
Экосистема веб-сайта включает в себя несколько технологических решений, направленных на автоматизацию всех этапов работы веб-шопа и его интеграции с БД Заказчика. Эти решения связаны через API с внешними каналами собственной БД Заказчика, что позволяет оперативно начислять внутриигровые товары после покупки, а также осуществлять авторизацию пользователей.
Авторизация
Авторизация для покупки товаров в вебшопе осуществляется путем логина с использованием внутриигрового ID. Разработанная нами система напрямую обменивается данными с бэкендом заказчика посредством API.
Скрытие раннее купленных товаров
Товары, имеющие характеристику "Одноразовый", после приобретениях их пользователем вебшопа, больше не являются ему доступными к покупке, потому нами был реализован функционал, позволяющий разделять товары на 2 категории:
Доступные к покупке единоразово
Доступные к покупке неограниченное количество раз
Ограничение показа товаров по уровню доступности
Не все товары, продаваемые в вебшопе, подходят всем пользователям игры. Для того, чтобы каталог был всегда актуальным во избежание покупки товара, который доступен в игре лишь для более высокого уровня, нами были приняты меры по отслеживанию уровня пользователя в игре, посредством получения данной информации от бэкенда Заказчика, и дальнейшей фильтрации товаров по уровням внутри вебшопа.
Бонусная система
Нами была реализована бонусная система, действующая в рамках вебшопа: за каждую покупку пользователь получается процент от стоимости бонусами и впоследствии может списать эти бонусы для получения скидки. Доступный процент начисления и списания бонусов регулируется через админ-панель сайта.
Маркетинговые активности
Для увеличения охватов и повышения продаж нами была разработана система маркетинговых активностей. Например, таких, как:
Скидки
Бесплатные товары
Акции
Ограниченные по дате и времени предложения
Система управления сайтом
- 1
Административная панель
Сайт реализован на PHP-фреймворке Laravel, по технологии SSG: фронтэнд и бэкэнд части сайта распределены по разных хранилищам и совершают обмен данными по API, что ускоряет скорость работы скриптов и отображения визуальной части сайта.
- 2
Контроль посещаемости
На сайт внедрены популярные инструменты по контролю за посещаемостью сайта, предоставляющие обширную статистику по действиям пользователей.
