Кейс Практика.School — образовательное приложение под Android

О задаче

Практика.School - сервис подписки на короткие лекции по маркетингу, рекламам и продажам.

95% существующих пользователей Практика.School пользуются сервисом с мобильных устройств, поэтому возник запрос на мобильное приложение.

Ожидания заказчика:

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

Необходимый функционал

• Личный кабинет пользователя
• Раздел лекций по подписке
• Курсы, купленные пользователем
• Каталог всех курсов

Предполагалось самостоятельно выбрать цветовое решение для приложения, без опоры на существующий сайт

Текущая версия сайта Praktika School

Исследование

Заказчик предоставил артефакты, включающие информацию о целевой аудитории. К ней относятся:

• Фрилансеры
• Сотрудники, совмещающие работу с фрилансом
• Женщины в декрете

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

Наиболее частые барьеры, выявленные при исследовании:

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

Распространенные выясненные страхи:

• Нерегулярность заказов на фрилансе не позволит им планировать жизнь
• Не берут крупные заказы из-за страха не успеть сделать его и потерять репутацию
• Боятся, что недостаточно быстро повышают квалификацию и рискуют стать некомпетентыми

Сценарии

По итогам исследования был подготовлен User Flow, по которому выстраивалась структура приложения

Общий User Flow приложения также учитывает работу приложения без подключения к интернету

Готовые экраны

Подготовлены 29 экранов. Для работы составлен UI Kit, цвета и тексты были заведены в стили для удобства работы

Прототип

https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2FGps1NgIgBx8jtmqKEplgbA%2F%25D0%259A%25D0%25B5%25D0%25B9%25D1%2581-Praktika-School-%25D0%25B4%25D0%25BB%25D1%258F-%25D0%25B1%25D0%25B5%25D1%2585%25D0%25B0%25D0%25BD%25D1%2581%3Fpage-id%3D21187%253A15008%26type%3Ddesign%26node-id%3D21187-17425%26viewport%3D3198%252C-759%252C0.14%26t%3DpPfF6D1XyLbvRVV0-1%26scaling%3Dscale-down%26starting-point-node-id%3D21566%253A13664%26mode%3Ddesign

На первом этапе пришлось отказаться от кликабельного прототипа, проводилось коридорное тестирование с экранами приложение

Кликабельный прототип я подготавливал уже после завершения проекта, когда вернулся дорабатывать уже имеющиеся проекты для портфолио. Вне Notion ознакомиться с ним можно здесь

Основной задачей для прототипа было закрепление моих навыков анимирования прототипов под требования Material Design