DiPal — умные системы в вашем смартфоне

DiPal — умные системы в вашем смартфоне

Дизайн-система. Дизайн-токены. Личный кабинет APP. CMS. Дашборд.


О проекте

Система DiPal создана, чтобы упростить ежедневные бытовые процессы, сделать вашу жизнь комфортнее, безопаснее и экономнее

Система включает в себя:

  1. Видеодомофонию
  2. Управление точками прохода
  3. Видеонаблюдение
  4. Управление услугами ЖКХ
  5. Интеграция с инженерными системами здания
  6. Умная домофония
  7. Умный дом

Цели

  • Упростить и интегрировать гайдлайн приложения под Material Design Google с кастомизацией дизайн-системы под нужды компании
  • Упростить и ускорить процессы разработки и поддержки цифрового продукта

Задачи

  • Доработать и внедрить дизайн-систему MD в приложение DiPal
  • Внедрить дизайн-токены
  • Редизайн приложения под гайдлайн Google Material Design
  • Улучшить пользовательский опыт

Дизайн-система

Дизайн-система основана на Google Material Design, переработана и улучшена под хорошее взаимодействие админ-панели — APP

Custom Google Material Design

APP

Изначально приложение существовал в формате MVP, а так же имело только технический дизайн, и из-за этого у продукта были огромные ошибки и большие пробелы в UX и UI дизайне. Приложение состояло из большого количества костыльных компонентов и элементов, что сказывалось на продуктивности и реализации продукта.

В данный момент происходит полный редизайн продукта, внедрение нового функционала с доработанной дизайн-системой.

CMS

Для полной поддержки пользователей и приложения была разработана CMS для приложения, где есть большой ряд возможностей, которые интегрированы в APP

Для упрощения разработки и дизайна админ-панели была принято решение использовать MUI дизайн-систему.

Результат

Самая важная продуктовая функция приложения «Dipal» — повысить DAU, MAU, YAU за счёт удобного, интуитивно понятного и максимально быстрого интерфейса. Комфорт и удобства пользователя = Хорошая конверсия.

Кроме того, приложение включает ряд уникальных особенностей:

  • Создание заявок в закрепленный у объекта ЖКХ и других специалистов (Сантехника, домофония, электрика, муж на час и т.д.)
  • Полное использование плейса в виде: открытия домофонов, мониторинга камер
  • Возможность кастомизировать свой главный экран, для вывода различной метрики или полезной информации (Быстрый доступ к ЖК, просмотр семьи)
  • Создание и использование гостевых пропусков для друзей или других людей к плейсу
  • Оплата любых сторонних услуг (Налоги, штрафы, доставка пиццы и т.д.)
  • Умный дом
  • Полная информация по ЖК (Счётчики, услуги ЖКХ)
  • Внутренний и внешний мессенджер для пользователей приложения (С друзьями, с жильцами, с доставщиком еды и т.д.)
  • Профиль пользователя (Аналог ВК, телеграмм и т.д.)

Ссылка на демонстрацию проекта https://www.figma.com/design/utGgiJUrmCa3RHFs2q0QIF/DiPal-Dashboard-v1.0.0—%D0%94%D0%B5%D0%BC%D0%BE%D0%BD%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8F-?node-id=1-2&t=ULrYcpScsRMmzCwD-1




Rostics — Академия. Корпоративный университет

Rostics — Академия. Корпоративный университет

Дизайн-система. Личный кабинет.


О проекте

Rostics Академия — Корпоративный университет начал свою работу марте 2013 года. На фоне стремительного роста, основной задачей была поддержка бизнеса через развитие способностей людей. Для развития идеи и внедрения сотрудников была разработан продукт внутренней коммуникации и обучения.

Академия состоит из:

  • Каталог обучения сотрудников
  • Моя команда и метрики
  • Сертификация и оценка 360
  • Целеполагание (задачи на текущий год)
  • Амбассадор (волонтер Rostic’s)
  • Маганиз призов

Главным из основных критериев технического задания является геймификация платформы, отслеживание статуса и продвижения сотрудников и коллег

Цели

  • Повысить траст сотрудников к компании на разных жизненных циклах работы
  • Упростить и ускорить процессы разработки и поддержки цифрового продукта
  • Разработать геймификацию и успешно её внедрить

