Dæmons — сайт GameFi-проекта

Одностраничный сайт GameFi-проекта Dæmons

Dæmons — блокчейн-игра с ИИ, которая превращает ончейн-след кошелька в персонального питомца. Мы собрали одностраничный сайт проекта: концепт, витрина персонажей, роадмап, команда и FAQ — весь путь до вступления в сообщество в одном скролле.

Первый экран: DÆMONS, Gamefi x AI и слоган Your Dæmon. Your Journey

01Challenge

Dæmons — игровой проект на стыке блокчейна и ИИ. Идея звучит просто, но объяснить её сложно: игра читает ончейн-след кошелька и превращает его в персонального дæмона — питомца, которого выращивают, прокачивают и отправляют в бой. Референсы у проекта понятные — Тамагочи и Покемоны, но и их нужно проговорить, иначе концепт остаётся абстракцией.

Аудитория двойная. Web3-аудитория смотрит на роадмап, NFT-сейл и состав команды. Игроки — на арт и механику. Сайт должен был удержать обоих и не превратиться ни в сухой питчдек, ни в очередной токен-лендинг.

Главное ограничение — одна страница. Объяснение концепта, показ персонажей, план развития, команда и ответы на вопросы должны уместиться в единый скролл и закончиться понятным действием: присоединиться к сообществу.

02Solution

Структура

Страницу собрали как последовательный рассказ: что это → во что играть → что будет дальше → кто делает → как присоединиться.

первый экран: DÆMONS, Gamefi x AI и слоган «Your Dæmon. Your Journey»
What is Dæmons? — концепт в один абзац, с прямой отсылкой к Тамагочи и Покемонам
Dæmon Showcases — витрина персонажей, чтобы арт увидели до чтения текста
Dæmons Roadmap — вертикальный таймлайн от Q3 2024, когда проект родился, через NFT-сейл к следующим этапам
Meet Our Team — геймдев, художники, блокчейн-разработчики
Looking For Answers — FAQ по механике и старту, собранный аккордеоном
финальный блок «Don't miss out, join us today» с переходом в соцсети

Дизайн

Тёмная палитра нужна для того, чтобы главным цветом на странице был арт дæмонов, а не интерфейс. Заголовки крупные, текстовые блоки короткие: на лендинге такого типа читают заголовки и картинки, а не абзацы. Роадмап и FAQ сделали компактными по высоте, чтобы длина страницы не отпугивала на мобильных.

Разработка

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

SEO и превью

Прописали title, description, Open Graph и Twitter-карточки: ссылку на проект чаще всего кидают в Discord, X и Telegram, и превью там работает как первый экран. Добавили alt у изображений и корректную иерархию заголовков.