Редизайн сайта IT-компании

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

Сайт компании местами устарел — и это считывалось быстрее, чем fuse8 успевали донести свою экспертизу.

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

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

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

1. Обновить визуал и ощущение от сайта, чтобы он сразу говорил: команда экспертная, сильная, с ней хочется работать.
2. Чётко показать фокус: fuse8 — про большие, комплексные проекты (интеграции, сложные системы, масштабные продукты), а не про лендинги и разовые задачи.
3. Прокачать подачу услуг: превратить страницы из обычного описания в «залипательный» опыт, где хочется разбираться и примерять решения на свои задачи.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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