Разработка сайта на Wordpress для компании в сфере индустриального кейтеринга

Наш клиент столкнулся с дилеммой: 15-летний сайт на WordPress устарел визуально и был плохо приспособлен для продающих задач. Его сложно продвигать по SEO и неудобно администрировать. Менять платформу на более бизнес-ориентированную (например, 1С-Битрикс) — значит нести расходы на лицензии и тратить время на переобучение команды. Оставаться на старом решении — терять клиентов и эффективность.

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

Решение подойдет компаниям с устаревшими сайтами на популярных CMS, которые хотят модернизировать ресурс без перехода на новую платформу.

Клиент — «Академия вкусных блюд» — организует корпоративное питание «под ключ». Компания обратилась к нам с запросом на разработку сайта: ресурс на WordPress морально устарел и не соответствовал актуальному позиционированию бренда.

Команда показала референс из числа наших выполненных проектов и передала собственную визуализацию — от неё мы отталкивались при согласовании работ.

WordPress. Команда клиента уже работала в этой CMS и не хотела терять наработанную экспертизу, поэтому требовалось сохранить и доработать привычную админку.

• Разработать уникальный дизайн и адаптировать его под мобильные устройства и браузеры
• Сохранить привычную CMS для комфортной работы контент-менеджеров
• Настроить гибкие шаблоны и пользовательские поля для удобного управления контентом в админке
• Перенести текстовое наполнение со старого сайта
• Обеспечить техническую стабильность нового ресурса

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

• Корпоративные клиенты — компании, которые хотят организовать питание для сотрудников. Для них предназначена основная часть сайта: вся Главная страница, Проекты, Сертификаты, Контакты.
• Потенциальные партнёры — поставщики продуктов и оборудования. Для них выделили отдельный раздел «Поставщикам» с информацией о сотрудничестве и контактами отдела закупок.
• Соискатели — специалисты, ищущие работу. Для них создали раздел «Карьера» с описанием особенностей работы в компании и прямыми контактами HR-отдела.

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

Отдельное внимание уделили технической реализации:

• Адаптивность — сайт корректно отображается на мобильных, планшетах и десктопах. Верстка не «едет», кнопки и формы остаются удобными для нажатия на любом экране.
• Кроссбраузерность — протестировали отображение в популярных браузерах (Chrome, Safari, Firefox, Яндекс), чтобы у пользователей не возникало проблем с доступом.

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

3.1. Интерактивный блок с этапами работы

На главной странице разместили блок «Берем на себя все вопросы по организации питания на предприятии». Здесь мы показали реальный процесс взаимодействия с клиентом: от первой заявки до запуска питания на объекте.

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

3.2. Слайдер в блоке «Реализованные проекты»

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

3.3. Лид-формы с маршрутизацией под разные аудитории

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

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

Штатной структуры WordPress (страницы и записи) оказалось недостаточно для корректной SEO-структуры и удобного управления. Например, без кастомизации сложно настроить правильные хлебные крошки. Кроме того, хранение разнородного контента в одном разделе усложняет управление: легко ошибиться при заполнении полей и нарушить отображение данных на странице.

Мы разработали отдельные типы записей для разделов: «Проекты», «Новости», «Сертификаты». Для каждого типа настроили свои пользовательские поля и добавили подсказки прямо в интерфейс админки — например, рекомендации по размерам загружаемых изображений.

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

Перенесли информацию со старого ресурса, добавили тексты и изображения в новые разделы и услуги. Разместили блок с сертификатами и наградами компании. Это работает на доверие и подтверждает квалификацию.

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

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

• Сайт удерживает внимание и формирует доверие. Понятная структура и аккуратный дизайн вовлекают посетителей, а реальные доказательства (портфолио, сертификаты, живые фото) убеждают в надёжности подрядчика.
• Команда самостоятельно управляет сайтом. Благодаря кастомизированной админке наполнение сайта не требует участия разработчиков, менеджеры сами обновляют контент без ошибок.
• Заявки не копятся в общей почте и не теряются. Разные целевые группы разделены на уровне структуры, обращения попадают сразу к ответственным сотрудникам (продажи, закупки, HR).
• Техническая база готова к росту. Быстрая загрузка, безопасность и правильная SEO-структура позволяют масштабировать проект и наращивать трафик.

Клиент получил обновленный инструмент, не меняя привычную экосистему. Мы сохранили WordPress, но превратили его из «базовой CMS для блога» в гибкую платформу под задачи бизнеса. Сайт полностью готов к маркетингу, а команда — к самостоятельной работе с контентом.