Задача
К нам обратились с проектом: образовательный проект университета: лекции, мастер-классы и тренинги с учёными, предпринимателями и людьми искусства. Основная аудитория — студенты и выпускники, которые выбирают направление развития. Как было устроено до нас: анонсы мероприятий рассылались в почте и в студенческих чатах, а расписание жило в таблице. Проблем набиралось три. Узнать о лекции можно было только из рассылки, на которую ещё надо было подписаться. Дальше — записаться получалось лишь ответным письмом, и организаторы вели список вручную. И самое неприятное: прошедшие мероприятия нигде не хранились, хотя записи и материалы к ним были.
В переводе на деловой язык это означало вот что: реклама приводила людей, а сайт не доводил их до обращения. Часть уходила к конкурентам просто потому, что там ответы лежали на виду, а здесь их надо было выспрашивать. До нас пробовали обойтись малой кровью — правили тексты, добавляли телефон на видное место, заводили страницу в соцсетях. Помогало ненадолго: корень был в устройстве, а не в оформлении.
Нужно было сделать так, чтобы посетитель доходил до заявки самостоятельно, а сотрудники не тратили время на повторяющиеся объяснения. Дополнительно оговаривались сроки и возможность вести содержимое своими силами, без обращения к разработчику по каждой правке. Отдельным пунктом шла скорость: сайт должен открываться быстро и на телефоне, и на слабом соединении.
Что сделали
Работу над проектом «образовательный проект» начали не с макета, а с разговора и структуры: разложили, что и в каком порядке должен узнать посетитель. Сделали по пунктам. Первое — раздел событий с фильтрами по формату и теме. Второе — страницу мероприятия с программой, спикерами и кнопкой записи. Третье — личный кабинет слушателя с историей посещений и сохранёнными материалами. Четвёртое — кнопки «поделиться» — событие расходится по соцсетям одной ссылкой. Техническая деталь, которая здесь решает: записи хранятся после мероприятия и остаются доступными участникам.
Много времени ушло на содержимое: разложили материал так, чтобы посетитель находил ответ на своей странице и не прыгал между разделами. Заодно собрали поисковый спрос и подогнали структуру под него — сайт должен приходить из поиска, а не только из рекламы. Сайт собран адаптивно и проверен на реальных устройствах. Картинки конвертируются автоматически и раздаются под размер экрана, страницы кешируются целиком. Всё содержимое редактируется в панели управления самим заказчиком.
Отдельный этап — проверка перед запуском. Прошли по всем страницам на телефоне и на десктопе, проверили отправку форм, корректность метаданных и переносы адресов со старых страниц на новые. Что изменилось после запуска: организаторы перестали вести списки руками, а слушатели — искать анонсы по чатам. После запуска месяц правили то, что вылезло на реальных посетителях, — это входит в работы по договору.
