Somnia Network — компанія, що займається розробкою блокчейну нового покоління, який призначений для високошвидкісних застосунків. Блокчейн рівня Layer 1 підтримує 400000 транзакцій в секунду з мінімальною затримкою (менше 1 секунди). Наша команда отримала запит на створення корпоративного сайту для цієї компанії. Розглянемо, що у нас вийшло, які функції розробники реалізували.
Про хедер та головну сторінку
Відвідувачів сайту зустрічає великий банер з кастомною анімацією. Наші розробники реалізували його через спеціальну JavaScript бібліотеку. Хедер — важлива частина, адже він супроводжує користувача під час навігації. На ньому наші розробники сайтів на WordPress розмістили такі елементи:
- клікабельні кнопки, які ведуть на акаунти компанії в мережах Discord та X;
- випадаючі меню в блоках, що поділені на категорії;
- кнопки з вбудованими посиланнями на різні сторінки.
Анімації — це крутий прийом, щоб привернути увагу відвідувачів. Саме тому ми реалізували їх на головній сторінці. Із анімацій було впроваджено елементи, що обертаються, поступово з’являються при скролі або рухаються, коли користувач знаходиться у відповідному блоці сторінки. Для реалізації цікавих візуальних ефектів наші розробники сайтів на WordPress використали такі технології, як CSS-анімації: використання властивостей CSS для створення плавних анімацій.
Про інтеграції
Сучасний сайт — це не просто набір статичних сторінок, а система, в якій поєднується безліч програм. Наші спеціалісти зробили такі інтеграції:
- Notion;
- соціальні мережі;
- форми для залучення до команди;
- NFT-платформа;
- Dream Builder.
Завдяки цьому користувач легко потрапить на сторінки компанії в соціальних мережах, ознайомиться з різними документами та дізнається більше про Somnia Network.
Дизайн та інші фічі
Дизайн — ще одна особливість цього проєкту. Сайт виконано в двох варіаціях кольорів. Головна сторінка та блог в світлій темі, а всі інші сторінки — в темній. В залежності від теми змінюються стилі хедера та футера. Крім звичайних візуальних ефектів, наші розробники впровадили 3D-анімації. Вони виглядають значно привабливіше та додають сайту технологічності.
Ще одна фіча цього проєкту — декілька піддоменів. Завдяки цьому вдалося зручно структурувати сайт, розподілити навантаження та уникнути перевантаження, збільшити кількість трафіку.
Результат
Після розробки нашою командою клієнт отримав швидкий та багатофункціональний сайт. Стильний дизайн, корисні та кастомні інтеграції, декілька доменів, анімації — все це грає роль в інтерактивності та зручності для користувачів. Крім цього, наші розробники сайтів на WordPress зробили базову оптимізацію на етапах створення вебресурсу. Завдяки цьому сторінки завантажуються швидко та сайт не підвисає.