Дизайн онлайн-сервісу кейсів Counter-Strike

Задача

Розробити яскравий гейміфікований дизайн для онлайн-сервісу продажу та відкриття кейсів Counter-Strike зі зручним каталогом, рулеткою та особистим кабінетом.

Зроблено

Дизайн

Головна

Головна сторінка занурює гравців в атмосферу Counter-Strike завдяки темній темі з неоновими свіченнями, живою стрічкою виграних скінів (Live-дропи) та зрозумілою схемою роботи сервісу в 4 кроки. Каталог кейсів структуровано за рідкістю, типами зброї та класичними колекціями, а внизу виведено гарантії безпеки й відгуки гравців.

Обробка графіки

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

Внутрішні сторінки

Розділ служби підтримки поєднує форму зворотного зв'язку з акордеоном відповідей на часті запитання (FAQ) щодо обміну скінів через Steam. Сторінка «Топ переможців» підсилює азарт і соціальний доказ завдяки подіуму трьох лідерів та таблиці гравців за тиждень, місяць і весь час.

Служба підтримки та FAQ

Топ переможців

Давайте працювати разом.

Готові втілити ваше бачення у життя? Давайте об'єднаємося для вашого наступного проєкту та разом створимо щось незабутнє.

// Type some code ->
console.log "oO08 iIlL1 g9qCGQ ~-+=>";
var paddingTop = 'px';
var sectionRadius = 'px';
// Interactive Theme Configuration
function updateButton(config) {
var radius = 'px';
btn.style.borderRadius = radius;
}
updateButton({ active: true });

Розробник

Color Styles

Pink

Purple

Orange

Green

Blue

Дизайнер

Особистий кабінет

В особистому кабінеті користувач керує своїм профілем, прив'язує посилання на обмін у Steam (Trade URL) та поповнює баланс у кілька кліків. Нижче виведено візуальну сітку всіх відкритих предметів на акаунті із зазначенням дати випадіння та вартості кожного скіна.

Відкриття кейса

Модальне вікно конкретного кейса містить горизонтальну стрічку-рулетку для розіграшу предмета та кнопки миттєвої покупки й відкриття. Під рулеткою гравець бачить історію скінів, які вже нещодавно випадали з цієї скрині, та повний перелік можливого дропу.

Промо-акції

Сторінка промо-акцій презентує лімітовані пропозиції на популярні скіни зброї (AWP, AK-47, SG 553, Galil AR) зі знижками від 25% до 70%. Контрастні банери з атмосферними ефектами підсвічують деталізацію ігрових предметів та стимулюють швидку покупку.