arulug - RUKIDS

RUKIDS - это платформа для обучения русского языка для детей, чей родной язык узбекский. Благодаря этому приложению дети в игровой форме будут учиться говорить на русском языки, развивая навыки коммуникации.

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

Страница в Figma всего проекта

Были придуманы и реализованы 5 основных типов игр, почти у каждого из которых были свои подтипы. Типы игр отличались способом ответа от пользователей. Так, например, Тип 1 с подтипами предлагал пользователю отвечать на вопросы с помощью записи ответа в микрофон, а тип 2 с подтипами предлагал выбрать правильный ответ из заданных вариантов. Тип 3 с подтипами предлагал перетаскивать правильный вариант на область с вопросом, что позволяло усложнить вопрос и разделять его на три вопроса в одном. Тип 4 предлагал пользователю переворачивать карточки и находить среди них те, где надписи совпадают. И последний тип 5 предлагал соединить две карточки по смыслу, тут можно и реализовать карточки с переводом, что даёт дополнительную возможность усовершенствовать игры в платформе.

Тип 1 с подтипамии - Запись голоса

Тип 2 с подтипами - Выбор варианта ответа

Тип 3 с подтипами - Перетащить правильный ответ

Тип 4 - Переворачивающие карточки

Тип 5 - Соединяющие карточки

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

Онбординг при первом входе в платформу

Страница Регистрации и Авторизации

Стили

Компоненты

Ну и конечны реализован дизайн главной страницы с пошаговым прохождением игр в виде прожимаемых кнопок. Также страницы с достижениями, которые пользователь получает при успешном прохождении уроков. И словарь в виде переворачивающихся карточек с переводом и возможностью добавлять их списки: "Избранное", "Знаю" и "Не знаю", чтобы в последствии именно с этих списков изучать слова и смотреть прогресс.

Главная страница приложения

Страница с Достижениями

Словарь в виде карточек и в виде списков

В последствии продукт совершенствовался и была поставлена задача сделать вторую версию платформы. Сохраняя общую дизайн систему я сделал дизайн для второй версии. Тут были внесены следующие изменения: Во-первых добавлен новый дизайн главной страницы в зимнем стиле и специальная версия для нового года. Далее новый иконки для кнопок Меню с дизайном больше подходящей общему стилю платформы. Новый карточки со звёздочками с более яркими цветами и узорами на фоне для придания объема. И также новые карточки Достижений с добавлением национальной нотки на фоне карточек и реализации их в 7 цветах использованных по всей системе. Конечно, был добавленный новый тип 6 с подтипами, где пользователю предлагалось собирать предложение из слов, переводить их, вручную писать слова дополняя предложение и учиться писать их самостоятельно по переводу. Обновлена страница профиля, где улучшен дизайн элементов, добавлено разделение между различными пунктами, добавлена Кэшбек карта, улучшен календарь, в который добавлены специальные фильтры. Ну и последнее, реализовано всплывающее окно с Кэшбеком и Ударным режимом, чтобы уведомлять пользователей.