После исследования я спроектировала взаимодействие пользователя с помощью Task Flow. Сначала он получился очень обширным, стал больше похож на информационную архитектуру, поэтому я сократила его до основного функционала.
Изначально платформа не предполагала главного экрана, после регистрации пользователь сразу попадал на страницу поиска университетов. Однако позднее мной было принято решение добавить главный экран, на котором пользователь сможет ознакомиться с функционалом площадки, так как интерфейс новый и аналогов нет.
По этой же причине в боковую навигационную панель мной был вынесен включатель онбординга: чаще всего, пользователи прокликивают онбординг с целью быстрее перейти к пользованию интерфейсом, чтобы пользователь не чувствовал себя потерянным на новой площадке, он всегда может обратиться к подсказкам.
В процессе создания дизайна, мной был собран UI-kit. Некоторые его компоненты представлены ниже.
Далее я приступила к созданию дизайна. Стоит напомнить, что в рамках курса я разработала сценарий выбора направлений и университетов и подачи заявлений: если быть точнее, 3 направлений в одном университете, Санкт-Петербургском горном университете императрицы Екатерины II.
Также подобрала референсы; стиль иконок: минималистичный, линейные; стиль иллюстраций: нарисованные от руки в фирменных цветах платформы, в такой стилистике они разбавили строгий интерфейс, но не перетянули внимание на себя.
В типографике выбор сразу пал на гротеск. Изначально планировала использовать один шрифт — Mulish, удобочитаемый гротеск, однако позже нашла идеальную шрифтовую пару — Unbounded. Это гротеск с неярко выраженным характером, который разбавил скучный процесс подачи документов и заполнения заявлений лёгкой игривостью и акцидентностью, характерными для подростков, целевой аудитории платформы.
Итак, в качестве цветовой палитры выбрала оттенки чёрного и серого, в качестве акцентного цвета — синий монохром, т.к. он ассоциируется со всякими официальными, профессиональными учреждениями, взывает доверие. К этим цветам добавила оттенки белого и голубого, отражающие свободу и спокойствие.
После чего я приступила к созданию дизайн-концепции. С самого появления идеи о создании такого сервиса я решила, что он будет государственным, поэтому я ориентировалась на дизайн ГосУслуг. Платформа сама по себе предоставляет сложный функционал, поэтому важно было не перегрузить интерфейс сложным дизайном.
Опираясь на результаты исследований я собрала low-fi прототипы.