Задачи

  • Разработать дизайн-макеты внутреннего портала
  • Геймифицировать платформу
  • Прототипировать продукт для внутреннего UX-исследования
  • Проработать метрики команды

Проблемы

На дизайн-макеты ушло примерно пол года (в сумме). За год платформа потерпела значительные изменения и улучшения в лучшую сторону.

1. Отсутствие консистентности

Элементы интерфейса (кнопки, поля ввода, иконки) имели разные стили и поведение в разных частях приложения. Это дезориентировало пользователей и увеличивало когнитивную нагрузку.

2. Нарушение атомарности

Компоненты не были декомпозированы на базовые элементы. Один и тот же визуальный паттерн реализовывался заново в разных модулях, что вело к:

  • Росту времени разработки
  • Увеличению числа багов
  • Сложности поддержки и масштабирования

3. Ошибки UX

  • Неинтуитивная навигация — пользователи терялись в структуре приложения
  • Отсутствие визуальной иерархии — важные действия не выделялись
  • Неочевидные интерактивные элементы (кнопка не выглядела как кнопка)
  • Длинные сценарии выполнения задач — требовалось слишком много кликов
  • Сложности поддержки и масштабирования

4. Визуальная устаревшесть

  • Устаревшая цветовая палитра
  • Несогласованные шрифты
  • Избыточные тени и градиенты
  • Неадаптивная вёрстка

5. Низкие метрики пользовательского опыта

  • высокий процент отказов на ключевых экранах
  • большое время выполнения типовых задач
  • низкая удовлетворённость пользователей (NPS < 30)

Реализация

Проект перестроен с нуля под ключ: от аудита старого интерфейса до запуска обновлённой версии. Разработана дизайн‑система, внедрён атомарный подход, стандартизированы все UI‑компоненты. Переработаны пользовательские сценарии для сокращения количества шагов до целевого действия. Итоги: снижение количества обращений в поддержку на 35 %, рост NPS на 25 п. п., сокращение времени выполнения ключевых задач на 45 %.

Ссылка на демонстрацию

https://www.figma.com/design/9uMkaip2HmP3h6In1jvcRr/%D0%A1%D0%BC%D0%B0%D1%80%D1%82%D0%A0%D1%83%D1%82%D0%B8%D0%BD%D0%B0—%D0%94%D0%B5%D0%BC%D0%BE%D0%BD%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8F-?node-id=40000008-71588&t=ORT0va0nfhTw6HHu-1


Даниил Тайх

Продуктовый менеджер

Работа дизайнера дала ощутимый эффект для нашего бизнеса. Проект был реализован с нуля, и результат получился впечатляющим — интерфейс современный, логичный и удобный. Большое спасибо за профессионализм и ответственный подход!



Александр Сурков

Менеджер пользовательского опыта Академии Rostic’s

В качестве руководителя направления я инициировал масштабный редизайн интерфейса — и выбор дизайнера оказался верным решением. Вместо фрагментарного исправления старого решения специалист предложил и реализовал целостную концепцию с нуля.

Ключевые достижения:

  • создана масштабируемая дизайн‑система на основе атомарного подхода — это ускорит разработку будущих функций на 25–30 %;
  • переработана UX‑архитектура: навигация стала логичной, а пользовательские сценарии — короче на 3–4 шага;
  • обеспечена полная визуальная консистентность всех экранов и компонентов.

Бизнес‑результаты говорят сами за себя:

  • конверсия в целевое действие выросла на 22 %;
  • отток пользователей на ключевых этапах снизился на 18 %;
  • среднее время сессии увеличилось на 15 %.

Такой подход не просто улучшил пользовательский опыт — он заложил фундамент для долгосрочного роста продукта. Благодарю за профессионализм и стратегическое мышление!




Rostics — Рутина ресторана и платформа аудита на основе чек-листов

Rostics — рутина ресторана и платформа аудита на основе чек-листов

Дизайн-система. Дизайн-токены. Личный кабинет пользователя. Личный кабинет администратора. Чек-лист.


О проекте

Приложение и веб-админка для рутины ресторанов Rostic’s, включает в себя создание чек-листов и мониторинга процесса работы сотрудников. Приложение состоит из двух связующих: веб-интерфейс создания чек-листов и распределения ролей, и мобильного приложения для сотрудников

