Редизайн веб-сайту Ntegrity – UX Design Case Study
Починаючи з 2012 року, Ntegrity допомогла сотням організацій зібрати мільйони пожертв та надихнути на дії.
)
Клієнт
Ntegrity - це відзначене нагородами агентство, що допомагає некомерційнии організаціям та державному сектору. Вони працюють з сотнями організацій щоб надихнути на зміни та сформувати впевненість в цифровому просторі.
)
Аудиторія
В співпраці з клієнтом, було розроблено декілька категорій користувачів та визначено, якою є їх ціль на веб сайті. Ми запитали себе: “Що отримав би кожен з них, якщо відвідає наш сайт?”. Відповіді дали змогу побудувати користувацький шлях.
)
Візуальний стиль
При створенні візуального стилю, ми притримувались принципу “фокус на важливому”. Саме тому обрали мінімалістичний підхід. За рахунок використання вільного місця було привернуто увагу користувачів до важливого контенту.
)
Ми не стали змінювати кольорову палітру, проте додали до неї строгості. Поєднання яскравих та контрасних кольорів на сторінці дають змогу швидко виділити та зчитати головне.
Відшовхуючись від логотипу, в якості основного шрифта для сайту, був обраний Graphik LCG. Він стілює в собі впевненість та динамічність. У поєднанні з кольоровою палітрою шрифт створив основу для нового веб-сайту.
)
Результат
Створивши новий візуальний стиль, ми змогли виділити Ntegrity ceред конкурентів на ринку. За рахунок яскравих акцентів було покращено взаємодію з користувачем, представивши нові елементи навігації, елементи та блоки.
)
Так цей сайт адаптується під інші роміри екранів
Обсяг робіт
Data collection
UX Research
Design Phase
User Testing
Development
QA
Пов'язані сервіси
All big ideas first start as a problem. Mine was simple: every agency I worked with only looked after themselves, not their clients.
Інші сторінки
На внутрішніх сторінках з’явився новий елемент стилю - геометричні об’єкти. Вони допомогли нам зв’язати сайт в єдиний стиль та одночасно зберегти контентно-орієнтований формат сторінок.
)
)
Технічна розробка
Команда розробників інтегрувала веб-сайт з CMS системою Storyblock. Модульна структура дала команді Ntegrity повний контроль над створенням нових сторінок, копіюванням та повторним використання розділів з легкістю та без додаткового програмування.
Легка кастомізація блоків. Всі блоки, що придатні для управління, полегшують управління вмістом навіть у складних макетах. Є можливість створювати різні компоненти, які дозволяють повторно використовувати ці компоненти в інших місцях, поповнюючи їх новим вмістом кожного разу, якщо це необхідно.
Проста ієрархія. Є змога створити свою власну ієрархію. Для запуску надійного середовища дуже важливо визначити різні етапи тестування вмісту, перш ніж він з’явиться в мережі інтернет.
Журнал активності. Відстежуйте зміни та відновлюйте до будь-якого моменту часу. Трапляються аварії. Storyblok завжди дозволяє відкочувати зміни з необмеженою історією версій, а видалені елементи вмісту можна відновлювати зі сміттєвого кошика.
Зміна розміру зоображення. Перетворюйте свої зображення на льоту.
Storyblok перетворює, оптимізує та кешує зображення для швидкого перегляду та оптимізації.
)
Дякуємо Ntegrity за натхненну роботу, яку ми зробили разом
Обговоримо проєкт?
Дякуємо, що догортали аж сюди. Давайте перейдемо до наступного кроку. Для цього надайте короткий опис вашого майбутнього проєкту у формі праворуч.