Номинируйте кейсы на Workspace Digital Awards 2026. Прием заявок до 15 декабря по льготной цене, успейте принять участие!
Mindforce
Промо-сайт для игры "The Blackout"
Mindforce
#Разработка сайтов под ключ

Промо-сайт для игры "The Blackout"

140 
Mindforce Россия, Москва
Поделиться: 0 0 0
Промо-сайт для игры "The Blackout"
Клиент

X-Out.Studio

Сфера

Развлечение и спорт

Регион

США, Mountain View

Тип сайта

Промо-сайт

Сдано

Июль 2022

Задача

Компания X-Out.Studio поручила разработать официальный сайт для своего нового GameFi-проекта "The Blackout" — мультиплеерного PvPvE-шутера с интеграцией блокчейн-технологий на базе Solana.

Цели сайта:

- Представить игру потенциальным игрокам, инвесторам и партнёрам

- Визуально показать ключевые особенности и атмосферу проекта

- Интегрировать подключение криптокошельков для взаимодействия с NFT

- Разместить roadmap, новости, трейлер и информацию о токеномике

- Запустить сбор заявок на участие в закрытом альфа-тесте

Решение

Был реализован адаптивный многостраничный сайт с полноценной CMS, интеграцией с блокчейн-инфраструктурой и поддержкой авторизации через криптокошельки (например, Phantom, Solflare).

Технический стек:

- Backend: Laravel (PHP 8), MySQL

- Frontend: Vue.js + TailwindCSS

- Интеграции: Moralis SDK, REST API Solana, Web3Auth

- DevOps: Docker, GitLab CI/CD, облачный хостинг (DigitalOcean)

1Анализ требований и проектирование

Совместно с командой клиента определены цели сайта, ключевая аудитория (геймеры, Web3-инвесторы) и структура страниц. Подготовлен план разделов: Главная, О проекте, Геймплей, NFT-активы, Токеномика, Roadmap, Новости, FAQ, Контакты. Созданы wireframe-макеты всех страниц, с учетом будущей масштабируемости.

2Дизайн и визуальный стиль

Разработан уникальный дизайн в стилистике "тёмного sci-fi" с элементами глича, пиксельного шума и флюидной анимации. Адаптирован визуальный язык под бренд: логотип, UI-иконки, типографика, промо-арты. Продуманы спецэффекты: параллакс, анимации появления блоков, живые заголовки.

3Разработка фронтенда и функциональности

- Верстка адаптивных страниц с использованием Vue.js и Tailwind

- Интеграция Web3-авторизации: подключение криптокошельков через Web3Auth и Moralis

- Разработка NFT-галереи с возможностью отображения владения, редкости и привязки к игровым функциям

- Создание формы альфа-регистрации и подписки на рассылку

4Разработка бэкенда и CMS

- Backend на Laravel: управление новостями, расписанием (roadmap), контентом и подписками

- Реализация REST API для взаимодействия с фронтом и блокчейн-сервисами

- Система админки с авторизацией и безопасным доступом

Результат

- Создан масштабируемый, визуально сильный сайт, полностью передающий атмосферу "The Blackout"

- Более 5000 уникальных пользователей за первую неделю после релиза

- Более 1200 заявок на участие в закрытом альфа-тесте

- Интеграция криптокошельков успешно принята крипто-сообществом и протестирована без сбоев

- Сайт стал основным маркетинговым и информационным хабом проекта


Стек технологий

  • JavaScript JavaScript Язык программирования
  • PHP PHP Язык программирования
  • Vue.js Vue.js Фреймворк/библиотека
  • MySql MySql База данных
  • Figma Figma Графический редактор
  • NGINX NGINX Веб-сервер

Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Mindforce с удовольствием обсудит вашу задачу

Оставить заявку