Irbis Tech / Raccoon HR
- Клиент
- Irbis Tech / Raccoon HR
- Тип проекта
- wordpress
О проекте
Сверстал предоставленные макеты дизайн-студии и интегрировал два сайта в WordPress: Irbis Tech для IT-компании и Raccoon HR для подбора IT-персонала. Редактирование контента реализовал через внутренние возможности WordPress и ACF Pro, все формы обратной связи — через самописные AJAX-обработчики.
Что было сделано
- Вёрстка двух сайтов по предоставленным студийным макетам
- Адаптация интерфейсов для компьютеров и телефонов
- Интеграция вёрстки в шаблоны WordPress
- Подключение редактируемого контента через WordPress и ACF Pro
- Реализация всех форм обратной связи через собственные AJAX-обработчики
- Отдельные сценарии обращения кандидатов и работодателей в Raccoon HR
Irbis Tech и Raccoon HR два сайта с разными задачами, объединённые одним подходом к разработке. Для обоих проектов мне предоставили готовые макеты дизайн-студии. Я сверстал интерфейсы и интегрировал их в WordPress, связал контент со штатными возможностями CMS и ACF Pro, а формы обратной связи реализовал через собственные AJAX-обработчики.
Исходная
От одной компании я получил два проекта с готовым студийным дизайном. Irbis Tech представляет IT-компанию: её услуги, технологии, отрасли работы и клиентов. Raccoon HR рассказывает о подборе IT-специалистов и предлагает два пути обращения для кандидатов и работодателей. Макеты задавали визуальную подачу, а вёрстку и интеграцию с WordPress требовалось реализовать.
Задача
Перенести предоставленный дизайн в работающие сайты и сохранить его характер на разных размерах экрана. Контент должен редактироваться из административной панели WordPress и полей ACF Pro, а формы отправлять обращения через самописную логику на AJAX без перезагрузки страницы.
Моя роль в проекте
Моя часть работы начиналась с готовых макетов. Я отвечал за вёрстку двух сайтов, интеграцию интерфейсов в WordPress, подключение редактируемого контента и реализацию форм обратной связи. Дизайн предоставила студия, а работу над обоими сайтами я выполнял в рамках задач от одной компании.
Для каждого проекта требовалось связать свою структуру страниц с CMS: у Irbis Tech презентацию услуг и компетенций, у Raccoon HR рассказ о подборе персонала и отдельные формы для двух аудиторий.
Как проходила работа
1. Разобрал предоставленные макеты
Определил структуру страниц, общие элементы и особенности каждого интерфейса. Для Irbis Tech в основе лежала многостраничная презентация IT-компании, для Raccoon HR знакомство с агентством и переход к обращению кандидата или работодателя. Эту структуру использовал как основу вёрстки и последующей интеграции.
2. Сверстал оба сайта по готовому дизайну
Перенёс макеты в HTML, CSS и JavaScript: собрал страницы, навигацию, контентные блоки и формы. Адаптировал интерфейсы для компьютеров и телефонов, сохранив композицию, типографику и визуальные особенности предоставленного дизайна.
3. Интегрировал вёрстку в WordPress
Готовые интерфейсы подключил к WordPress. Разделил вёрстку на шаблоны страниц и общие части, связал вывод материалов с данными CMS. Каждый сайт получил собственную структуру шаблонов, соответствующую его разделам и содержимому.
4. Подключил редактирование через WordPress и ACF Pro
Управление контентом построил на внутренних механизмах WordPress и дополнительных полях ACF Pro. Тексты, изображения и данные блоков связал с административной панелью. Это позволило обновлять содержимое сайтов без внесения изменений в вёрстку и PHP-шаблоны.
5. Реализовал собственные AJAX-формы
Все формы обратной связи в моей реализации работали через самописные обработчики на AJAX. Связал интерфейс форм с серверной обработкой: отправка происходила без перезагрузки страницы. В Irbis Tech формы сопровождали обращение по проекту, а в Raccoon HR обслуживали отдельные сценарии «Стать частью команды» и «Найти сотрудника».
Результат
Два студийных дизайн-проекта превратил в работающие сайты на WordPress. Irbis Tech получил интерфейс для презентации IT-услуг и компании, Raccoon HR сайт для знакомства с агентством и обращений по подбору специалистов.
Контент обоих сайтов стал редактируемым через WordPress и ACF Pro, а формы обратной связи получили собственную AJAX-обработку. Общий результат работы вёрстка по готовым макетам, интеграция с CMS и подключение прикладной логики форм.