О задаче

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

Колледж под NDA и его аудитория

Наш клиент – учебное заведение среднего профессионального образования, колледж или техникум из сегмента B2C. Название, город и масштаб остаются под NDA. Набор идет на специальности после 9 и 11 класса. В открытых источниках обучение после 9 класса длится 3 года и 10 месяцев и заканчивается дипломом СПО. Сайтом пользуются три группы: абитуриенты с родителями, студенты, преподаватели.

С чем пришел колледж

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

Вид страниц ломал еще и контент. Сотрудник добавлял свежие материалы и снимки любительского качества, отчего гармоничный образ распадался. У поступающих при этом не было короткого хода к заявке. Другие колледжи принимают заявки прямо на странице специальности с призывом «узнайте условия поступления», ставят обратный звонок, раздел вопросов и ответов.

Задача и цели редизайна

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

Особенности сайтов техникумов и колледжей

По данным региональной прессы, в техникумы идут почти 60% девятиклассников, приходят даже отличники. Значит, страницы читают в первую очередь подростки и их родители. В той же региональной публикации пишут, что программы все чаще готовят под конкретных работодателей, а на большинство специальностей идет ускоренное обучение: 2 года и 10 месяцев вместо 4 лет.

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

Что сделали на сайте колледжа

Работу начинаем сразу после оплаты. Бриф занимает 1 день, аудит ресурса и ниши 3–5 дней, стратегия со структурой 5–7 дней. Дальше идут циклы по 4 недели с планом и прогнозом на 1 месяц, следующий план строим по итогам цикла. Каждый месяц присылаем отчет: что сделано по плану и что переносим в следующий цикл. Домен, хостинг, админку и кабинеты аналитики оформляем на учебное заведение.

Аудит старого сайта

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

Структура и главная

Главную собираем как витрину основных разделов: о колледже, специальности, 3D-тур, преподаватели, лицензии и документы, новости. Она задает стиль остальным страницам и работает как лендинг. Навигация по разделам простая, чтобы родители без подсказок находили нужное. Абитуриент с первого экрана видит список направлений подготовки, а студенты с преподавателями быстро находят новости, документы.

Дизайн в фирменном стиле и фото-стиль

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

Адаптивная верстка и страница 404

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

Формы для абитуриентов

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

Запуск и поддержка

Перед запуском тестируем и отлаживаем все страницы, проверяем безопасность. Подключаем Метрику и Вебмастер, чтобы видеть визиты, заявки, ошибки индексации. Дальше помогаем с обновлением контента и правками, решаем возникающие проблемы. Сотрудники получают доступ к админке и правила оформления, поэтому могут публиковать новости сами.

Результаты и заявки абитуриентов

Числовые примеры из материала не являются подтверждёнными результатами клиента.

Пример результата в нише. Так обычно выглядит итог приемной кампании после редизайна в таких проектах по открытым кейсам рынка: заявки абитуриентов с сайта растут с 40 до 110 за сезон. Доля визитов с телефонов держится около 70%, и с адаптивными формами большая часть заявок приходит со смартфонов. Это пример для ниши, а не цифры этого проекта.

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

Что еще влияло и что не получилось

Главное ограничение на готовом проекте – контент. Сотрудники добавляют материалы со снимками, а без правил оформления страницы теряют единый вид. В открытом кейсе прямо пишут, что не у всех есть возможность снимать профессионально. Требование фирменной гаммы сужает выбор решений в дизайне. Нужна постоянная поддержка: правки, обновление контента, решение возникающих проблем. Что сказалось на этом проекте, расскажем по факту на разборе.

Выводы для руководителя учебного заведения

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