Мобильное приложение содержит в себе:

  • Календарь рутины ресторана (события, прогресс, смены)
  • Оповещения (экстренные новости, праздники, мотивашки)
  • Задачи
  • Заметки (для личного пользования пользователя)
  • Меню пользователя (настройка режима работы ресторана, пересменки, адреса)

Админ-панель содержит в себе:

  • Создание чек-листов (отчеты, пересменки, качество)
  • Создание рутины-ресторана (смены, расписание)

Цели

  • Создать гибкий и удобный интерфейс для всех сотрудников
  • Проработать на основе гипотез пользовательский путь сотрудника по приложению

Задачи

  • Провести UX-анализ вместе с аналитиком
  • Пройти однодневную стажировку в Rostic’s (Посмотреть как работают за старым приложением)
  • Разработать мобильное приложение рутины ресторана
  • Разработать дизайн личного кабинета админ-панели

Реализация

На этапе проектирования совместно с аналитиком мы провели масштабную работу с прямой аудиторией, которая выявила значительные пробелы в реализации и опровергла многие первоначальные гипотезы. В рамках UX-аудита особенно ценным стал практический опыт — стажировка в ресторане Rostic’s, где вся команда наблюдала, как сотрудники работают со старым приложением. Это дало глубокое понимание реальных сценариев использования, помогло выявить узкие места в пользовательских потоках и сформировать приоритеты для изменений. Полученные инсайты существенно ускорили реализацию MVP и задали направление для последующего улучшения всех компонентов продукта.

За всё время работы над проектом:

  • Провёл большой UX-анализ рынка и потребительского дизайна
  • Проработал длинный юзер-флоу пользователя
  • Разработал админ-панель чек-листов и рутины ресторана
  • Внедрил идею геймификации платформы в Rostic’s
  • Реализовал систему управления чек-листами
  • Улучшил пользовательский опыт в сфере рутины ресторана (прохождение, адаптация)
  • Разработал мобильное приложение рутины ресторана

Ссылка на демонстрацию

https://www.figma.com/design/9uMkaip2HmP3h6In1jvcRr/%D0%A1%D0%BC%D0%B0%D1%80%D1%82%D0%A0%D1%83%D1%82%D0%B8%D0%BD%D0%B0—%D0%94%D0%B5%D0%BC%D0%BE%D0%BD%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8F-?node-id=40000008-71588&t=ORT0va0nfhTw6HHu-1


Юркова Августа

Заказчик

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



Анна Антонова

Продуктовый аналитик GMCS

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



Захар Калачёв

Продуктовый дизайнер

Получил бесценный опыт в целевом опыте, который мало с чем можно сравнить. Обширно улучшил навыки в пользовательском опыте и опыте коммуникативного дизайна.




HH.RU — Веб-приложение HH метрика

HH.RU — Веб-приложение HH метрика

Дизайн-система. Личный кабинет. Метрика.


О проекте

HeadHunter — российская компания интернет-рекрутмента, развивающая бизнес в России, Беларуси и Казахстане. Проект HH метрики подразумевает собой грамотное и отсортированное дерево всей бизнес-информации компании, для быстрого вовлечения сотрудников и руководителей и для просмотра отчетов по этим метрикам.

В компании не было дерева метрик на котором показано как работает бизнес. До древа метрик было несколько визуализаций, в Miro (Фотография 1) и в Figma (Фотография 2) и ни одна из них в полной мере не устраивала клиента, из-за того, что они не функциональны и максимально не удобны. Клиент хотел бы сделать отдельный лендинг, который позволит всем сотрудникам компании легко ознакомиться со всеми ключевыми метриками компании, найти ответственных за эти метрики и перейти к отчётам по этим метрикам.

Прекомпозиция метрик (Фотография 1)

Первоначальный флоу (Фотография 2)

Ставя себя на место сотрудника HH, я, как продуктовый дизайнер, вижу это так:

  • Могу разворачивать древо метрик по его ветвям
  • Могу кликнуть на каждую метрику, по клику у меня должен развернуться всплывающее окно, на котором я увижу: название метрики, описание метрики, с возможной формулой подсчёта
  • Ответственного за развитие метрики сотрудника компании и куда ему писать
  • Родительские метрики на которую влияет эта метрика
  • Дочерние метрики, от которой зависит эта метрика
  • Ссылки на отчёты и дашборды по этой метрики, где на неё можно смотреть в динамике

