FLEX

Flex — децентрализованная биржа с книгой лимитных ордеров, полностью работающей ончейн, построенная на блокчейне Everscale и дополненная собственным токеном FLX. Заголовок на ее сайте обещает DEX быстрее CEX, поэтому страница должна читаться как торговый продукт с первого экрана.

Веб-дизайн этой криптобиржи мы начали в оттенках серого: первый экран с торговым терминалом, строка статистики, блок «True DeFi Experience», карусель «Killer Features», токеномика FLX, Killer Whale Podcast и футер с полем подписки на рассылку и семью иконками соцсетей. Без опоры на цвет иерархия и длина текстов должны были работать сами.

На первом экране продукт появляется раньше продающего текста. Скриншот торгового терминала со свечами, книгой ордеров и панелью истории сделок стоит рядом с заголовком на десктопе и опускается под него на телефоне. Тонкие контурные линии в оттенках от пурпурного до синего — единственное украшение на почти черном темно-синем фоне. Кнопка «Launch Exchange» получает градиент от синего к фиолетовому, который дальше окрашивает графики и 3D-объекты. В строке статистики 2022 — контурная цифра с градиентной обводкой, а показатели Flex TAM и DeFi TVL остаются сплошными белыми, так что цифры читаются первыми.

Токеномика FLX — самый плотный блок страницы, поэтому она получает одну кольцевую диаграмму и строгую цветовую схему: оранжевый — два фарминг-пула, 46,5%, синий — команда, 32,5%, бирюзовый — ранние инвесторы и партнерства, 11%, фиолетовый — резервный фонд, 10%. Каждый процент набран цветом своего сегмента, поэтому отдельная легенда не нужна. На мобильном цифры обтекают диаграмму, а пояснение FLX Internal Liquidity Pool переходит под нее.

Ниже на странице снова идут те же темные карточки: карусель дорожной карты, которая начинается с мая 2021 года, промоблок подкаста и футер, разделенный на «FLX Token», «Ecosystem», «About Us» и «Media».

Каждая абстрактная идея на сайте получает физический объект. «True DeFi Experience» стоит рядом с переливающейся стеклянной скульптурой из сложенных лепестков. «Killer Feature 1» получает темно-синий стеклянный шеврон с радужным краем, а подкаст — полупрозрачную синюю форму, которая читается как кит. Все три — стекло с подсветкой по краям, поэтому они принадлежат к одному семейству. Данные поданы проще: «% Total Supply with Months» — одна синяя S-кривая поверх бледной сетки, а лента «TradFi to DeFi» перекручивается из фиолетового в синий, и примечание о DEX на основе AMM размещено на матовой карточке в месте перекрута.

Мы также разработали презентацию Flex DEX для инвесторов. Обложка сохраняет темно-синюю основу сайта, подает вордмарк FLEX с выделенной синим буквой X и рисует тонкие электрически-синие шевроны, которые повторяют 3D-стрелку. Слайды идут от «Executive Summary» с пятью плитками-иконками через «Market Analysis», «Product» и «Roadmap», стратегию роста в ритейле и B2B, развертывание в сети Venom, «Finance and Forecasts» до токеномики.

«Market Analysis» показывает свою арифметику открыто: каждое соотношение записано дробью с результатом крупным кеглем, так что инвестор может проследить, из чего складывается оценка дневного объема.