thelegacy

KWPC

  • Вайрфрейминг
  • UX/UI
  • Брендинг
  • Фронтенд
Клиент

Killer Whale Pod Cast — инвесторское шоу в прямом эфире и лаунчпад на блокчейне Everscale, где держатели токена KWT голосуют за молодые блокчейн-проекты в реальном времени.

Что мы сделали

Сайт шоу на десктопе и мобильном в темно-синей и бирюзовой палитре, стеклянные 3D-объекты и рендер косатки на первом экране, инструменты для инвесторов с пополнением кошелька, архив эфиров шоу, диаграмма токеномики и трекер токенов.

KWPC

Сайт для криптоподкаста и лаунчпада на Everscale

Killer Whale Pod Cast, или KWPC, проводит инвесторское шоу в прямом эфире: молодые блокчейн-проекты, которые строят на Everscale, презентуют себя, а держатели токена KWT голосуют за них в реальном времени. Рядом с шоу — фонд для запусков, пул для запусков, инструменты для инвесторов и отслеживание токенов, так что один сайт должен обслуживать и аудиторию подкаста, и DeFi-пользователей.

Сначала мы разложили страницы в серых вайрфреймах, блок за блоком: первый экран, Launch Fund, Launch Pool, плеер шоу, токеномика, отслеживание токенов и карточки для вайтпейпера и одностраничного обзора. Темный финальный интерфейс сохраняет этот порядок под верхним меню с пунктами «LaunchFund», «LaunchPool», «Investor LiveShow», «Platform & Tools», «About Us» и «Partners» и одной бирюзовой кнопкой «Become a Whale».

KWPC
KWPC
KWPC
KWPC
KWPC
KWPC
KWPC
KWPC
KWPC
KWPC
KWPC

Стеклянные 3D-объекты и рендер косатки на первом экране

У каждого продуктового направления свой абстрактный стеклянный объект вместо иконки монеты или графика — в глубоком синем, голубом и фиолетовом с одной красно-оранжевой плоскостью для контраста. Граненая волна обозначает Flex Dex Whale Tools и Investor Tools, фиолетовая капсула — Token Tracking, три изогнутые лопасти — Launchpool и форму кошелька, а ребристая капля принадлежит странице Launchfund.

Первый экран понимает название буквально: полупрозрачная косатка из того же стекла плывет через экран под строкой «Making waves. Swim with us». Поскольку у всех объектов один материал и одна схема освещения, набор читается как одно семейство на темно-синем фоне и помогает пользователям различать разделы.

KWPC
KWPC

Мобильные экраны и четырехцветная палитра темно-синего и бирюзового

На телефоне главная страница превращается в стопку карточек на всю ширину: плеер шоу, затем Flex Dex Whale Tools и Token Tracking со стеклянными объектами, сдвинутыми к правому краю. Результаты WhaleDrop из Launch Pool — на десктопе это сетка из четырех колонок с TVL, заблокированными EVER, APY и показателями аирдропа — складываются в две колонки пар «название — значение».

В палитре четыре цвета: темно-синий #08131F для фона, белый для текста и два близких бирюзовых — #62CEB9 и #5FC7CE. Бирюзовый зарезервирован для действий и ключевых панелей, в том числе кнопки «Become a Whale», кнопок воспроизведения и форм контакта и перевода, поэтому на темной странице следующий шаг всегда самый яркий на экране.

KWPC
KWPC
KWPC
KWPC

Инструменты для инвесторов, пополнение кошелька и архив шоу

Страница Investor Tools предлагает держателям скачать приложение, чтобы голосовать за финансирование и следить, куда идут их средства, — с кнопками Mac, Windows и Linux и превью дашборда под бирюзовой полосой статистики. «Become a Whale» начинается с подключения Metamask, а затем дает одну форму для пополнения кошелька инвестора: адрес, сеть — Everscale, токен — EVER, сумма и «Transfer». Предупреждение, что деньги, отправленные на неверный адрес, не вернут, стоит прямо рядом с полями.

Страница Investor Live Show раскладывает выпуски по вкладкам «Active», «Future» и «Archive». Ее плеер заимствует приемы бизнес-телевидения: под видео бегут новостная строка и тикер цен ETH, BTC, KWT, SOL и EVER.

KWPC
KWPC
KWPC

Диаграмма токеномики, трекер токенов и логотип с косаткой

Токеномика — это 3D-тор, разрезанный на пять сегментов: 50% — вознаграждения за ликвидность, 30% — вознаграждения за стейкинг, 10% — промокампании, 7% — баунти-вознаграждения и 3% — разработчикам. Это единственное место, где палитра расширяется до лаймового, оранжевого и фиолетового, а каждый процент набран цветом своего сегмента, поэтому распределение читается без легенды. Трекер токенов остается простым: цена, изменение за 24 часа и 7 дней, рыночная капитализация, объем, токены в обращении и семидневный спарклайн в каждой строке.

Логотип рисует косатку одной линией под круглой дугой, со знаком звуковой волны, который снова появляется после «Pod Cast» в вордмарке на первом экране. Завершающие макеты добавляют FAQ и бирюзовую контактную форму.

KWPC
KWPC
KWPC
KWPC
KWPC
KWPC
KWPC

Факты о проекте

Клиент
Killer Whale Pod Cast (KWPC), шоу для инвесторов в прямом эфире и лаунчпад на блокчейне Everscale
Отрасль
Криптомедиа, Web3-лаунчпад
Платформа
Веб (десктоп и мобильная версия)
Услуги
Вайрфрейминг, UX/UI-дизайн сайта, 3D-графика
Что сделано
Серые вайрфреймы; сайт со страницами фонда запуска, лаунчпула и шоу в прямом эфире; инструменты для инвесторов с пополнением кошелька; архив эфиров; стеклянные 3D-объекты и рендер косатки для первого экрана; 3D-диаграмма токеномики; трекер токенов
Похожие кейсы
fozeus, battue, Optix

Вопросы о проекте

Что такое Killer Whale Pod Cast (KWPC)?

KWPC проводит шоу для инвесторов в прямом эфире: молодые блокчейн-проекты, которые строят на Everscale, представляют себя, а держатели токена KWT голосуют за них в реальном времени. Рядом с шоу работают фонд запуска, лаунчпул, инструменты для инвесторов и отслеживание токенов.

Что студия thelegacy разработала для KWPC?

Сайт — сначала в серых вайрфреймах, затем как интерфейс в темно-синих и бирюзовых тонах для десктопа и мобильных устройств — со стеклянными 3D-объектами, рендером косатки на первом экране, инструментами для инвесторов с формой пополнения кошелька, архивом эфиров, 3D-диаграммой токеномики и трекером токенов.

Почему у каждого раздела сайта KWPC свой 3D-объект?

Каждая продуктовая зона получает абстрактный стеклянный объект вместо иконки монеты или графика — все в одном материале и с одной схемой освещения. На темно-синем фоне набор воспринимается как одно семейство и помогает пользователям различать разделы.

Следующий
кейс:
Готовы
работать вместе ?

    Привет! Меня зовут . Меня интересует С удовольствием обсужу проект Хочу пообщаться
    по электронной почте