Проблемы

  • Слишком большой пул метрик, который не умещается в текущий инструментарий клиента
  • Технический и не удобный флоу использования отчетов в метриках
  • Отсутствие понимания потенциального внедрения юзерфрендли в интерактив веб-приложения

Цели

  • Уложиться в кротчайшие сроки
  • Упростить и ускорить процессы разработки и поддержки цифрового продукта
  • Разработать MVP продукта для дальнейшего предпросмотра стейкхолдерами HH

Задачи

  • Разработать дизайн-макеты для последующей разработки
  • Описать для фронтенд-разработчика всю нужную документацию по дизай-системе HH
  • Предложить бизнес-клиенту MVP и дальнейшую версию дизайн-продукта, с потенциалом для развития продукта

Реализация

Для компании очень было важно быстрое вовлечение и реализация MVP продукта, для этого с командой HH подготовили мудборд в Miro (Фотография 3) для быстрой разработки макетов и для последующей верстки.

Фотография 3

Разработка велась с учётом выбранной React‑библиотеки — выбор пал на React Flow. Дизайн‑гайдлайн выполнялся в строгом соответствии с техническим заданием и рекомендациями фронтенд‑разработчика.

Поток создания дизайн‑макетов велся по документации дизайн‑системы HH, где чётко описаны правила использования и рекомендации. Главной проблемой проекта была неопределённость между выбором технологичности и гибкости продукта: в первоначальном ТЗ был пункт о строгой иерархии (слева направо, сверху вниз), который мешал пользователю эффективно искать нужные метрики и отчёты. В итоге гибкость удалось внедрить за счёт сбора обратной связи от потребителей HH.

Ссылка на демонстрацию

https://www.figma.com/design/9uMkaip2HmP3h6In1jvcRr/%D0%A1%D0%BC%D0%B0%D1%80%D1%82%D0%A0%D1%83%D1%82%D0%B8%D0%BD%D0%B0—%D0%94%D0%B5%D0%BC%D0%BE%D0%BD%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8F-?node-id=40000008-71588&t=ORT0va0nfhTw6HHu-1

Цитаты


Илья Айден

Руководитель внутренней автоматизации в HeadHunter

Захар Калачёв, UI/UX дизайнер, отлично работает в режиме исполнителя, когда у него есть чёткие вводные и пользовательские сценарии, реализуя всё в полном соответствии с видением заказчика. Он проактивен, что замечательно. Иногда его инициативы могут быть несколько преждевременными, как это бывает с разработчиками, занимающимися «преждевременной оптимизацией». Захар иногда предлагает функциональность, которая может не понадобиться в будущем. Это небольшая область для роста с точки зрения гибкости, которая легко решается в процессе коммуникации. Возможно, он потратил на это несколько лишних часов, но это не будет предметом обсуждения с точки зрения оплаты. Было бы полезно, если бы Захар сам стал лучше представлять, какой объём работы и функциональности может быть излишним для ранних версий продукта.



Захар Калачёв

Продуктовый дизайнер

Проект был достаточно интересным и познавательным. После разбора фидбэка я стал более структурно разбирать техническое задание по этапам и бережнее относиться ко времени клиента.




A101 — Веб-приложение для документооборота и выполнения прочих задач в рамках своих компетенций

A101 — Веб-приложение для документооборота и выполнения прочих задач в рамках своих компетенций (Ещё в не добавил)

Личный кабинет. Маркетплейс. Документооборот. Отчёты.


О проекте

«А101» — одна из ведущих российских компаний в области строительства, специализирующаяся на разработке и реализации проектов жилой и коммерческой недвижимости.
Необходимо создать web-приложение для организации доступа подрядных организаций, которые сотрудничают с А101, для ведения ими там документооборота и выполнения прочих задач в рамках своих компетенций. Данное web-приложение должно обращаться к шине на стороне Заказчика, которая в свою очередь будет выполнять обмен данными с 1С.

Цели

  • Разработать удобный и простой функционал для полного взаимодействия компании и его подрядчиков
  • Разработать интерфейс в кратчайшие сроки

Задачи

  • Разработать дизайн-систему
  • Разработать дизайн личного кабинета
  • Разработать весь документооборот
  • Разработать все разделы веб-приложения




Мобильное приложение для водителей бетонного завода “Вектор”

Мобильное приложение для водителей бетонного завода “Вектор”

Дизайн-система. Личный кабинет. Рейсы. Отчёты.


О проекте

