Как быстро обновить небольшой корпоративный сайт, если он давно живёт на старой CMS и уже не помогает продажам? В кейсе компании «Унипром» мы прошли весь путь: разобрали старый сайт складских услуг в Клину, подготовили несколько дизайн-направлений, выбрали современную структуру и собрали новый сайт на SkeekS CMS через REST API.
Что было на входе
У компании уже был рабочий сайт skladvklinu.ru, но он был сделан на старой CMS и выглядел как типичный сайт начала 2010-х: много текста, мало визуальной иерархии, устаревшая шапка, перегруженные блоки и слабая адаптация под современные экраны.
При этом сама услуга была понятной и востребованной: ответственное хранение, аренда складов, погрузо-разгрузочные работы и доставка грузов в Клину. Поэтому задача была не в том, чтобы «придумать компанию заново», а в том, чтобы яснее показать её сильные стороны и сделать сайт удобным для первого обращения.
Сначала структура, потом визуальный слой
Мы начали с разбора существующих материалов и выделили несколько ключевых пользовательских сценариев:
- быстро понять, какие складские услуги оказывает компания;
- перейти к подробному описанию нужной услуги;
- найти адрес склада и контактные данные;
- оставить заявку на обратный звонок;
- открыть юридические страницы и информацию о разработчике в футере.
После этого структура стала компактной: главная, услуги, отдельные страницы услуг, о компании и контакты. Для небольшого сайта это важный момент: навигация должна быть короткой, а смысл каждого раздела считываться без лишних переходов.
Предложенные варианты дизайна
Перед реализацией мы подготовили несколько направлений. Они отличались не только цветом, но и характером подачи: от спокойного промышленного сайта до более выразительного технического образа.
В итоге выбрали первое направление: оно лучше всего подходит для небольшого B2B-сайта складских услуг. В нём достаточно воздуха, сразу виден реальный склад, а основное действие — заказать звонок — не теряется среди второстепенной информации.
Что изменилось в интерфейсе
Новый сайт получил кастомную шапку, современный первый экран, карточки услуг с фотографиями, спокойную типографику и понятный футер. Акцентный оранжевый цвет использован для кнопок и навигационных состояний, а нейтральная палитра оставляет сайт деловым и не отвлекает от сути.
Отдельно доработали форму обратного звонка: она открывается в модальном окне на всех страницах, визуально совпадает с новым стилем сайта и не выглядит чужим элементом старой CMS.
Реализация через REST API SkeekS CMS
Сайт собрали на тестовом домене sklad.s2.h.skeeks.com. Для реализации использовали возможности SkeekS CMS: HTML-контент для страниц, кастомные шапку и футер, общий CSS и загрузку изображений в файловое хранилище.
Через REST API были подготовлены и опубликованы:
- главная страница с первым экраном, услугами, преимуществами и CTA-блоком;
- раздел «Услуги» и четыре отдельные страницы услуг;
- страница «О компании»;
- контакты с телефонами, почтой, адресом и встроенной Яндекс Картой;
- единый футер с юридическими ссылками и ссылкой на разработчика;
- глобальные стили для адаптивной версии сайта.
Главная страница после обновления
На главной странице сразу видно, чем занимается компания, где она находится и как оставить заявку. Ниже идут основные услуги, доказательства надёжности и дополнительный блок о компании.
Раздел услуг
Услуги вынесли в отдельный раздел, чтобы посетитель мог быстро выбрать нужное направление: ответственное хранение, аренда склада, погрузо-разгрузочные работы или доставка.
Контакты и карта
Страницу контактов сделали максимально практичной: слева реквизиты для связи и кнопки звонка/письма, справа — интерактивная Яндекс Карта с адресом склада в Клину. Такой формат помогает быстрее понять расположение и сразу построить маршрут.
Финальная проверка
После публикации мы проверили сайт в браузере на десктопе и мобильном экране: навигацию, кнопки, модальное окно заявки, карту, футер, юридические ссылки и адаптивность длинных подписей. Отдельно поправили выравнивание кнопок и нижней строки футера, чтобы сайт выглядел аккуратно не только на главной, но и на внутренних страницах.
Результат
На выходе компания получила современный компактный сайт складских услуг: с понятной структурой, актуальной визуальной подачей, удобными контактами и готовой основой для дальнейшего переноса на основной домен.
