Разработка корпоративного сайта, который продаёт сложные ИТ-услуги: кейс АЙТИФОКС

Главное о кейсе

Мы — компания, которая занимается заказной разработкой. Делаем финтех решения, ИИ-системы для распознавания блюд, высоконагруженные проекты, платежные сервисы для Нигерии, реверс-инжиниринг IoT-устройств.

При этом наш собственный сайт оставался тем же лендингом, который когда-то собрали «на скорую руку».

И вот время пришло! За 3 месяца сделали новый сайт, который отражает наш реальный уровень, квалифицирует лидов, легко масштабируется и помогает продавать.

Как проект изменил жизнь пользователей

Для клиентов (B2B-заказчиков):

До:
Потенциальный клиент заходил на сайт и видел «очередную студию, которая делает лендинги по шаблону». Даже если ему нужна была сложная ИИ-интеграция или отказоустойчивая архитектура, у нас не было возможности быстро это показать. Многие уходили к тем, кто выглядел убедительнее.

После:
Теперь у нас отдельные страницы под финтех, автоматизацию и ИИ. Клиент из финтеха попадает в релевантный контекст — с понятными ему проектами, терминами и кейсами. Он сразу видит, что мы делаем именно то, что ему нужно. Путь до заявки стал короче, а конверсия в лид — выше.

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

Для нашей команды (особенно контент-менеджеров):

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

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

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

Бизнес-задача и ее решение

За 6 лет мы выросли с нескольких человек до 60+ в штате. В портфолио появились сложные проекты: финтех, высоконагруженные системы, ИИ-решения для HoReCa. А сайт остался тем, с чего начинали — простым лендингом с накрученными страницами.

Возник разрыв между тем, что мы реально делаем, и тем, что видит клиент.

Три бизнес-проблемы:

1. Потеря доверия. Серьезный B2B-заказчик оценивает подрядчика в первую минуту. Старый сайт создавал впечатление «вчера открылись».
2. Нецелевые лиды. К нам приходили с запросами уровня «сделайте лендинг» — мы тратили время продавцов на отсев, а не на продажи.
3. Высокая стоимость контента. Каждый новый кейс требовал участия разработчика. Мы не могли быстро показывать свежие проекты, а значит — теряли возможности.

Как мы решили (после двух провалов).

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

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

Что сработало в итоге:
1. Перестали относиться к сайту как к «внутренней задаче». Он стал полноценным проектом со своим бюджетом, сроками и выделенной командой.
2. Защитили ресурсы команды от переключения на другие задачи. Ежедневные синки — никаких потерянных недель.
3. Сделали кастомную разработку вместо готовой CMS. Полный контроль над кодом и архитектурой.
4. Спроектировали админку под скорость добавления кейсов — потому что портфолио наше всё.
5. Запустили отдельные страницы под ключевые сферы — финтех, автоматизация, ИИ. Каждая — со своим текстом, кейсами и лид-магнитом.

Крафт (мастерство), реализация, технические детали

Какие технологии выбрали и почему:

Фронтенд мы построили на Next.js. Выбрали его за серверный рендеринг — это дает высокую скорость загрузки и хороший SEO, что критично для входящего трафика.

Бэкенд написали на Python. Отказались от готовых CMS, потому что каждая из них рано или поздно начинает ломаться при нестандартных доработках. Своя логика — полный контроль.

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

Дизайн: от чего отказались и что сделали вместо.

Мы сознательно отказались от модного стиля «онлайн-журнал» — с огромными заголовками, бесконечными лентами и однообразной структурой. Такие сайты есть у каждой второй студии. Они выглядят дорого, но сливаются в памяти. Через полгода этот «вайб» устаревает, а менять сайт каждые полгода мы не планируем.

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

Анимации мы добавили, но без фанатизма. Там, где они работают на восприятие: плавное появление блоков при скролле, микроинтеракции при наведении на элементы, акценты на ключевых цифрах. Но нет тяжелых роликов, которые грузятся по 5 секунд. Наша задача — чтобы клиент быстро получил информацию, а не ждал спецэффектов.

Отдельная история — страницы под ключевые сферы. Мы не стали делать типовой сайт студии, где всё свалено в одну кучу. Под финтех, автоматизацию и ИИ мы запустили отдельные посадочные страницы. На каждой — свой текст, свои кейсы, свой лид-магнит. Клиент из финтеха попадает не на общую страницу «мы делаем всё», а в релевантный контекст, где видит понятные ему проекты.

Управление процессом (техника, которая спасла проект).

Главное, что мы сделали иначе — перестали относиться к сайту как к «внутренней задаче». Мы выделили отдельную команду: бэкенд-разработчик, фронтенд-разработчик, лид-дизайнер, тестировщик и проджект-менеджер. Эти люди больше никуда не переключались — их ресурсы были защищены от других проектов.

Каждое утро мы проводили 15-минутный синк: фиксировали статус, блокеры и план на день. Это убило проблему «потерянных недель» и забытых договоренностей. Никакой разницы между внешним и внутренним проектом — одинаково жесткая дисциплина.

Что получили в цифрах.

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

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

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Две провальные гипотезы и что мы из этого вынесли.

Гипотеза №1: «Сэкономим время и бюджет, привлечем внешнее агентство, возьмем готовую CMS»

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

→ Инсайт: «Скупой платит дважды». Лучше остановиться, признать ошибку и начать заново, чем мучить систему, которая не создана под твои задачи.

Гипотеза №2: «Сделаем силами свободных сотрудников, зачем выделять отдельную команду»

→ Реальность: как только появлялся оплачиваемый проект, людей забирали. Через несколько недель приходилось заново вникать в документацию, терять время на раскачку. Внутренний проект всегда проигрывает оплачиваемому, если не защитить ресурсы.

→ Инсайт: Без выделенной команды и защиты ресурсов внутренний проект будет длиться бесконечно. Или никогда не закончится.

Что сработало на 100%.

1. Отношение к сайту как к полноценному продукту. Бюджет, сроки, команда — всё по-взрослому.
2. Ежедневные синки. Никаких «потерянных недель» и забытых договоренностей.
3. Удобная админка — не опция, а must-have. Кейсы — основа нашего позиционирования, их добавление должно быть мгновенным.
4. Отказ от модных трендов в дизайне. Сайт должен запоминаться содержанием, а не «вайбом, который устареет через полгода».

Процесс создания (как мы взаимодействовали… с самими собой)

Чего мы больше не делаем: не нанимаем внешних подрядчиков без полного контроля над архитектурой.

Чего мы больше не делаем: не размазываем внутренний проект по свободным сотрудникам.

Что внедрили как стандарт: выделенная команда + PM + ежедневные синки + защита ресурсов.

Главный инсайт для всех.

«Внутренний проект без четкого фокуса обречен. Чем дольше он длится, тем больше теряется контекст и тем дороже становится финальный результат. Сайт можно бесконечно дорабатывать и откладывать, но в какой-то момент нужно принять решение, собрать команду и довести дело до конца».

P.S. Мы это сделали. За 3 месяца. И теперь новый сайт работает на бизнес, а не пылится в бэклоге.

Скриншоты