Кейс: Gazprom

Gazprom

Веб-сайт представляет собой платформу для поиска и просмотра заданий, размещенных на этой платформе. Сайт позволяет пользователям найти работу, используя настраиваемый Ajax фильтр по таким параметрам как местоположение, тип работы, отдел. Кроме того, пользователь может взглянуть на каждый доступный отдел и местоположение. Есть такие страницы, как FAQ / HELP и блог, на которых пользователь может получить больше необходимой ему информации.

Карьера в GM&T

В GM&T мы ищем только лучших кандидатов. Талантливые и энергичные личности – это хорошо, но те, кто разделяет наше стремление к развитию и находится с нами на одной волне – ещё лучше.

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

Вызов

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

Наиболее важными требования клиента были оптимизация сайта под все браузеры, оптимизация скорости загрузки страницы в соответствии с Google Speed, а также чистый и безопасный код.

Решение

Панель управления WP

В ходе обсуждения проекта с клиентом, было принято решение о необходимости создания собственной темы (Gazprom Theme). За основу была взята стандартная архитектура WordPress. Для реализации настраиваемых полей и страницы настроек темы использовался плагин ACF PRO. Было создано 2 типа записей и 3 категории.

Структура сайта представлена следующим образом:

  • Записи (post_type)
    • Категории (taxonomy)
    • Тэги
  • Вакансии;
    • Расположения
    • Тэги (Ключевые слова)
    • Отделы
  • История успеха

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

Gazprom
Страница продуктов

Публичная часть

Мы реализовали интеграцию в архитектуру WordPress, основываясь на его базе, создали шаблоны для всех категорий и типов записей. Был реализован динамический вывод контента, а также созданы Ajax-запросы на jQuery. Функционал динамического создания панели навигации был реализован как в заголовке, так и в подвале сайта с использованием стороннего класса Walker.

Поиск работы

Поиск вакансий – главная задача сайта. Мы создали полнофункциональный динамический поиск для собственного post_type (jobs) с учётом расположения и отдела, а также возможностью поиска вакансии по её названию. Мы использовали библиотеку Select2 в связке с jQuery для реализации пользовательского интерфейса, а также задействовали технологию Ajax для доступа к базе данных.

В дополнение к вышеописанному был добавлен функционал фильтрации вакансий по типу, времени публикации, алфавитный поиск и кнопка “Загрузить ещё”.

Блог

Опираясь на дизайн клиента, пользователь должен видеть последние записи и тэги на странице блога по 9 штук на странице. Мы реализовали фильтр записей и их поиск посредством Ajax.

Вывод

В результате совместной работы с клиентом, был создан качественный и хорошо оптимизированный проект. Редактирование сайта может осуществляться без помощи разработчиков и все основные действия такие как настройки, а также создание, редактирование и удаление записей были исключены из панели управления WordPress. Сайт был проверен отделом безопасности GM&T, получил положительную оценку и был запущен в работу.

Gazprom
Блог