Океанавтика: сайт программы
Редизайн сайта программы подводных исследований для подростков, который я же делала в 2017 году: новый стиль в пару к личному кабинету и структура, собранная по опросу родителей и детей.
Контекст
«Океанавтика» — общеразвивающая программа Центра подводных исследований Русского географического общества на базе ВДЦ «Орлёнок». Подростки 13–16 лет проходят заочный онлайн-курс, и 100 лучших бесплатно едут на 21‑дневную смену: погружаться с аквалангом и в мини‑субмарине, собирать подводных роботов, заниматься археологией и спасением на воде.
Обучение и отбор происходят в личном кабинете — о нём отдельный кейс. Этот кейс — про публичный сайт: то, что семья видит до регистрации и куда возвращается за правилами, сроками и новостями.
Первую версию сайта я сделала в 2017 году, к запуску программы. За эти годы программа выросла, личный кабинет получил новый дизайн — и сайт рядом с ним устарел и по стилю, и по содержанию.
Сложности
- После редизайна личного кабинета сайт 2017 года перестал с ним совпадать: переход «сайт → регистрация» выглядел как переход между двумя разными проектами.
- У сайта два читателя. Подростку нужно захотеть: что я буду делать на смене и какое направление выбрать. Родителю — решиться и не ошибиться: это правда бесплатно, какие документы, какие сроки.
- По закону регистрирует и подаёт данные родитель, а учится и проходит тесты ребёнок — сайт должен говорить с обоими, не смешивая их задачи.
- Отбор — жёсткая последовательность этапов с дедлайнами, а программа живёт годовым циклом: месяц регистрации, обучение, смена и долгое межсезонье.
Цели
Привести сайт к одному стилю с новым личным кабинетом.
Узнать у родителей, чего им не хватает на сайте, и закрыть эти пробелы.
Говорить с родителем и подростком так, чтобы каждый сразу находил своё.
Процесс
-
Кикоф с командой программы: уточнила, какие обновления нужны и что изменилось с 2017 года
-
Опрос родителей — о сайте: именно они решают, куда ребёнок поедет летом
-
Опрос детей — о личном кабинете, где они учатся
-
Новый визуальный стиль всего сайта, приведённый в соответствие с личным кабинетом
Что показал опрос родителей
- 98
- родителей из 126 ответили на опрос
- 4,65
- из 5 — насколько сайт отвечает на вопросы о программе
- 4,31
- из 5 — правила и условия: самая низкая оценка
Сайт в целом оценили как удобный и понятный, так что задача была не переделать всё, а закрыть конкретные пробелы. Почти три четверти опрошенных уже бывали в программе, поэтому ответы новичков я смотрела отдельно — им сайт нужнее всего.
«Сразу не видели, приходилось искать»
«Очень большой объём информации, который сложно читать на компьютере»
Результаты
Отзывы
До
Отзывов на сайте не было. При этом 75,5% родителей важно их видеть, а среди тех, кто участвует впервые, — 84%.
После
На главной появилась карусель отзывов. Каждый подписан именем и регионом, а цветные метки показывают годы участия — видно, что многие возвращаются по три‑четыре раза.
Сроки
До
Оценка за сроки была высокой (4,64), но комментарии говорили другое: дедлайны этапов приходилось искать, а новички не знали, что срок есть даже у начала обучения.
После
На странице «О программе» регистрация показана лентой карточек: у каждого этапа срок стоит в заголовке, под ним — одна поясняющая строка.
Правила и условия
До
Самый слабый пункт опроса: правила — это большой документ, который трудно читать с экрана, а система оценки достижений непонятна даже взрослому.
После
Условия разбиты на якорные разделы, частые причины отказа вынесены в предупреждения, а требования по возрасту и здоровью для пяти направлений сведены в одну таблицу. Достижениям отведён отдельный раздел FAQ.
Лагерь и программа
До
61,2% родителей хотели знать о лагере больше, среди новичков — 80%. Сайт рассказывал о программе, но почти не показывал, куда именно поедет ребёнок.
После
В меню «О программе» появился пункт «О лагере», у каждого направления — страница с кадрами прошлых смен, а раздел «Медиа» хранит архив с 2017 года.
Что ещё изменилось
Один путь, два голоса
Блок «Как принять участие?» делит четыре шага пополам: первые два — «для родителя», вторые два — «для участника». Меняется и тон: к родителю сайт обращается на «вы», к подростку — на «ты». Каждый с первого взгляда находит свою половину.
Пять направлений на одном экране
У каждой из пяти специальностей свой цвет — он же отмечает её на карточке, на странице направления и в личном кабинете. На главной все пять стоят в один ряд: их можно сравнить, не листая.
Сайт, который работает и в межсезонье
Одиннадцать месяцев в году регистрация закрыта. В это время главный экран честно говорит, что смена завершилась и когда откроется следующая, а основное действие меняется с регистрации на «Напомнить» — подписку на письмо о старте нового сезона.
Итог
Сайт работает по адресу oceanautica.ru и выглядит одним продуктом с личным кабинетом: семья проходит путь от первого знакомства с программой до регистрации, не меняя ни языка, ни стиля.