Розробка e-commerce платформи цифрових ігор з API для Key4GG

Key4gg — це інтернет-магазин цифрових товарів для геймерів по всьому світу. Платформа спеціалізується на продажу ключів до відеоігор, програмного забезпечення, подарункових карт та підписок для найпопулярніших платформ: Steam, Xbox, PlayStation, Nintendo, EA App, Uplay, Battle.net та ін. Метою було створити масштабовану, безпечну та зручну для користувачів платформу з повноцінною інтеграцією API‑каталогу постачальника, моментальною доставкою ключів і гнучким адмініструванням.

Розробку було реалізовано на базі CMS OpenCart 3, з урахуванням високих вимог до UX, адаптивності, SEO та автоматизації бізнес-процесів. Усі етапи — від дизайну до інтеграцій — були виконані командою в рамках одного циклу.

Дизайн та UX з урахуванням геймерської естетики

Інтерфейс Key4gg орієнтований на молоду аудиторію геймерів із різних країн. Дизайн витриманий у темній кольоровій гамі з акцентами помаранчевого, легкими анімаціями та гнучкою структурою елементів. Усі сторінки мають адаптивну верстку — зручну як на 4К моніторах, так і на смартфонах.

Особливу увагу приділено usability: реалізовано зручний хедер з меню платформ, мовами, пошуком і валютами; sticky header; динамічний банер із редагуванням через адмінку; блоки топ‑продажів та новинок, які формуються автоматично на основі API‑каталогу та ручного редагування.

Функціонал каталогу та інтеграції з CodesWholesale

Ключовою задачею стало підключення до постачальника цифрових ключів CodesWholesale через API. На сайті представлені тисячі товарів, які автоматично завантажуються та оновлюються через API. Для кожного товару можна:

• редагувати опис та характеристики без втрати даних при оновленні;
• застосовувати індивідуальні націнки за категоріями або товарами;
• додавати свої продукти з унікальним описом та ключами;
• створювати предзамовлення з обробкою ключів після релізу.

Для користувача доступна зручна фільтрація за платформами, жанрами, форматом доставки (миттєва/предзамовлення), рейтингами. Модуль OCFilter налаштовано для створення SEO‑сторінок фільтрів.

Картка товару з моментальною доставкою ключа

Після оформлення та оплати замовлення користувач моментально отримує цифровий ключ у:

• особистому кабінеті (розділ “Мої замовлення”);
• електронному листі з посиланням “View My Key”.

Ключі завантажуються або з API (в реальному часі), або з адмін-панелі вручну — з можливістю пріоритету ручних ключів. Система підтримує текстові, графічні (PNG, JPG) та файлові (TXT) ключі з можливістю інвентаризації та захистом паролем для перегляду з адмінки.

Інтеграція з платіжною системою Zen

Для обробки платежів інтегровано платіжний шлюз Zen, який підтримує міжнародні валюти: EUR, USD, GBP, PLN. Сайт працює через HTTPS, дані передаються захищеними каналами. Реалізовано багатовалютність, курс валют редагується вручну в адмін-панелі.

Замовлення можливе лише після авторизації — це дозволяє точно зв’язати ключ із користувачем. Перед підтвердженням покупки користувач погоджується з умовами оферти. Усі дії мають поп-ап підтвердження.

Особистий кабінет та тікет-система підтримки

У кабінеті користувача реалізовано:

• перегляд особистих даних і зміна пароля;
• обране (wishlist);
• історія замовлень з доступом до ключів;
• підтримка — з інтеграцією тікетів у Zendesk;
• керування підпискою на новини.

Усі запити клієнтів потрапляють як на пошту адміністратора, так і до Zendesk, з ID користувача, товаром і кодом проблемного ключа. Це дає можливість швидко реагувати на запити без втрати історії.

Контент, SEO і мультимовність

Сайт підтримує базову SEO-оптимізацію: canonical, оптимізація фільтрів, унікальні URL, мета-теги, sitemap, robots.txt, schema.org, Open Graph, SEO-тексти по 2000+ символів на сторінку. Додано відображення на Allkeyshop для залучення зовнішнього трафіку.

Мультимовність реалізована через структуру site.com/en/, site.com/ru/ тощо, з правильними hreflang і тегами lang. Підключено Google Analytics 4 та GTM, налаштовано ecommerce-трекінг.

Висновок

Key4gg — це повноцінна e-commerce платформа нового покоління для геймерської індустрії, створена з урахуванням глибоких бізнес-вимог, високих очікувань клієнтів і актуальних технічних стандартів. Проєкт реалізовано в максимально стислі терміни, з повним супроводом: від ТЗ до запуску на реальному домені.

Використані технології: OpenCart 3, PHP 7.3, MySQL, CodesWholesale API, IGDB API, Zen Payment Gateway, Zendesk, OCFilter, HTML5, CSS3, JavaScript, Ajax, Multicurrency, Multilingual, SEO, Google Analytics 4, GTM, Allkeyshop export.