Rate this fw-portfolio

DotDots

Про проєкт

DotDots — сайт компанії, яка спеціалізується на консультаціях для індустрії нових технологій. З 2017 року організація надає професійні консультаційні послуги в таких сферах, як Fintech, AI (штучний інтелект), Blockchain і Quantum Computing. Сайт слугує візитною карткою компанії, демонструючи її експертизу та сучасний підхід до роботи з клієнтами.

Цілі проєкту

Попередня версія сайту була застарілою, не відображала всіх переваг компанії та не підкреслювала її прогресивність у сфері новітніх технологій. Крім того, сайт мав обмежені можливості управління контентом, що ускладнювало його оновлення. Основною метою стало створення сучасного ресурсу, який би відповідав духу часу та потребам компанії.

Галузь

Сучасні технології

Рік запуску

2023

Виклики та завдання:

Замовник звернувся з кількома ключовими проблемами, які заважали ефективному представленню компанії в онлайні:

001

Застарілий дизайн старого сайту

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

002

Проблема нормальної роботи з адмінкою сайту

Редагування контенту було ускладнене: не вистачало базових інструментів для управління текстами, зображеннями та окремими елементами сторінок. Адмінка була заплутаною і технічно застарілою, що не дозволяло оперативно вносити зміни.

Завдання для нашої команди:

001

Розробка сучасного та нетипового дизайну з елементами “майбутнього”

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

002

Побудова та розробка 3D-фігури

Окреме завдання — створити та інтегрувати 3D-елемент, який би став візуальним акцентом сайту. Він мав не просто прикрашати інтерфейс, а бути частиною концепції «технологій майбутнього», підсилюючи загальне враження від сайту.

003

Інтерактивні елементи та анімації

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

004

Зручна система керування контентом (адмінка)

Особливий акцент зроблено на спрощення процесів редагування сайту. Потрібно було розробити інтуїтивно зрозумілу адміністративну панель, яка дозволяє команді клієнта самостійно змінювати текстовий і візуальний контент без залучення технічних фахівців.

UX/UI дизайн:

Перед початком роботи було проведено, такі UX-дослідження:

Проведено детальне обговорення з клієнтом для визначення проблем, цілей проєкту, цільової аудиторії та ключових потреб.

Виконано аналіз сильних і слабких сторін основних конкурентів у сфері технологічних консультацій для створення конкурентоспроможного продукту.

Зміни, які були реалізовані:

Розроблено новий, сучасний дизайн. Було створено унікальний візуальний стиль з акцентом на футуризм — із нестандартною структурою, анімованими елементами та продуманою колірною палітрою. Новий дизайн не лише виглядає сучасно, а й ефективно комунікує з користувачем, підкреслюючи експертність і технологічність компанії.

Створено адміністративну панель з можливістю управління контентом та елементами. Розроблено кастомізовану адмінпанель, яка забезпечує зручне редагування текстів, зображень і функціональних блоків без залучення програмістів. Це значно спростило щоденну роботу команди над сайтом і зробило оновлення контенту гнучким і оперативним.

Оптимізація сайту до гарних показників швидкості. Було проведено глибоку технічну оптимізацію — мінімізація коду, налаштування кешування, стиснення ресурсів і адаптація медіафайлів. У результаті сайт швидко завантажується навіть при складному візуальному оформленні та інтерактивних елементах, що покращує користувацький досвід і позитивно впливає на SEO.

Використані технології:

Сайт створений на CMS WordPress із використанням мови програмування PHP та компілятора Twig. Сайт працює на сервері Apache, дані зберігаються в базі MySQL. Для реалізації дизайну та інтерактивних елементів додатково застосовувалися HTML, CSS і JavaScript.

Функціональні можливості сайту:

Сайт має ряд професійних функціональних можливостей для зручності користувачів:

Форма зворотного зв’язку

01

На сайті реалізована інтегрована форма зворотного зв’язку, яка дозволяє користувачам швидко залишити повідомлення, запит або запитати консультацію. Форма оптимізована під різні пристрої, має зручну структуру та адаптована під UX — що значно полегшує комунікацію з потенційними клієнтами та партнерами.

Результати:

001

Оновили дизайн, зробили його більш сучасним.

Сайт отримав сучасний вигляд із нетиповими елементами, що повністю відповідає духу технологічної індустрії та позиціонує компанію як інноваційного гравця на ринку.

002

Розроблено на сучасній системі, на якій можна дороблювати функціонал.

Проєкт реалізовано на платформі WordPress із використанням сучасних технологій. Це дозволяє без проблем розширювати функціонал сайту в майбутньому без потреби суттєвого перепроєктування.

003

Висока продуктивність сайту.

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

004

Розроблені інтерактивні елементи на сайті та анімації.

Впроваджено низку інтерактивних елементів, анімацій і ефектів, що створюють динамічну взаємодію з користувачем і покращують користувацький досвід.

005

Розроблена 3D модель.

Створено унікальну тривимірну фігуру, яка стала ключовим візуальним елементом сайту.