Middle Designer UX/UI

Ключевые решения Сократил сценарий добавления устройств и датчиков: пользователь выбирает помещение в процессе добавления и сразу связывает устройство с комнатой Продумал роли и отдельные права, включая возможность добавлять устройства без полного доступа к системе Продумал глобальный поиск на главном экране, чтобы упростить навигацию в сложной системе: пользователь может найти раздел, устройство или датчик, а владелец также может найти пользователя Вынес состояние дома и частые действия на главный экран, чтобы они были доступны без открытия карточек устройств Мои задачи На старте подготовил дизайн-концепции и обсудил возможные направления с командой. На регулярных встречах с техническим лидом и руководителями разбирался в устройстве системы, задачах продукта, ролях пользователей и технических ограничениях Изучил прямых и косвенных конкурентов и отзывы пользователей. Сравнил организацию объектов и устройств, навигацию, частые действия и настройки, выделил сложности с подключением оборудования, отображением состояний и управлением доступом Разработал структуру приложения и логику переходов между разделами. Продумал главный экран: отображение состояния дома, переключение между объектами, глобальный поиск и частые действия без лишних переходов Спроектировал сценарии входа и регистрации, в том числе по приглашению, создания пароля и добавления пользователей, изменения профиля и настроек, поиска и фильтрации, добавления, настройки и удаления устройств и датчиков, управления ими с главного экрана и из карточки, работы специалиста, редактирования дома, зданий и комнат, включая удаление комнат с привязанными устройствами Проработал негативные и критические состояния оборудования, ошибки и события: как сообщить о проблеме, объяснить последствия и подсказать пользователю дальнейшие действия Проработал роли и права доступа, добавление специалистов и управление их доступом, учел различия между действиями жителя, администратора и специалиста, создал отдельный дизайн для специалиста Создаю и развиваю UI-kit и дизайн-систему: компоненты, виджеты и правила адаптации. Подготавливаю макеты и правила для разработки, обсуждаю решения с разработчиком, техническим лидом и руководителями, вношу изменения по мере реализации Результат: с нуля спроектирована система взаимосвязанных сценариев для управления домом, устройствами и доступом. Проект находится в реализации

Проекты и ключевые решения «Безнадежные живописцы». Проекту нужен был сайт, который помогает новой аудитории познакомиться с его деятельностью, а тем, кто уже знаком с проектом, найти способ сделать пожертвование. Спроектировал две страницы: о проекте и в память о художнике Анатолии Заславском, предусмотрев пути знакомства и поддержки ASYLUM. Клубу электронной музыки был нужен сайт, который передает его атмосферу и помогает посетителям найти событие и перейти к покупке билета. Изучил аудиторию, визуальный язык и решения конкурентов, продумал структуру сайта и разработал дизайн главной страницы, фотоархива и новостей. Сделал путь к афише заметным для новых и постоянных посетителей Мои задачи С первого контакта с клиентом выясняю цели проекта и задачи посетителей: зачем им нужен сайт, какую информацию они ищут и что должны суметь сделать Изучаю сферу, аудиторию и конкурентов: сравниваю похожие сайты, их структуру, навигацию, подачу информации и мобильные версии Собираю доступную обратную связь и обсуждаю задачу с командой или аудиторией, определяю возможные метрики для последующей оценки решений Проектирую пользовательские сценарии и структуру страниц, продумываю переходы к ключевым действиям и создаю прототипы Разрабатываю визуальную концепцию и дизайн в Figma, создаю адаптивные макеты и состояния интерфейса с учетом задач проекта и его аудитории В зависимости от проекта собираю сайт на Tilda или передаю макеты и состояния разработчику, обсуждаю реализацию Проверяю навигацию и отображение сайта на разных экранах перед публикацией или передачей проекта Результат: сайты и макеты с понятной структурой, где визуальное решение поддерживает задачу проекта и помогает посетителю перейти к нужному действию