В настоящее время у Заказчика функционирует web-приложение для диспетчеров бетонного завода, в котором они создают документы на отгрузку бетонной смеси. При этом текущий бизнес-процесс подразумевает, что диспетчер должен постоянно лично контактировать с водителями для того, чтобы выдавать им документы, а также бумажные талоны для операторов смесительной установки. Водители относят эти талоны оператору, который на основании информации в нем должен запустить процесс подготовки бетона. Водители не имеют возможности удобно получать информацию об очередности загрузки, а диспетчеры выполняют проработку очередности загрузки вручную (на бумаге). Также имеются прочие сложности с коммуникацией между участниками бизнес-процесса, которые требуется оптимизировать и упростить за счет перевода процессов в online-формат.

Целью этапа MVP является создание мобильного приложения для водителей бетонного завода “Вектор”, web-интерфейса для операторов завода и доработка функционала текущей системы для диспетчеров.

Цели

  • Упростить работу операторам через функционал МП
  • Упростить и ускорить процессы разработки и поддержки цифрового продукта

Задачи

  • Проработать пользовательский момент для целевой аудитории работящих мужчин на бетоном заводе
  • Доработка Google Material Design
  • Разработать дизайн личного кабинета
  • Разработать функционал рейсов (Аналог заявок в Яндекс GO)
  • Разработать функционал отчётов




AUTOSALES — торговая площадка по продаже автомобилей в Пермской области

AUTOSALES — торговая площадка по продаже автомобилей в Пермской области

Дизайн-система. Сервис. Подбор кредита.





TutorPlace — EdTech платформа для авторов курсов

TutorPlace — EdTech платформа для авторов курсов

Дизайн-система. Дизайн-токены. Личный кабинет. Геймификация. LMS.


О проекте

TutorPlace — EdTech платформа полного цикла, где любой желающий автор курса может предоставить свой опыт и монетизировать его. Платформа была запущена 18 июня 2023 года. Продукт запустили как MVP, чтобы улучшать уже опираясь в том числе: на пользовательский опыт, продуктовые метрики сайта, рост LTV, конверсию.

За год платформа выросла до больших масштабов:

  • Получила статус «Отечественный разработчик ПО»
  • Получила государственную поддержку от Сколково
  • На платформу заходят более 350 тысяч посетителей в месяц
  • На платформе более 2 млн активных клиентов
  • Разработала собственное IT решение в области образования

Цели

  • Увеличить конверсию продукта, за счёт удобного и красивого интерфейса
  • Упростить и ускорить процессы разработки и поддержки цифрового продукта

Задачи

  • Разработать дизайн-систему
  • Внедрить дизайн-токены
  • Разработать дизайн личного кабинета
  • Геймифицировать платформу
  • Разработать дизайн системы управления контентом (LMS)

Дизайн-система

Дизайн-система призвана создать удобную экосистему продуктов, которая будет понятна разработчикам и пользователям.

В основе проектируемых элементов лежит атомарный подход, когда сложные компоненты состоят из нескольких, более примитивных.

Такая архитектура позволяет оперативно вносить корректировки во множество элементов сразу и обеспечивать консистентность дизайна.

Для понимания объема — это меньше 20% компонентов разработанной дизайн-системы!

Дизайн-токены

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

Личный кабинет

Личный кабинет пользователя предназначен для просмотра и использования всех возможностей площадки:
прохождение уроков и модулей, использование дашбордов, отслеживание прогресса, просмотр каталога, заданий, достижений, новостей и многого другого.

* Во все дизайн-макеты интегрированы дизайн-токены, что позволило ускорить разработку в 3 раза!

Геймификация

Геймификация платформы предназначена для увеличения вовлеченности и мотивации потребителя, чтобы он достигал больших успехов и получал за это игровую валюту, которую он может потратить на различные награды (кэшбек, бонусы и т.д.) или попробовать выиграть различные ценные физические призы, такие как: airpods, iphone, наушники и многое другое.

* Во все дизайн-макеты интегрированы дизайн-токены, что позволило ускорить разработку в 3 раза!

* Колесо фортуны не является геймблинг элементом, так как его можно использовать только за свой прогресс на платформе, без каких‑либо способов пополнения игрового баланса за реальные деньги!

Дизайн-проект

На всём проекте более 240 экранов, многие экраны переделывались большое количество раз, это решение пришло исходя из метрики платформы.

