КЕЙС: Разработка корпоративного сайта на WordPress для для компании «Полесье Сталь»

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

Сайт плохо объяснял, чем на самом деле занимается «Полесье Сталь»: не было акцента на выездных работах, сложных случаях ремонта, работе с любыми типами техники и брендами. Структура была разрозненной, тексты – общими, форму заявки приходилось еще искать. Основной поток обращений шел по сарафану, а не через сайт.

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

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

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

Мы описали техническое ТЗ под разработку: какие шаблоны понадобятся, какие сущности и поля должны быть в админке, как будут связаны услуги, бренды техники и виды работ. Заложили кастомные типы записей и таксономии под дальнейшее расширение (отдельные посадочные, кейсы, брендовые страницы) без переломки темы.

Отдельно спланировали логику форм: какие данные собираем, куда уходит заявка, какие статусы видит пользователь, какие поля обязательны. На этом этапе фактически был собран «скелет» проекта – всё, на что позже легли вёрстка и функционал.

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

Мы разверстали макеты на HTML5 и CSS3, сразу закладывая адаптив под основные разрешения. Без тяжёлых CSS-фреймворков, чтобы сохранить контроль над сеткой и не раздувать фронт. Якорная навигация и плавные переходы реализованы на чистом JavaScript (ES6+).

На стороне WordPress мы собрали кастомную тему:

• создали шаблоны под основные блоки и будущие внутренние страницы;
• вынесли тексты, изображения, списки услуг и брендов в удобные поля в админке, чтобы менеджеру не приходилось трогать код;
• настроили AJAX-формы с валидацией и понятными сообщениями об ошибках и успешной отправке;
• подключили анимации через GSAP для аккуратных появлений блоков и микроанимаций при скролле, без перегруза страницы.

Используемые технологии и инструменты

• CMS: WordPress (кастомная тема, созданные с нуля шаблоны и типы записей).
• HTML5, CSS3 – адаптивная сетка и аккуратная типографика.
• JavaScript (ES6+), jQuery – интерактив и логика форм.
• GSAP – плавные анимации при прокрутке.
• PHP + AJAX – обработка форм без перезагрузки страницы.

После сборки мы прошлись по проекту, проверили все еще раз:

• довели адаптив:  проверили макеты на десктопах, планшетах и мобильных, поправили «ломкие» места, отстроили сетку и размеры шрифтов;
• оптимизировали изображения, подготовили WebP, включили ленивую загрузку блоков и медиа, чтобы первый экран открывался максимально быстро;
• настроили кеширование и gzip-сжатие на стороне сервера, минимизировали CSS и JS, убрали лишние подключения;
• провели кроссбраузерное тестирование в актуальных версиях Chrome, Safari, Firefox и Edge, чтобы сайт вёл себя одинаково предсказуемо;
• добавили базовую микроразметку и корректные мета-теги, чтобы SEO-отделу не пришлось потом дорабатывать верстку.