Корпоративный сайт консалтинговой компании «Арасака»: редизайн, ребрендинг и инженерия с нуля
Полный цикл создания корпоративного сайта — от дизайн-системы и визуальной идентичности до архитектуры, разработки и оптимизации. Результат: 16 страниц, 99% сокращение бойлерплейта, загрузка < 1.5 с.
Задача
Арасака — российская консалтинговая компания с 9 направлениями практики, от стратегического консалтинга до цифровой трансформации и развития территорий. К 2025 году компания выросла из boutique-фирмы в полноценного игрока рынка с клиентами уровня Росатом, Сибур и Новатэк. Существующий сайт не отражал масштаб экспертизы: типовой шаблон, серые hero-секции, отсутствие единой дизайн-системы, дублирующийся код (2800 строк на одной странице), противоречивая статистика между разделами, мёртвые маршруты и отсутствие адаптивности для мобильных устройств. Требовалось создать с нуля корпоративный сайт, который транслирует профессионализм и масштаб консалтинговой компании, обеспечивает удобную навигацию по 40+ услугам и 22 отраслям, и при этом легко масштабируется при добавлении новых направлений.
Решение
Исследование и стратегия: аудит существующего сайта, анализ конкурентов (Big 4, McKinsey, BCG), интервью с заказчиком. Формирование позиционирования — «структурируем сложное, реализуем важное». Определение ключевых пользовательских сценариев и информационной архитектуры.
Дизайн-система и визуальная идентичность: единая система design-токенов (C.*) — 20 цветовых переменных, покрывающих все состояния. Фирменная палитра: тёмно-синий, бирюзовый, оранжевый, мятный. Типографика: Manrope для текста, Russo One для заголовков и чисел. Паттерн: тёмный hero с диагональными линиями и glassmorphism-карточками.
Информационная архитектура: редукция структуры — удаление 5 сиротских директорий, объединение /media в /press-center, настройка 301-редиректов. Иерархия: Услуги (3 категории, 9 направлений, 40+ поднаправлений), Отрасли (22), Решения (3 продукта), Пресс-центр (50+ публикаций).
Разработка и инженерия: Next.js 16 с App Router — серверные компоненты для SEO, клиентские только для интерактивности. Модульная архитектура: данные вынесены в отдельные файлы, универсальные шаблоны ServicePageTemplate и ServiceSlugPageTemplate генерируют 40+ страниц из данных. Сервисный реестр servicesData.ts — единый источник истины для навигации и контента.
Оптимизация и качество: удалено 7000+ строк дублирующегося и мёртвого кода. 18 boilerplate-layout'ов заменены на серверные компоненты с inline metadata. Иконки через строковый реестр для проброса через server/client boundary. Статистика компании — единый источник, устраняющий противоречия между страницами.
Адаптивность и доступность: mobile-first responsive — все 16 страниц оптимизированы для мобильных, планшетов и десктопа. Семантическая HTML-разметка, ARIA-атрибуты, keyboard navigation, alt-text для всех изображений, touch-friendly цели от 44px.
Результат
Создан с нуля корпоративный сайт консалтинговой компании Арасака — 16 полноценных страниц, 40+ подстраниц услуг, пресс-центр с 50+ публикациями, единая дизайн-система из 20 токенов и 2 универсальных шаблона. Проведён масштабный рефакторинг: удалено 7000+ строк бойлерплейта и дублирующегося кода, главная страница сокращена с 2806 до 23 строк (99.2%), 9 дублирующихся интерфейсов объединены в единый сервисный реестр. Сайт загружается менее чем за 1.5 секунды, получает 100 баллов в Lighthouse SEO, полностью адаптивен и доступен. При добавлении новой услуги достаточно добавить 5 строк в data-файл — шаблон сгенерирует страницу автоматически.