ЗАДАЧА

Сайт Southbridge имел проблемы с навигацией и адаптивом: нарушенная сетка, отсутствие нормального скролла на главной, слабая мобильная версия. Это приводило к низкой вовлечённости и почти нулевым заявкам.

Цель
Создать рабочий сайт-инструмент: понятный для пользователей, логичный по структуре и удобный на всех устройствах. Важно было соединить UX-логику и современный UI, чтобы сайт не только выглядел лучше, но и реально работал на бизнес.

АНАЛИТИКА

Поведенческие данные показали несколько узких мест:

• Главная страница не удерживала внимание — большинство сессий заканчивалось на первом экране, скролла почти не было.
• Внутренние страницы открывали редко, чаще всего просмотр обрывался на 1–2 экранах.
• Мобильная версия была формальной: адаптив отображался технически, но не учитывал сценарии использования. CTA и важные блоки терялись.
• Формы обратной связи не работали как точки входа. Конверсии были единичными — пользователи их либо не замечали, либо не доходили.
• Путь пользователя был неочевидным: заявки распределялись хаотично — кто-то шёл в WhatsApp, кто-то кликал по якорям, но общей логики не было.

UX-РЕШЕНИЯ

Чтобы устранить найденные проблемы, я сосредоточилась на логике и сценариях:

• Спроектировала понятный пользовательский путь: от входа на сайт до заявки.
• Определила оптимальные точки для CTA и форм, переместив их в зоны активного внимания.
• Пересобрала структуру главной страницы и страниц услуг: добавила иерархию блоков, выделила ключевые акценты.
• Отрисовала прототипы остальных страниц + адаптивы к ним.

UI-ДИЗАЙН

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

Что изменилось:

• Интерфейс стал легче: больше воздуха, меньше визуального шума, чёткая работа со шрифтами и отступами.
• Цветовая система сохранена, но дополнена градиентами из существующих оттенков. Это добавило глубину без перегруженности.
• Тяжёлые иллюстрации убраны. Вместо них добавлены лёгкие графические элементы, которые расставляют акценты и создают ритм.
• Блоки выстроены в последовательную структуру, которая ведёт пользователя по истории.
• Презентация услуг стала конкретнее: карточки, иконки, списки вместо абстрактных текстов.
• Визуальный язык приведён к целостному стилю: графика и формы блоков считываются как единая система.
• Формы и CTA расположены в зонах активного внимания, добавлены несколько точек входа.

ДО/ПОСЛЕ

Оцените каждый из блоков в отдельности. Наглядно показано, как структурно можно поработать с блоками информации, добавив немного визуальных решений

ОТЗЫВЫ

Слова арт-директора компании Юлии
(Игорь – SEO, Антон - генеральный директор)