Привет
Создаю удобные и красивые интерфейсы. Оставляю положительные впечатления о продукте
Я UX/UI designer
Большую часть карьеры провел во фрилансе. Работал на аутсорсе в разных компаниях, в студии
Хорошо владею инструментами: Figma, Tilda, Photoshop. Создаю прототипы, макеты, сайты
Публикую свои работы в социальные сети, делюсь опытом и учусь сам
Проекты
Figma / After Effects
Figma
MY CAR
ZOOM App
Мобильное приложение для полного контроля автомобиля или мотоцикла
Редизайн мобильного приложения с подробным анализом User flow
Figma / Photoshope
СантехГрад
Figma / Material design
Интернет-магазин для продажи сантех. изделий оптом или розницей
eZsales
Приложение для создания холодных электронных писем в LinkedIn и Gmail
My car
Это новая концепция приложения для автомобилей продвинутых и современных марок, позволяющая управлять им из любой точки
на главном экране
Есть три состояния машины: заведена, выключена и сигнализация. Сигнализация - красный ползунок, выключена - синий. Нет ползунка - машина заведена.

Производится открытие машины по ползунку (он исключает нежелательные действия). Далее заводится двигатель и водителю представляется раздел Действия. Он позволяет мониторить:
  • темпертуру в салоне
  • объем топлива в баке
  • свет внутри машины
  • фары и тд.
раздел карты
Здесь показывается маршрут водителя от точки А до точки В с адресами и примерным временем.

Ежедневник
У многих обладателей машины бывают не одни маршруты в течение дня, поэтому я добавил в раздел Карты ежедневник. Для того, чтобы распланировать день и ничего не забыть.

Задачи будут показывать место, дедлайн (назначенный водителем) и комментарий к задаче. Все это сопровождается навигационной картой
Мониторинг состояния дверей и багажника
Информация о машине и ее состоянии
Карта маршрута с адресами и заданиями
Можно настроить приложение под себя
редизайн интернет- магазина
Осовременный дизайн интернет-магазина для поставки сантехнических изделий СантехГрад
Проблемы:
  • Старый дизайн
  • Ненужные акценты
  • Лишняя информация
  • Непрезентабельный вид страниц

Решения:
  • Информация структурирована
  • Убраны лишние элементы
  • Расставлены акценты
  • Дизайн по эвристикам
timeline проекта
На схеме показал процесс разработки сайта. Расположил все действия в в хронологическом порядке начиная от равью, заканчивая сдачей проекта. На проект ушли примерно 7 недель
новый дизайн
Сделал дизайн более современным и актуальным. Решил проблемы перегруженности и цветового хаоса. Опирался на эвристики Нильсона
старый сайт
Перегружен информацией, множество текстовых блоков, мелкий шрифт и недостаточно пространства. Затрудняется восприятие информации и навигация
Фильтр для быстрого поиска
Удобная корзина с товарами
Каталог с видами и количеством изделий
Понятная и простая форма заказа
мобильная версия
Чтобы сохранить лояльность клиентов и привлечь новую аудиторию. Она облегчает использование сайта. Все кнопки ушли в меню и на верхнюю панель, остались только товары
Ezsales
Десктопное приложение для создания e-mail для продаж при помощи нейронной сети. С использованием библиотеки Material Design
процесс разработки
Обсуждение проекта
Разобрали цели, требование проекта, обсудили функциональность и особенности, которые должны быть включены в приложение. Учли ЦА, бюджет.
Анализ конкурентов
Нашли всего четыре достойных конкурента. Изучил их функционал, дизайн. Пытался понять, что можно добавить и улучшить, чтобы привлечь новую ЦА
User Map
Разработал карту пользователя. С ее помощи можно было наглядно увидеть последовательность действий пользователя в приложении
Наполнение User Interface
После нескольких попыток, тестирование моего прототипа дали положительные результаты и клиент дал добро. Я взялся за визуальный вид
Прототипирование
Создал MVP продукта, чтобы показать клиенту его функционал. В этом помогли изначально созданные мною dummy и smart-components
Validate
Приложение уже готово выйти в продакшн, но лишняя аналитика и опросы, чтобы увидеть общюю картину не помешает
Маркетинг
По просьбе заказчика сделал маркетинговые постеры, которые будут рекламировать и продвигать приложение. Показал все возможности продукта в привлекательном дизайне
Выбор платформы
Было решено сделать пока только под десктоп. Также задачей было сделать дизайн под Material Design. Поэтому я проектировал исходя из библиотек UI
создаем
На примере хочу показать простоту создания e-mail, вначале заполняем поля
Здесь указываем чего мы хотим добиться от нашего письма
Указываем ссылку на профиль In нашего респондента, нейросеть выполнит анализ
AI учел все, что было указано и написал письмо. Его также можно отредактировать
Регистрация
Состоит из нескольких полей, для удобства сверху показан stepper и ознакомительное видео о использовании продукта
настройки
Гибкие настройки для аккаунта, добавил подсказки, чтобы пользователь мог понимать, что он может/что нужно
браузерный плагин
Приложение всегда под рукой и будет писать письма даже в других сервисах. Достаточно выбрать Кому и нажать на Значок
Zoom app
Редизайн мобильного приложения, с исследованием проблем сервиса и найденными решениями, при этом сохранив бренд
какие были проблемы
Создание конференции (UF)
Заметил, что много лишних способов (целых 6). Можно запутаться в навигации и это нагружает рабоспособность продукта Я создал User Flow, чтобы увидеть, какие пути лишние/что добавить
Приглашение в конференцию (CJM)
Прошелся по карте пути пользователя и выяснил, что есть трудности с приглашением в конфу других участников. Ссылка не всегда работала, а ID никак не скопировать, хоть скриншот кидай. Это лишнее неудобство
их решения
Убрал лишние клики
Самые популярные пути: через вкладку Контакты и кнопку «‎Организовать». Остальные поместил поглубже или вовсе от них избавился. Из 6 остались 2, процесс стал легче и быстрее
Систематизровал контакты
Упростил способ приглашения контактов внутри приложения: добавил: кнопку приглашения «‎+» и возможность создавать, добавлять контакты в Группы. Позвать вне приложения можно через ID, который на виду и легко копируется
Все конференции на Главной
Избавился от вкладки Конференции
Полностью поменял раздел Контакты
Упростил навигацию внутри приложения
что было / стало
Покажу на наглядном примере, насколько сильно изменился интерфейс продукта. Ниже описания, чего коснулись изменения
Другие мои проекты
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website