Задание: UI/UX дизайн. UI/UX-дизайнер для редизайна конструктора персонажа (Дистанционная работа)
Нужен UI/UX-дизайнер, который поможет полностью пересобрать интерфейс конструктора создания персонажа для сайта персонализированных книг.
Сейчас есть действующий экран конструктора: пользователь вводит имя персонажа, выбирает пол, внешность, цвет глаз, цвет волос и загружает фото. Нужно переработать этот интерфейс так, чтобы он стал более понятным, современным, удобным и визуально качественным.
Основная проблема
Сейчас пользователи часто проходят конструктор неправильно: загружают неподходящие фотографии, выбирают неточный цвет волос или другие параметры внешности, из-за чего итоговый персонаж получается недостаточно похожим.
Новый дизайн должен решить эту проблему на уровне UX: не просто красиво оформить интерфейс, а помочь пользователю правильно собрать персонажа и заранее понять, какие данные и фотографии нужны для хорошего результата.
Важно, чтобы интерфейс сам направлял пользователя: объяснял, какое фото подходит, показывал примеры хороших и плохих фотографий, помогал точнее выбрать цвет волос, цвет глаз и другие признаки внешности, а также снижал вероятность ошибки перед отправкой данных.
Что нужно сделать
Нужно разработать новый UX/UI для конструктора персонажа:
1. Проанализировать текущий экран и предложить более удобную структуру.
2. Пересобрать пользовательский сценарий создания персонажа.
3. Продумать логику шагов: имя, пол, внешность, загрузка фото, подсказки, ошибки, продолжение.
4. Улучшить визуальную иерархию, карточки, кнопки, поля ввода, селекторы цвета, блок загрузки изображения.
5. Сделать интерфейс более аккуратным, современным и понятным для родителей.
6. Продумать механику, которая поможет пользователю выбрать более точные параметры внешности.
7. Улучшить блок загрузки фото: требования к фото, примеры, подсказки, предупреждения, ошибки.
8. Подготовить дизайн для desktop и mobile.
9. Передать макет в Figma, готовый для разработки.
Что должен решить новый дизайн
Новый интерфейс должен снизить количество ошибок при создании персонажа:
* пользователь должен понимать, какое фото нужно загрузить;
* пользователь должен видеть примеры подходящих и неподходящих фотографий;
* пользователь должен точнее выбирать цвет волос, цвет глаз и другие признаки;
* пользователь должен понимать, как его выбор влияет на итоговый образ персонажа;
* интерфейс должен предупреждать о возможных ошибках до отправки данных;
* итоговый персонаж должен получаться более похожим на ребенка.
Важно
Нужен не просто красивый экран, а полноценная UX-переработка конструктора. Интерфейс должен быть простым, эмоционально приятным и понятным для обычного пользователя, который заказывает персонализированную книгу для ребенка.
Особое внимание нужно уделить:
* удобству выбора характеристик персонажа;
* понятной загрузке фото;
* подсказкам по правильному фото;
* состояниям ошибок;
* проверке перед продолжением;
* disabled / active состояниям кнопок;
* адаптиву под мобильные устройства;
* аккуратному визуальному стилю.
Что есть на старте
Есть текущий экран конструктора, скриншот приложу к задаче. По нему нужно понять текущую механику и предложить улучшенную версию.
Что ожидаю на выходе
* UX-структура нового конструктора.
* UI-дизайн в Figma.
* Desktop-версия.
* Mobile-версия.
* Состояния элементов: hover, active, disabled, error, success.
* Компоненты для полей, карточек выбора, загрузки фото, кнопок и подсказок.
* UX-решения, которые помогают пользователю загрузить правильное фото и выбрать корректные параметры внешности.
* При необходимости — короткие комментарии для разработчика.
Требования к исполнителю
Ищу дизайнера с опытом в:
* UI/UX-дизайне веб-интерфейсов;
* e-commerce или конструкторах/квизах/форм-воронках;
* Figma;
* адаптивном дизайне;
* продумывании пользовательских сценариев, а не только отрисовке красивых экранов.
В отклике, пожалуйста, укажите
1. Примеры похожих работ: квизы, формы, конструкторы, e-commerce.
2. Как бы вы подошли к решению проблемы с неподходящими фото и неточным выбором внешности.
3. Что бы вы улучшили в текущем сценарии.
4. Сроки.
5. Стоимость.
6. Ссылку на портфолио.
