thelegacy

FLEX

  • Вайрфреймінг
  • UX/UI
  • Брендинг
  • 3D-моушн
  • Фронтенд
Клієнт

Flex — децентралізована біржа на блокчейні Everscale з книгою лімітних ордерів, що повністю працює ончейн, і власним токеном FLX.

Що ми зробили

Лендинг DEX — від структури в сірих тонах до фінальних макетів для десктопа й мобільного, діаграма токеноміки й дорожня карта, переливчасті скляні 3D-об’єкти й візуалізація даних, а також презентація для інвесторів.

FLEX

Структура лендингу DEX у відтінках сірого

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

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

FLEX
FLEX
FLEX
FLEX
FLEX
FLEX
FLEX

Перший екран біржі на мобільному й десктопі

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

FLEX
FLEX
FLEX
FLEX

Діаграма токеноміки, дорожня карта й футер для спільноти

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

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

FLEX
FLEX

Переливчасті скляні 3D-об’єкти й візуалізація даних

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

FLEX
FLEX
FLEX
FLEX
FLEX

Презентація Flex DEX для інвесторів

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

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

FLEX
FLEX

Факти про проєкт

Клієнт
Flex, децентралізована біржа на блокчейні Everscale з книгою лімітних ордерів, що повністю працює ончейн
Галузь
DeFi, децентралізована біржа
Платформа
Веб (десктоп і мобільна версія), презентація для інвесторів
Послуги
Вайрфреймінг, UX/UI-вебдизайн, 3D-графіка, візуалізація даних, дизайн пітч-деку
Що зроблено
Лендинг — від структури у відтінках сірого до десктопних і мобільних макетів; діаграма токеноміки FLX і дорожня карта; райдужні скляні 3D-об’єкти; презентація Flex DEX для інвесторів
Схожі кейси
Hi-Tech Club, SOUQ, theqube

Питання про проєкт

Що таке Flex?

Flex — децентралізована біржа з книгою лімітних ордерів, що повністю працює ончейн. Її побудовано на блокчейні Everscale, і вона має власний токен FLX.

Що thelegacy розробила для Flex?

Лендинг DEX — від структури у відтінках сірого до фінальних десктопних і мобільних макетів, — діаграму токеноміки FLX і дорожню карту, райдужні скляні 3D-об’єкти та візуалізації даних, а також презентацію для інвесторів «Flex DEX Investor Deck».

Як побудована діаграма токеноміки Flex?

Це одна кільцева діаграма зі строгим кольоровим кодом: помаранчевий — для двох фармінг-пулів (46,5%), синій — для команди (32,5%), бірюзовий — для ранніх інвесторів і партнерств (11%), фіолетовий — для резервного фонду (10%). Кожен відсоток набрано кольором свого сегмента, тож окрема легенда не потрібна.

Готові
працювати разом ?

    Привіт! Мене звати . Мені потрібен Залюбки обговорю проєкт Хочу поспілкуватися
    електронною поштою