01
Задача
«Медиа-Экран» производит и устанавливает светодиодные экраны. Оборудование подбирают для фасадов, торговых центров, выставок, сцен и других объектов. Покупателю важно понять, какой экран подходит под его задачу и какие сведения передать для расчёта.
У заказчика были готовая тема WordPress, существующий сайт, фотографии, видео и описания работ в отдельных документах. Нужно было собрать из них сайт с понятной навигацией и подготовить управление содержимым: новые проекты должны появляться в каталоге без копирования старой страницы и ручной сборки шаблона.
При переносе требовалось сохранить действующие адреса, материалы и данные магазина. Для посетителя — связать выбор оборудования, знакомство с работами и обращение к менеджеру.
02
Решение
Разделил три способа выбора. Подготовил отдельные разделы «Типы LED-экранов», «Решения для объектов» и «Наши проекты». В первом посетитель выбирает формат оборудования, во втором — место применения, в третьем смотрит примеры. Связал подходящие страницы между собой, чтобы не приходилось искать нужную информацию в общем списке публикаций.
Собрал карточки из материалов заказчика. Перенёс описания, фотографии, видео и характеристики в единые шаблоны. Для проектов предусмотрел галереи, параметры и связанные материалы; для направлений — описание, преимущества и ответы на вопросы. Фотографии открываются крупно, видео можно посмотреть на странице. Материалы из документов стали содержимым сайта, которое можно редактировать.
Настроил управление в WordPress. Выделил типы экранов, решения и проекты в отдельные пункты админки. Новая запись собирается из полей: текст, фото, видео, характеристики и связи. После публикации она появляется в нужном разделе. Общие контакты, тексты форм, сертификаты и кнопку MAX вынес в «Настройки сайта»: изменения применяются на использующих их страницах.
Подготовил обращение за расчётом. Добавил возможность приложить к заявке фотографию места установки. На странице проекта посетитель может оставить телефон и обсудить похожую задачу; на мобильном форма располагается в общем потоке страницы. Настроил отправку писем и переход к консультации в MAX. Согласие на обработку данных пользователь отмечает самостоятельно.
Перенёс сайт на площадку заказчика. Разместил рабочую версию на основном домене, сохранил существующие материалы, адреса и данные магазина. Подготовил заголовки, описания и карту сайта. Доработал корзину и оформление заказа: доставку и оплату оборудования покупатель согласовывает с менеджером, онлайн-оплата не подключена.
03
Результат
Рабочий сайт, в котором оборудование, направления применения и проекты представлены отдельно, но связаны друг с другом. Посетитель может перейти от своей задачи к подходящему решению, изучить фотографии и параметры, затем отправить обращение с фото объекта.
Заказчик получил отдельные редакторы каталогов и общие настройки сайта. Он может добавлять материалы и менять тексты через админку, сохраняя единую структуру страниц.
Посмотреть результат: Медиа-Экран.рф.
Технологии: WordPress, PHP, JavaScript, WooCommerce.
Проект в деталях
