Летово: дизайн веб приложения по достижению учебных целей

О проекте

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

Проблема

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

Цели и задачи

После обсуждения с заказчиками и анализа результатов исследований мы сформировали следующие цели:

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

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

Моя роль

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

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

Результат

Запустили в нужные сроки базовую версию приложения, сформировали базу активных пользователей и получили обратную связь

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

На основе пользовательских запросов добавил три новые функции: рефлексию, обращения за помощью и связь со студентами

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

Добавил два тематических обновления: хэллоуин и новый год

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

Сделали телеграм бота, который помогал ученикам за пределами платформы

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

Подробно документировал все компоненты и сократил количество ошибок связанных с разработкой

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

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

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

Здесь в одном месте были собраны ссылки на ключевые изменения в проекте, с помощью которых команда могла прозрачно видеть всю работу и предстоящие планы.