theqube

Qube, который подписывается как Qube Crypto Space, объединяет под одним названием несколько криптопродуктов: DEX на основе AMM для свопов, стейкинга и торговли без аккаунтов и проверки документов, лаунчпад для первичных размещений на DEX, NFT-маркетплейс, социальное пространство для блокчейн-проектов и токен QUBE, который их связывает. Наш веб-дизайн для платформы должен был объяснить все пять на одном скролле.

Главная открывается фразой «Transparent and secure platform that you can trust» со знаком аудита и пометкой «Based on Sharia Law», затем идут шесть карточек преимуществ, четыре роли токена, размещенные вокруг монеты, перечень продуктов, поквартальный план развития и стена стратегических партнеров. Страница DEX продолжает с собственным первым экраном и простым описанием того, как работает биржа.

Еще до любого цвета мы разложили сайт в оттенках серого. В кейсе десять вайрфреймов: главная, страница о проекте, DEX, лаунчпад, дорожная карта и блок контактов, в футере которого есть ссылки на вайтпейпер, токеномику и аудиторский отчет. Каждое место, отведенное под 3D, — плоская серая заглушка: ромб на первом экране, силуэт ракеты на лаунчпаде, воздушные шары рядом с дорожной картой.

Эти фреймы зафиксировали порядок аргументов. Секция предложения уже размещает четыре коротких утверждения вокруг одного центрального объекта — композицию, которую финальная страница заполняет зеленой 3D-формой. Макет DEX подает аргументы о ликвидности карточками: оптимизированное проскальзывание, сниженные непостоянные потери и стимулы предоставлять ликвидность.

Знак Qube — куб, нарисованный зеленым контуром, поэтому мы сделали куб сквозным 3D-мотивом. На первом экране главной — свободный блок стеклянных кубов со светом, запертым внутри: зеленый на десктопе и фиолетовый с оранжевыми искрами на мобильном. План развития получает ступенчатую стопку зеленых и синих кубов, а секция предложения — расплавленный зеленый куб.

Затем каждый продукт получил свой объект: ребристую зеленую стеклянную форму для DEX, хромированную ретроракету со знаком Qube над Землей для лаунчпада, темную монету в кольцах орбит для токена и сложенные стопкой зеленые рамки с сердечками, лайками и облачками чата для социального блока. Все они стоят на почти черном фоне в свечении от бирюзового к пурпурному, которое использует интерфейс.

На телефонах сайт сохраняет темную тему и порядок секций, с изменениями под узкий экран. Четыре главные ссылки остаются видимыми в ряд под логотипом и кнопкой «Launch App», а не прячутся в меню. Призывы к действию на первом экране становятся кнопками на всю ширину с градиентом от мятного к бирюзовому, а карточки «Key advantages for companies» складываются в одну колонку со срезанным нижним углом.

Заголовки набраны крупным кеглем массивного геометрического гротеска, поэтому «Exchange and trade cryptocurrencies smoothly and anonymously» по-прежнему читается первым на экране DEX. Роли токена опускаются под монету отдельными карточками, а экран лаунчпада ставит поддерживаемые сети и значок соответствия шариату прямо под главной кнопкой.