FLEX
Flex — децентралізована біржа на блокчейні Everscale з книгою лімітних ордерів, що повністю працює ончейн, і власним токеном FLX.
Лендинг DEX — від структури в сірих тонах до фінальних макетів для десктопа й мобільного, діаграма токеноміки й дорожня карта, переливчасті скляні 3D-об’єкти й візуалізація даних, а також презентація для інвесторів.
Структура лендингу DEX у відтінках сірого
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».
Переливчасті скляні 3D-об’єкти й візуалізація даних
Кожна абстрактна ідея на сайті отримує фізичний об’єкт. «True DeFi Experience» стоїть поруч із переливчастою скляною скульптурою зі складених пелюсток. «Killer Feature 1» отримує темно-синій скляний шеврон із райдужним краєм, а подкаст — напівпрозору синю форму, що читається як кит. Усі три — скло з підсвіткою по краях, тож вони належать до однієї родини. Дані подано простіше: «% Total Supply with Months» — одна синя S-крива поверх блідої сітки, а стрічка «TradFi to DeFi» перекручується з фіолетового в синій, і примітку про DEX на основі AMM розміщено на матовій картці в місці перекруту.
Презентація Flex DEX для інвесторів
Ми також розробили презентацію Flex DEX для інвесторів. Обкладинка зберігає темно-синю основу сайту, подає вордмарк FLEX з виділеною синім літерою X і малює тонкі електрично-сині шеврони, що повторюють 3D-стрілку. Слайди йдуть від «Executive Summary» з п’ятьма плитками-іконками через «Market Analysis», «Product» і «Roadmap», стратегію зростання в рітейлі та B2B, розгортання в мережі Venom, «Finance and Forecasts» до токеноміки.
«Market Analysis» показує свою арифметику відкрито: кожне співвідношення записано дробом із результатом великим кеглем, тож інвестор може простежити, з чого складається оцінка денного обсягу.
Факти про проєкт
- Клієнт
- Flex, децентралізована біржа на блокчейні Everscale з книгою лімітних ордерів, що повністю працює ончейн
- Галузь
- DeFi, децентралізована біржа
- Платформа
- Веб (десктоп і мобільна версія), презентація для інвесторів
- Послуги
- Вайрфреймінг, UX/UI-вебдизайн, 3D-графіка, візуалізація даних, дизайн пітч-деку
- Що зроблено
- Лендинг — від структури у відтінках сірого до десктопних і мобільних макетів; діаграма токеноміки FLX і дорожня карта; райдужні скляні 3D-об’єкти; презентація Flex DEX для інвесторів
- Більше робіт у
- 3D-графіка та моушн-дизайн, UX/UI та вебдизайн, Дизайн лендингів, Пітч-деки та презентації
- Схожі кейси
- 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%). Кожен відсоток набрано кольором свого сегмента, тож окрема легенда не потрібна.
