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