Nexa Network

Стандарт незалежних від мережі токенів. Надає можливість робити токени та NFT нативними та сумісними з різними блокчейнами.

Nexa

Країна

Данія

Роки співпраці

2023

Індустрія

Web3, Blockchain

Тип проєкту

Веб-платформа

Послуги

Веб-розробка, UI/UX Дизайн, Копірайтинг

Технології

React, Apollo GraphQL, React Router, Web3.js, Helmet.js, Payload CMS, Amazon S3, Amazon CloudFront, Sentry, New Relic, GA4

Переглянути проєкт

З чого ж почнемо? 

Ми звичайно стартанемо зі згадки того, що цей кейс певне наймінімалістичніший в розрізі дизайну та один із максимально залучених в кількості використаних технологій. Спочатку все-таки розповімо трохи більше наших клієнтів — Nexa Network. Першочергово вам потрібно розуміти, що Nexa —  це протокол міжланцюгової взаємодії, який робить токени та NFT-активи дійсно незалежними від блокчейну.

Наш клієнт хотів підвищити рівень впізнаваності свого проєкту серед широкої аудиторії, саме ми вирішили створити блискавичний вебсайт для демонстрації Nexa. Вебсайт повинен був надати чіткий і простий опис ідей, функцій та можливостей додатка клієнта.Як ти вже зрозумів, команда Zapal успішно впоралась із цим завданням.
А зараз трохи детальніше поглянемо на процес цієї співпраці, наш вибір технологій і звичайно візуальні особливості проєкту.

nexa logo screenshot

Особливості дизайну

Дизайн вебсторінок був створений спеціалістами Zapal для представлення токена Nexa з найвигіднішого боку.
Ми можемо запевнити вас, що мінімалістичний дизайн вебсайту зосереджений на лаконічному використанні кольорів та декоративних елементів. Наші дизайнери виділили простоту форм і чисті лінії, щоб зберегти технологічний, дружній для користувачів і естетичний характер вебсайту. Нашою метою було створення сучасного, елегантного дизайну з чіткою та конкретною презентацією інформації та простим інтерфейсом.

Як ти можеш побачити нижче – нам це вдалось!


Наш вибір технологій

Ти ж бачив вище зазначені технології, що ми використали для створення та підтримки вебсайту Nexa? Так ось, їх справді було чимало, саме тому ми можемо сказати, що для їх кейса ми використали цілий стек технологій. Трохи детальніше про це вже тут і зараз!Як основний фреймворк ми обрали React. Першопричиною такого вибору є те, що вебсайти написані на цій технології дуже легкі у своїй вазі, що дозволяє хостити їх на будь-якій системі хостингу. Крім того, React, використовуючи об’єктну модель документа, створює середовище в якому будь-які зміни, що відбуваються — стаються саме в React напряму. Що ж позитивного в цьому для нас і нашого клієнта? Власне, те, що будь-які оновлення, котрі ми вносимо одразу оптимізовані. Тобто, внесення змін займатиме всього пара годин, а не кілька десятків.
Наші розробники також використовували Styled Components для створення власних компонентів в React.

Для проєкту Nexa, ми виконали фундаментальну аналітичну роботу. Zapal інтегрували Google Tech та Google Analytics для нашого клієнта. Додатково, ми інтегрували  “end-to-end” систему аналітики. Як це працює: наша команда синхронізувала Google Analytics з усіма іншими системами аналітики, і після цього зібрала всі дані на одній сторінці, яка призначена суто для внутрішнього використання Nexa.Щодо зберігання всіх даних — ми обрали Amazon S3 та Amazon Cloud Front. Наша команда вирішила використовувати технологію, яку використовує наш клієнт для інших послуг — і так, це Amazon Web Services. Таким чином, ми розмістили весь код на цій платформі.

Ether. Відкрита бібліотека, яку ми використовували для взаємодії з блокчейном Ethereum та його екосистемою.
Це було надважливо для токена Nexa, оскільки він побудований на блокчейн мережі ERS-20 Ethereum.

Результати

Чи вдалось нашій команді все-таки створити вебсайт Nexa таким, щоб і ти та вся спільнота CAT (chain-agnostic community) зрозуміли потужність Nexa? Безумовно! Це було не просто, але наша команда створила унікальний сайт для презентації Nexa Network. Завдяки Zapal вебсайт залучає понад 9,000 клієнтів щомісяця, допомагаючи їм відкривати для себе Nexa. Ми забезпечили повний цикл розробки для Nexa, починаючи зі створення айдентики, до написання фінальних рядків коду та друкування останніх слів тексту.

Як ви можете помітити, все було виконано на найвищому рівні, відповідно до наших високих стандартів.
Це була історія Zapal та Nexa!

Nexa network footer screenshot

Досягни успіху разом з Zapal

Kristina Nadiryan

Крістіна Надірян

Керівниця з розвитку бізнесу

Бачу, що тебе вразив кейс нашої команди. Ми готові робити перші кроки до твого блискавичного проєкту вже сьогодні. А ти?

Заплануй зустріч Або Напиши нам