Опис

Портфоліо з розробки сайту для токенів.
Я створила цей проєкт токенів, щоб показати, як технології можуть бути простими, корисними й доступними для кожного.
Ці токени - це не просто черговий цифровий продукт. Я вкладала в них час, знання та любов до того, чим займаюсь.
Кожен елемент продуманий до дрібниць, починаючи з дизайну й закінчуючи функціоналом.
Мені хотілося зробити щось своє - стильне, зрозуміле, але з душею.
Основною метою було розробити та реалізувати на Webflow технологічний і водночас естетичний лендінг для дефляційного токена AnotherONE (стандарт BEP-20 на Binance Smart Chain), що допомагає незалежним митцям та музикантам монетизувати свою творчість через NFT без посередників.

Що замовляв клієнт?
- Сучасний Web3-дизайн: розробка темного інтерфейсу з футуристичними неоновими елементами для залучення криптоспільноти та інвесторів.
- Структурування токеноміки: наочне відображення ключових показників емісії токенів (Initial supply, Pre-Sale supply, розподіл на маркетинг та розробку).
- Інтерактивна дорожня карта (Roadmap): реалізація пофазового плану розвитку проєкту (Phase One, Two, Three).
- Інструкція для користувачів: інтеграція простого та зрозумілого гайду щодо купівлі токенів на децентралізованих біржах (PancakeSwap)[6] та перегляду технічної документації (Whitepaper)[3].

Виконана робота
- UX/UI-проєкт та візуальні рішення:
Обрано глибокий темний фон у поєднанні з контрастними неоновими градієнтами (синій, фіолетовий, рожевий), що є класичним стандартом для індустрії Web3.
- Використано елементи стилю Glassmorphism (напівпрозорі картки з ефектом розмиття заднього фону) для блоків із цифрами та метриками[3].
- Оформлено блок "Not another shitcoin, We are the ONE" із демонстрацією картки NFT-аукціону, таймером зворотного відліку та актуальною ставкою у BNB.

Інтерактивність на Webflow:
- Реалізовано анімації руху за курсором (мишка взаємодіє з плаваючими скляними сферами та елементами інтерфейсу, наприклад, біля кнопки переходу до Whitepaper).
- Створено плавні переходи (hover-ефекти) для карток навігації та списків інструкцій.

Функціонал та зручність:
- Налаштовано швидке копіювання адреси смарт-контракту в один клік.
- Спрощено подачу складних технічних етапів дорожньої карти через акуратні інтерактивні списки.
- Адаптивна верстка: інтерфейс оптимізовано під екрани мобільних пристроїв, щоб користувачі могли швидко ознайомитися з проєктом зі своїх криптогаманців на смартфонах.

Що отримав клієнт у результаті?
- Повністю робочий промо-сайт на Webflow із високою швидкістю завантаження та плавною анімацією.
- Візуально привабливу вітрину технологічного стартапу, яка викликає інтерес як у творців контенту, так і у потенційних інвесторів.
- Повністю реалізовану інтерактивну інструкцію купівлі та копіювання смарт-контракту, що полегшує процес онбордингу нових користувачів.

Навички

Верстка сайтів та веб-сторінок

Веб-адреса

nadiyas-fabulous-site.webflow.io

Тривалість

Не зазначено

Вкладення

Вкладення не знайдено