Уральский учебный центр - сайт курсов с экспортом в яндекс курсы

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

Сайт должен был обладать следующими достоинствами:

- красивый

- быстрый

- иметь каталог курсов с карточками

- иметь фильтры и поиск

- иметь выгрузку в XML яндекс курсов

- иметь микроразметку по основным стандартам

- быть лучше всех, всячески доминируя над другими

- в дальнейшем добавилась задача создания раздела с профессиональными стандартами по отраслям

В качестве примеров были показаны топовые сайты по продаже онлайн курсов - вкус у клиента имелся, но бюджет был строго ограничен, отчего творческую фантазию пришлось вписать в строгие рамки :)

Итак, мы имели: 

- 200+ курсов обучения и повышения квалификации производственной направленности

- информацию о том, что клиентами таких курсов в основном являются предприятия промышленности, массово отправляющих своих сотрудников на повышение и обучение

- стоимость от 15 т.р. за курс

- сложности со стороны клиента с созданием объема мультимедиа материалов для каждого курса

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

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

Для логотипа было придумано 5 вариантов. Клиент остановился на одном из вариантов в минималистичной стилистике.

Далее в Figma мы нарисовали несколько основных страниц и элементов оформления в вариантах для компьютерных дисплеев и смартфонов

На этом этапе был собран быстрый шаблон и интегрирован в CMS Wordpress.

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

Благодаря ACF имелись все нужные для выгрузки поля в формат курсов Яндекс XML, осталось реализовать сам экспорт и пройтись по валидатору, настроить крон для регулярного обновления файла.

Также для хорошего представления сниппетов в поиске Яндекс, Google и соц.сетях мы внедряли микроразметку OpenGraph и Shema в нескольких вариациях (курсы, местные компании, бизнес, товары). Поначалу мы хотели использовать готовый плагин для микроразметки, но как оказалось нужные нам форматы было воспроизвести тяжело и мы удалив плагин, внедрили микроразметку на уровне шаблона.

Валидаторы работают неодинаково. Мы приспособили разметку для всех.

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

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

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

Теперь на сайте есть раздел где можно найти любой профстандарт. Пока неясно стоит ли держать этот раздел открытым для поисковиков, время это покажет когда дойдет до продвижения. 

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