Редизайн сайта IT-компании: как показать экспертизу и продавать сложные проекты через сайт

Fuse8 — разработчики сложных цифровых продуктов для спорта, финтеха, логистики и других отраслей. Компания занимает 1-е место в рейтинге разработчиков на .NET и входит в топ-10 разработчиков на NEXT.JS.

Сайт агенства местами устарел и не успевал транслировать реальный уровень экспертизы. Редизайн должен был с первых секунд показывать масштаб компании и вызывать доверие, а также точнее закрепить позиционирование: fuse8 — команда, которая берёт на себя сложные задачи и отвечает за результат, а не просто «делает сайты».

Дополнительно важно было привести сайт к единому визуальному языку с внешними коммуникациями — соцсетями и публичной активностью, чтобы образ компании считывался одинаково во всех каналах.

Задачей Brele было сделать сайт, который не просто рассказывает, а продаёт масштаб задач и уровень команды fuse8.

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

Начали с обновления конверсионных страниц — главной, услуг и кейсов: именно через них быстрее всего меняется восприятие сайта.

Параллельно собрали UI-kit на базе новых решений и существующей структуры. Обновили шрифты, цвета, паттерны и сетку — зафиксировали единый визуальный стиль, чтобы дальше развивать сайт быстро и без потери качества.

Первое, с чем сталкивается пользователь — это главная. Мы сделали её как короткое знакомство с компанией: от общего к частному, с постепенным погружением в экспертизу.

Пересобрали структуру: усилили ключевые блоки, добавили новые, переработали этаж с кейсами, обновили шапку, подвал и форму заявки.

В итоге страница даёт цельное представление о компании: помогает быстро понять позиционирование, увидеть рейтинги, награды, посмотреть кейсы, заглянуть в блог и отзывы. При этом каждый блок ведёт в отдельный раздел, но без необходимости сразу углубляться во вложенное меню.

Форма в конце логично завершает этот путь: посмотрел, разобрался, оставил заявку.

На этой странице важно было не просто показать портфолио, а раскрыть ценность работы с fuse8. Поэтому ушли от формата «списка» и сделали более выразительную, нестандартную сетку.

Сами кейсы — это большие, многолетние проекты, и этот масштаб нужно было передать. Каждый оформили как отдельное событие: с крупным превью на весь экран и акцентом на задачи и результат.

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

Динамику усилили через обложки: для части кейсов сделали 3D-анимацию, остальные оставили объёмными картинками. За счёт этого появился ритм — страница выглядит живо и не перегружена.

Общая страница услуг — это точка входа и развилка: здесь пользователь должен быстро сориентироваться и понять, что ему подходит. Поэтому важно было подать всё без перегруза, но с понятной логикой выбора.

В основе — экспертиза fuse8 в полном цикле создания цифровых продуктов. Разложили этот цикл на отдельные направления — разработка IT-продуктов, проектирование, аутстаффинг и другие — чтобы сразу было понятно, с каким запросом можно прийти. Каждая услуга раскрывается на отдельной странице, но вместе они складываются в единый процесс.

При этом страница услуг — полноценный канал привлечения: ещё до редизайна около четверти заявок приходило именно отсюда.

На большинстве страниц использовали 3D-эффекты, но в меру: не сложные анимации, а лёгкие движения, реакции на курсор и небольшие сдвиги элементов: заголовков, плашек, блоков. Они добавляют глубины и живости, не отвлекая от смыслов и не усложняя разработку.

Для разработчиков подробно расписали, как работает анимация — направление движения, угол наклона слоёв при наведении — чтобы реализация точно совпадала с задумкой.

В итоге динамика работает на разных уровнях: от акцентных обложек кейсов до аккуратных микроанимаций — и вместе это делает сайт более вовлекающим.

В старой версии блог выглядел как типовая сетка — таких решений много, и они не цепляют. Хотелось разбавить подачу, но сохранить простоту: чтобы читатель всё так же легко «сканировал» статьи и ориентировался в контенте.

Поэтому список публикаций сделали нестандартной сеткой с разными размерами плашек — страница стала выглядеть динамичнее, без ощущения «полотна» одинаковых карточек.

Для детальной страницы статьи сделали набор элементов — врезки, списки, цитаты, фактоиды — из которых можно гибко собирать материал, не теряя целостности стиля.

Отдельно поработали с удержанием внимания: добавили блоки, которые нативно ведут пользователя дальше — кейсы прямо в тексте, связанные статьи по ходу чтения и дополнительные точки контакта вроде гайда и телеграма. Всё это помогает глубже вовлекать и дольше удерживать пользователя на сайте.

Главная задача страницы — вызывать доверие клиентов и усиливать HR-бренд. Этот раздел подчёркивает, что люди — самый ценный ресурс fuse8, и компания их не прячет, а наоборот, стремится сделать заметными. 

Для текущих сотрудников это признание, для кандидатов — сигнал, что здесь нормальная, живая среда и есть куда расти.

Поэтому важно было подсветить экспертизу сотрудников. У многих есть публикации в блоге, выступления — и это ценность, которую хотелось транслировать. Поэтому на странице добавили возможность перейти к материалам конкретного человека и посмотреть, что он делает и о чём говорит.

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