О проекте

Human Code — мобильное приложение для самопознания и работы над отношениями. Пользователь проходит программу из 22 тематических модулей — в приложении они называются «тейками»: смотрит видео, отвечает на вопросы о себе и постепенно открывает следующие темы. Мы спроектировали интерфейс приложения.

Задача

Темы, с которыми работает приложение, личные и непростые: например, газлайтинг, обесценивание и манипуляции в паре. Интерфейс не должен выглядеть как учебник или тест — нужна спокойная, тактильная среда, в которой хочется задержаться. При этом программа длинная, поэтому пользователь должен всегда видеть, где он находится и сколько осталось. Отдельно нужно было встроить в интерфейс модель монетизации: один модуль бесплатно, остальные — в Pro-тарифе.

Визуальный язык

Мы выбрали неоморфизм: мягкие объёмные кнопки и карточки, будто выдавленные из светло-серой поверхности. Палитра ограничена тремя цветами — светло-серым, графитовым и красно-коралловым акцентом; на главном экране они показаны прямо в виде палитры. Фотографии в карточках — чёрно-белые, чтобы акцентный цвет оставался только у действий и прогресса.

На главной — горизонтальная лента тейков с номером «1 из 22» и пояснением, что модули открываются по мере прохождения. Внизу — кнопка «Выбрать и продолжить» с подписью о бесплатном модуле и нижняя навигация.

Комната Жизни

Каждый тейк открывается экраном «Комната Жизни»: обложка, название темы и три раскрывающихся блока — «Описание», «Фрустрация» и «Психомеханика». Пользователь сам решает, насколько глубоко погружаться в теорию, прежде чем перейти дальше. Главная кнопка ведёт в следующий этап — «Комнату Сна».

Вопросы

Анкета — центральная механика приложения. В верхней части — круговой индикатор общего прогресса с фигурой человека и процентом, над ним счётчик «3 из 111». Ниже — категория вопроса («Личное») и прогресс внутри неё. Вопросы сформулированы от первого лица и предлагают варианты ответа, а кнопки «Назад» и «Далее» позволяют вернуться к предыдущему ответу. Подпись «Сохранено офлайн» сообщает, что ответы не потеряются без интернета.

Алтарь памяти

«Алтарь памяти» собирает пройденное в одном месте. Сверху — шкала «Принятые символы» с процентом, ниже — ряд номеров всех 22 тейков, где пройденные выделены цветом. Для выбранного тейка доступны видео с плеером, раскрывающийся блок с пояснением и «Символ тейка» — изображение, которое закрепляет тему.

Результат

Мы спроектировали приложение, в котором длинная психологическая программа разбита на понятные шаги, а прогресс виден на каждом экране — в ленте тейков, в анкете и в «Алтаре памяти». Мягкий неоморфный интерфейс и сдержанная палитра создают спокойную атмосферу для работы с личными темами, а ограничение бесплатного доступа встроено в экраны ненавязчиво — подписью под основной кнопкой.