Перезапуск сайта IT-компании Outlines Tech

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

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

За пять лет мы выросли до 300+ специалистов, реализовали крупные проекты для банков, медицины и промышленности, провели ребрендинг и обновили фирменный стиль. Всё это мы хотели показать и закрепить на новом сайте, чтобы сформировать доверие к компании.

Google Lighthouse: 96–100 баллов по производительности из 100
Срок реализации: 2 месяца
Бюджет: 600 000 ₽

____
We decided to stop being "the cobbler's children with no shoes" and developed a new website. Redoing the old one didn't make sense: it was built on a website builder, where we couldn't control loading speed, architecture, or design. Any modifications turned into workarounds and didn't solve the main problem: the site didn't match our level of expertise or our new brand identity.

Over five years, we've grown to 300+ specialists, delivered major projects for banks, healthcare, and industrial sectors, underwent a rebrand, and updated our corporate identity. We wanted to showcase and solidify all of this on the new website to build trust in the company.

Google Lighthouse: 96–100 performance score out of 100
Implementation Time: 2 months
Budget: 600,000 RUB

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

Раньше сайт выглядел как временный лендинг и вызывал сомнения. Теперь это полноценная цифровая витрина компании, которая работает на доверие.

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

Сотрудники видят во вкладке «Медиацентр» свои публикации и материалы коллег. Это усиливает их причастность к жизни компании, помогает гордиться работой и командой. Для внешней аудитории «Медиацентр» показывает, что в Outlines Tech работает команда экспертов, с которыми хочется сотрудничать.

Для партнеров и СМИ мы открыли медиакит. Логотипы и бренд-материалы доступны в один клик, и пиар-отделу не нужно тратить время на пересылку файлов.

___
Previously, the website looked like a temporary landing page and raised doubts. Now it's a full-fledged digital showcase for the company that builds trust.

We made the interface transparent to make initial contact with us easier: it's immediately clear to the user what to click and where they will end up. For example, candidates go to the "Careers" section, see the team and open vacancies, and can apply immediately without extra steps or redirects.

Employees see their publications and their colleagues' materials in the "Media Center" tab. This strengthens their sense of belonging to the company's life, helps them take pride in their work and team. For external audiences, the "Media Center" shows that Outlines Tech employs a team of experts that people want to collaborate with.

For partners and media, we opened a media kit. Logos and brand materials are available in one click, and the PR department doesn't waste time sending files.

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

Раньше у Outlines Tech был слабый лендинг: пара картинок, абстрактный текст о себе и форма обратной связи, которая сбоила и выдавала ошибку 403. Клиенты и кандидаты говорили напрямую: «Странно, когда у IT-компании такой слабый сайт». Это подрывало доверие и мешало нам расти.

Мы захотели исправить ситуацию и решить новым сайтом несколько задач:
— Показать экспертизу и надёжность для B2B-клиентов
— Поддержать HR-бренд и привлекать кандидатов напрямую через сайт
— Встроить новый фирменный стиль в цифровую коммуникацию
— Подготовить площадку для запуска контекстной рекламы

Новый сайт показывает высокий результат в Google Lighthouse: 96–100 баллов за производительность и 91–100 баллов по другим параметрам. Страницы загружаются в среднем за 0,7 секунды.

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

Вместо старого сайта-визитки у нас появился инструмент продаж, найма и коммуникации. Например, около 15% всех откликов на наши вакансии приходит напрямую через сайт, что считается высоким показателем для рекрутмента.

____
Outlines Tech previously had a weak landing page: a couple of images, abstract text about themselves, and a feedback form that malfunctioned and returned a 403 error. Clients and candidates said directly: "It's strange for an IT company to have such a weak website." This undermined trust and hindered our growth.

We wanted to fix the situation and solve several problems with the new site:
— Show expertise and reliability to B2B clients
— Support the HR brand and attract candidates directly through the website
— Integrate the new brand identity into digital communications
— Prepare a platform for launching contextual advertising

The new website shows high results in Google Lighthouse: 96–100 points for performance and 91–100 points for other parameters. Pages load on average in 0.7 seconds.

The design adapts to any device and screen resolution. Users accessing the site from a phone, computer, or tablet see an equally convenient interface, unlike builder-based sites where the mobile version or different screen resolutions can break the layout.

Instead of the old business card site, we now have a tool for sales, hiring, and communication. For example, about 15% of all responses to our vacancies come directly through the website, which is considered a high rate for the recruitment industry.

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

Мы сразу решили делать самописный сайт, а не брать конструкторы и коробочные решения. Это дало контроль над скоростью загрузки, дизайном и архитектурой.

Сайт разработали за 2 месяца с бюджетом 600 000 ₽. За это время мы:
— Разработали дизайн в Figma и собрали собственный UI-kit, который отражает фирменный стиль и позволяет быстро собирать новые страницы.
— Сделали фронтенд на Next.js с серверной отдачей страниц (SSR), чтобы ускорить загрузку и улучшить индексацию в поисковых системах.
— Настроили бэкенд на Strapi для управления контентом: HR публикуют вакансии, PR-отдел добавляет новости и загружает материалы в «Медиацентр».
— Подключили API HeadHunter, чтобы вакансии автоматически появлялись в разделе «Карьера».
— Настроили маршрутизацию заявок: обращения с разных страниц уходят напрямую в продажи, HR или PR.
— Встроили аналитику: Яндекс.Метрика и Google Analytics собирают данные по пользователям и конверсиям.
— Оптимизировали изображения, шрифты и порядок загрузки элементов. Сайт показывает 96–100 баллов производительности при замерах в Google Lighthouse.
— Сделали отказоустойчивость: сайт продолжает работать даже при сбоях, пользователи не видят ошибок.
— Добавили защиту: формы работают через капчу, трафик проходит по HTTPS

____
We immediately decided to build a custom website, not use builders or out-of-the-box solutions. This gave us control over loading speed, design, and architecture.

The website was developed in 2 months with a budget of 600,000 RUB. During this time we:
— Developed the design in Figma and assembled our own UI kit that reflects the brand identity and allows for quick assembly of new pages.
— Built the frontend on Next.js with Server-Side Rendering (SSR) to speed up loading and improve search engine indexing.
— Set up the backend on Strapi for content management: HR publishes vacancies, the PR department adds news and uploads materials to the "Media Center".
— Connected the HeadHunter API so vacancies automatically appear in the "Careers" section.
— Configured request routing: inquiries from different pages go directly to Sales, HR, or PR.
— Integrated analytics: Yandex.Metrika and Google Analytics collect user and conversion data.
— Optimized images, fonts, and element loading order. The site scores 96–100 performance points in Google Lighthouse tests.
— Implemented fault tolerance: the site continues to work even during failures, users don't see errors.
— Added security: forms use CAPTCHA, traffic uses HTTPS.

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

Главный инсайт: сайт IT-компании должен работать как продукт. Он показывает экспертизу, скорость загрузки и работу без перебоев, что напрямую влияет на доверие клиентов и кандидатов.

___
Key insight: an IT company's website must work like a product. It demonstrates expertise, loading speed, and uninterrupted operation, which directly impacts the trust of clients and candidates.

Прочая информация о кейсе

Outlines Tech — технологический партнёр для крупного бизнеса, резидент «Сколково». Компания входит в рейтинги CNews и TAdviser, а также в списки лучших работодателей Forbes, РБК и hh. Реализовали 360+ проектов в финтехе, логистике, ритейле, медицине, девелопменте и телеком-сфере. В компании работает 300+ специалистов.

Скриншоты