Редизайн брокерської компанії Zensum: формування довіри та забезпечення масштабованості

Для фінансового сайту довіра така ж важлива, як і кліки.

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

Разом із Турум-бурум і шведською SEO-компанією TopDog бренд Zensum оновив свій сайт. Тепер це зручна та масштабована платформа, яка працює ефективніше, покращує досвід користувачів і готова до подальшого розвитку.

Відправна точка. Виклики. Завдання.

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

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

Проєкт був зосереджений на трьох ключових завданнях:

1. Довіра: створити дизайн, що чітко передає надійність і професійність
2. Масштабованість: побудувати гнучку систему для підтримки великої та зростаючої кількості лендингів
3. SEO: забезпечити, щоб структура та контент підтримували довгострокову видимість у пошуку та його ефективність.

Для цього Zensum залучив TopDog для SEO-стратегії та Турум-бурум для UX/UI і розробки дизайн-системи.

SEO від TopDog як основа

Редизайн — це не лише про візуал, а про сильну стратегію та структуру.

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

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

UX/UI та дизайн-система: орієнтація на користувача з результатом для бізнесу

Компанія Zensum вже мала якісні продукти та бездоганну репутацію. Завданням було зробити так, щоб цифровий досвід це відображав.

Редизайн був спрямований на передачу надійності через зручний та інтуїтивний інтерфейс. У результаті — mobile-first UX/UI основа та масштабована дизайн-система, що враховує як потреби користувачів, так і бізнес-цілі.

Візуальна айдентика та дизайн-система для забезпечення узгодженості

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

Були впроваджені кастомні ілюстрації та UI-елементи, які замінили типові стокові зображення.

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

Було розроблено повноцінний UI kit, що включає типографіку, кольорову систему, компоненти та стани взаємодії для світлої й темної тем (див. UI-гайд далі).

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

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

Головна сторінка та навігація: сильне перше враження

Головна сторінка відіграє вирішальну роль у формуванні першого враження та залученні користувачів.

Як видно на скріншоті «до», попередня версія сайту містила релевантну інформацію, але не мала чіткої ієрархії, через що користувачам було складніше швидко зрозуміти, куди рухатися далі.

Використовуючи дані про поведінку, такі як теплові карти, карти кліків та аналітику (зображені нижче), команда визначила слабкі місця та проблемні зони.

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

Як показано у прикладі «після», оновлена головна сторінка має чітку ціннісну пропозицію, акцентований основний CTA та видимі елементи довіри, зокрема банки-партнери та відгуки клієнтів.

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

Сторінки послуг: перетворення складних процесів на чіткі кроки

Саме на сторінках послуг користувачі оцінюють варіанти та приймають рішення.

Як видно на прикладі сторінки послуг «до», вона містила потрібну інформацію, але їй бракувало структури й чіткості. Через це користувачам було складніше зрозуміти процес, ніж потрібно.

Як показано на прикладі «після», редизайн забезпечує більш інтуїтивний досвід:

• Зрозуміла перевага та CTA у верхній частині
• Структуровані кроки, що розбивають складні процеси
• Секції, що розгортаються, для кращого сприйняття інформації
• Ілюстрації, що полегшують розуміння

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

Контентні сторінки: зміцнення довіри та підвищеня видимості

Контентні сторінки, такі як «Про нас», «Часті запитання» та блог, відіграють важливу роль як у SEO, так і у формуванні довіри користувачів.

Попередні версії були оптимізовані переважно для видимості в пошуку, але не мали структури, яка б полегшувала сприйняття інформації.

Як видно з прикладів «до» і «після», оновлений підхід поєднує обидві задачі. Тепер контент має чітку ієрархію, покращену читабельність та візуальні елементи, що доповнюють текст.

Це полегшує користувачам пошук відповідей та водночас підсилює довіру до Zensum.

Повний цикл реалізації: імплементація на Webflow

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

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

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

Було створено бібліотеку модульних компонентів та шаблонів, що покриває як основні сторінки, так і масштабоване створення лендингів для SEO та платного трафіку.

Від редизайну до результатів: платформа, створена для зростання

Редизайн сайту Zensum не лише покращив зручність користування, а й заклав міцну основу для розвитку бізнесу.

Нова платформа має зрозуміліші шляхи для користувачів, підвищує довіру на ключових сторінках і дозволяє ефективніше масштабувати контент та рекламу.

Завдяки гнучкому дизайну та продуманій структурі Zensum може й надалі розвивати продукт, підтримувати маркетинг і поступово підвищувати конверсію.