Метрика платформы

* Посещаемость сайта за год выросла на 3216,26%

Организация

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

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

* Грамотная сортировка и чистота фигмы ускорила работу разработчикам, поэтому они сказали мне огроменное спасибо )))

Прототипирование

Для того, чтобы лучше понимать как работает продукт, желательно уметь делать прототипы макетов. Был разработан прототип большинства главных элементов площадки, за счёт этого можно визуально подогнать скорость анимации появления различных модальных окон и предоставить всю визуальную информацию разработчику.

* Предоставив руководству мобильный прототип, избавились от многих недопониманий и лишних вопросов. Разработчикам стало проще воспринимать как и что должно крутиться, вертеться и свистеть.

* У разработчиков больше не появлялось вопросов по поводу анимаций на сайте.

Дашборды

На платформе к каждому продуктовому курсу есть свой дашборд, для лучшего отслеживания своего прогресса во время прохождения.

Система управления обучением (LMS)

Компания «TutorPlace» использует собственную систему управления обучением, написанную внутренним отделом разработки, без оглядки на дизайн и удобство использования.

Вместе с программистами переосмыслили алгоритм работы многих разделов и сделали дизайн максимально примитивным и лёгким в освоении.

Реализация

На дизайн-макеты ушло примерно пол года (в сумме). За год платформа потерпела значительные изменения и улучшения в лучшую сторону.

За всё время работы над проектом:

  • Создал большую атомарную дизайн-систему
  • Интегрировал дизайн-токены
  • Разработал личный кабинет автора и пользователя
  • Внедрил геймификацию в платформу
  • Реализовал систему управления контентом (LMS)
  • Сделал компонентную систему презентаций платформы (для курсов)
  • Увеличил количество пользователей
  • Создал туториал и онбординг для новых потребителей
  • На основе многих пользовательских метрик переработал многие элементы и разделы платформы (отдельная боль)

Результаты

Компания создала отличный продукт, которым могут пользоваться абсолютно все и за не очень дорогую подписку. LTV растёт изо дня в день. Была проделана колоссальная работа отличных специалистов. Продукт делается и улучшается максимально оперативно, за счёт колоссального пользовательского опыта и различных методологий.

Продукт делал один в роли Product Designer, полностью выстраивая продуктовый процесс вместе с Product Owner и маркетологами, всё прорабатывал максимально структурировано и качественно для разработчиков, отвечал на всевозможные вопросы, отрисовывал многие анимации на сайте, параллельно помогая всему отделу дизайнеров с рекламной составляющей.

С фигмой: дышу, сижу, стою, сплю, ем, пью. Знаю фигму с головы до пят. Для меня самое главное это — субординация в макетах, не только применять Auto layout и создать простенький Ui Kit, но и сделать всё абсолютно грамотно, вплоть до названия слоёв так, чтобы всё было на своих местах.

Делал 3D и моушен рекламу для Shorts, VK клипов для продвижения платформы.

Я компетентен в различных IT-областях, которые готов применять в любом продукте и проекте, как моушен-дизайн, так и 3D-дизайн. В потенциале хочу стать Full-Stack Designer на React.





Бинго Инспектор — оптимизация работы с заявками потребителей и повышение качества инспектирования

Инспектор — оптимизация работы с заявками потребителей и повышение качества инспектирования

Дизайн-система. Личный кабинет. ВКС.


О проекте

Мобильный инспектор — Оптимизирует работу с заявками потребителей и повышает качество инспектирования. Включает в себя веб-портал и мобильное приложение. Внедрение системы позволяет экономить время на распределение между исполнителями заявок потребителей – юридических и физических лиц, плановых и внеплановых работ и осмотров; автоматизирует и переводит в электронный вид процессы контроля инспектирования с отображением и хранением информации о координатах GPS и маршрутов инспекторов.

Цели

  • Автоматизировать процессы распределения и исполнения заявок потребителей в ресурсоснабжающих организациях

Задачи

  • Разработать и доработать дизайн-систему
  • Разработать раздел ВКС
  • Доделать личный кабинет

Личный кабинет

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

Видеоконференцсвязь (ВКС)

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

Результаты

  • Переработал дизайн-систему для экосистемы многих продуктов компании
  • Разработал раздел ВКС под нужды потребителя
  • Переработал личный кабинет и интегрировал в него различный функционал
  • Уменьшил порог вхождения за счёт продуманного UX




