Онлайн редактор
UI/UX Designer | Online editor
О проекте
Muio — это платформа на базе искусственного интеллекта, предназначенная для создания текстов и изображений, которая помогает продавцам эффективно и экономично генерировать качественные описания товаров.
Постановка задач и целей
Главной задачей было разработать платформу, которая предоставит продавцам возможность оперативно создавать товарные описания, используя потенциал искусственного интеллекта. Для её реализации потребовалось создание следующих ключевых компонентов
с адаптацией под ПК, планшеты и смартфоны:
с адаптацией под ПК, планшеты и смартфоны:
- Квизы: интерактивные опросы для сбора нужной информации о товаре.
- Редактор: инструмент для создания и редактирования текстов и изображений.
- Админпанель: панель управления проектами, включающая таблицы, настройки аккаунта, оплату и другие функции.
Разработка
В начале работы имелись лишь несколько экранов с базовыми функциями, и требовалось разработать и продумать полную логику всех остальных функций.
Для решения этой задачи я регулярно проводил созвоны
с PM и командой, разрабатывал сценарии и user stories,
чтобы объединить всю логику в единую систему.
с PM и командой, разрабатывал сценарии и user stories,
чтобы объединить всю логику в единую систему.
На начальном этапе проекта не было ни дизайн-системы, ни UI-кита, что создавало сложности в обеспечении единообразного
и интуитивно понятного интерфейса.
и интуитивно понятного интерфейса.
Я создал полноценную дизайн-систему и UI-кит, что не только обеспечило визуальную консистентность интерфейса, но и заметно упростило дальнейшую работу над проектом. Этот опыт стал для меня значительным шагом вперёд в профессиональном развитии.
В процессе работы я столкнулся с непростыми элементами, такими как таблицы, где нужно было подробно прописать все условия для каждой ячейки и её содержимого.
Для решения этой проблемы я организовал созвоны с фронтенд-разработчиками, чтобы разобраться в процессе верстки и понять, как правильно формулировать требования. Продумал, как интерфейс может масштабироваться, чтобы сразу заложить корректный layout страницы. Учитывая множество ролей
и сущностей, ошибка на этом этапе могла бы иметь серьёзные последствия в дальнейшем.
и сущностей, ошибка на этом этапе могла бы иметь серьёзные последствия в дальнейшем.
Раздел «Квиз»
Раздел предлагает пользователям пошаговый процесс для создания описаний товаров. Начав с регистрации, пользователь последовательно отвечает на вопросы, загружает или выбирает фото товара, указывает его категорию и технические характеристики, выбирает платформу для размещения, а затем получает сгенерированное текстовое описание с возможностью редактирования по ключевым словам. На основе введенных данных искусственный интеллект создает стили (дизайн) товарной карточки и формирует текстовое описание.
Раздел «Личный кабинет»
В админпанели доступна таблица для ведения проектов, которая позволяет отслеживать всю информацию по каждому проекту и редактировать её. Пользователи могут перейти в настройки аккаунта, чтобы изменить личные данные и параметры. В разделе настроек оплаты можно управлять способами оплаты, просматривать историю транзакций и скачивать счета.
Работа над проектом оказалась значительным вызовом, поскольку я был единственным дизайнером, ответственным за все аспекты разработки интерфейса. Этот опыт позволил мне существенно расширить свои навыки, особенно в создании сложных элементов, таких как таблицы для ведения проектов, а также научиться грамотно формулировать требования для разработчиков. В настоящее время я также провожу дизайн-ревью, что помогает поддерживать качество и согласованность интерфейсов. Работа над этим проектом стала важным этапом моего профессионального развития.