Space 1 — бренд сети гибких сервисных офисных пространств

Управление офисами в одно касание

Проектирование. Информационная безопасность. Мобильная разработка. Проектирование. Дизайн-система.


О проекте

Space 1 — это бренд сети гибких сервисных офисных пространств, отвечающих современным требованиям бизнеса и сочетающих удобство коворкингов и функционал классического офиса. В портфеле сети 12 локаций, 81 офис, 50 тыс. кв. м. Одним из важных аспектов такого формата является современное технологическое сопровождение и полное обеспечение всех сервисных нужд сотрудников арендатора.

В проекте выполнял роль Product-дизайнера вместе с командой Globus IT, работу продолжил за другим дизайнером. Командой реализовали отличный продукт, которым пользуются многие.

Цели

  • Внедрить и улучшить нововведения
  • Переделать дизайн-систему
  • Упростить и ускорить процессы разработки и поддержки цифрового продукта

Задачи

С помощью мобильного приложения обеспечить арендаторам Space 1 комфортный доступ в офис и к его инфраструктуре, решение административных задач, сокращение бумажного документооборота, создание безопасной и удобной среды в рамках офиса.

Реализация

Создали удобный инструмент для взаимодействия с пространством, который всегда под рукой. 

  • Простой и удобный интерфейс для арендаторов.
  • Благодаря интеграции со СКУД обработка данных происходит автоматически и регистрация занимает не более 1 минуты.
  • Полная автоматизация всех необходимых сервисов: доступ в офис, заказ пропусков, доступ к МФУ, оперативное уведомление арендаторов.
  • Чат с администратором для быстрого и эффективного решения любых вопросов.
  • После верификации и активации аккаунта сотрудник получает доступ со своего смартфона ко всем сервисам Space 1.

Результат

Простота и безопасность

Благодаря интеграции со СКУД мы получаем данные автоматически и регистрация занимает не более 1 минуты. После этого аккаунт полностью активен и сотрудник может без проблем пользоваться всеми сервисами.

Каждая секунда на счету

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




WillSkill — EdTech площадка

WillSkill — EdTech площадка digital курсов

Дизайн-система. Главная страница. Личный кабинет.


О проекте

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

Цели

  • Увеличить конверсию продукта, за счёт удобного и красивого интерфейса
  • Улучшить все аспекты внутренней составляющей платформы
  • Повысить LTV за счёт пользовательского опыта

Задачи

  • Редизайн главной страницы
  • Переработать личный кабинет
  • Разработать гибкую систему оплаты

Дизайн-система

Дизайн-система призвана создать удобную экосистему продуктов, которая будет понятна разработчикам и пользователям.

Была реализована простая дизайн-система, которая помогает дизайнерам и разработчикам в создании площадки.

Реализация

Был созданы удобный цифровой продукт, который можно использовать в любой момент и в любом месте

  • Приятный и удобный способ оплаты для потребителей
  • Благодаря новой главной страницы, LTV заметно вырос
  • Личный чат с поддержкой прямо в личном кабинете, в любой момент
  • Адаптивный и комфортный личный кабинет

Результат

Продуманные технические и дизайнерские моменты помогли добиться хороших значений по метрике. Удобный и понятный интерфейс площадки позволяет не тратить время на изучение функционала.




Cherehapa блог

Cherehapa блог

Дизайн-система. CMS. Блог.


О проекте

Cherehapa — онлайн-сервис по выбору и покупке страховки от различных страховых компаний.

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

Компания Cherehapa обратился ко мне за помощью в создании веб-блога от дизайна до разработки на WordPress с нуля, для удобной публикации их новостей и различных полезностей.

Задачи

  • Разработать дизайн блога
  • Реализовать экосистему с основным продуктом
  • Создать и доработать шаблон на WordPress для блога

Реализация

Мы создали удобный блог для взаимодействия с клиентами, который всегда под рукой. 

  • Привычный и красивый интерфейс
  • Полная экосистема с основным сайтом cherehapa.ru
  • Удобная система добавление новых статей для менеджеров

Результат

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

  • В админ-панель был добавлен раздел с новостями и рубриками
  • Разработан удобный и лаконичный интерфейс под желание заказчика
  • Была реализована система баннеров на сайт (специальный самописный плагин для создания баннеров в любом месте блога)