Проектирую сложные сценарии
Разбираю user flow, роли, статусы, ошибки, пустые состояния, ограничения и edge cases. Умею проектировать не только happy path, но и реальные рабочие состояния продукта.
Портфолио · Product / UX/UI Designer
Проектирую web-продукты, ecommerce, B2B SaaS и сложные сценарии
Помогаю связывать UX/UI с бизнес-логикой, CRM, оплатами, аналитикой, frontend/backend-ограничениями и реальной реализацией.
CRM Payments
Analytics Real-time
UX Flow Admin UI
API Telegram
Product Metrics Conversational UX
PostgreSQL WebSocket
Tilda Astro Next.js
Я проектирую не только экраны, а работающие цифровые сценарии
Быстро разбираюсь в задаче, раскладываю её на роли, сценарии, состояния, ограничения, метрики и довожу до понятного интерфейса.
Думаю через продуктовые метрики
Для решений формулирую гипотезы и события аналитики: конверсия в заявку, add_to_cart, payment_success, lead_created, operator_requested, integration_error.
Понимаю технический контекст
Понимаю HTML/CSS, адаптив, frontend/backend-разделение, API, webhooks, CRM, платежи, Telegram, WebSocket и PostgreSQL на продуктовом уровне.
Довожу до реализации
Могу собрать сайт на Tilda, подготовить ТЗ для Codex/разработки, проверить верстку, адаптив, состояния, формы и логику сценария.
Кейсы
Проекты, где я показываю не только финальный UI, но и процесс: задачу, ограничения, варианты решений, пользовательские сценарии, состояния, метрики и результат.
B2B SaaS
Chat Leads
Lead management система для сайта с чат-виджетом, real-time оператором и админкой.
Путь от лендинга с чатом к production-подходу с ролями, статусами, событиями и аналитикой.
Было
Идея простого сайта с формой и чат-ботом.
Стало
Production-прототип lead management системы с админкой, оператором, историей событий, ролями и аналитикой.
Conversational UX
Migration Assistant Bot
Сценарный веб-чат для консультаций, заявок, покупки PDF-шаблонов и предоплаты.
Диалоговый продуктовый интерфейс, который помогает пользователю выбрать сценарий и дойти до заявки или оплаты.
Было
Повторяющиеся вопросы менеджерам и неструктурированный путь пользователя.
Стало
Сценарный интерфейс, который ведёт пользователя к заявке или оплате и передаёт контекст в CRM/Telegram.
Ecommerce
USIZE
Ecommerce-платформа для бренда женской одежды plus size.
Онлайн-магазин с каталогом, корзиной, оплатой и связкой с CRM, 1C, Telegram и аналитикой.
Было
Не было полноценного ecommerce-канала.
Стало
Интернет-магазин с каталогом, оплатой, CRM, 1C, Telegram и аналитикой.
От задачи — к сценарию, интерфейсу, метрикам и реализации
Рабочий процесс устроен так, чтобы быстро перейти от контекста к решению, которое можно проверить и внедрить.
[01]
Разбираю задачу
Бизнес-цель, пользователи, ограничения.
[02]
Формулирую проблему
Разделяю пользовательскую и бизнес-задачу.
[03]
Рассматриваю варианты
Сравниваю подходы перед макетом.
[04]
Проектирую сценарий
User flow, роли, состояния, ошибки.
[05]
Делаю UI
Компоненты, адаптив, прототип.
[06]
Задаю метрики
События и критерии успеха.
[07]
Передаю в реализацию
Макеты, логика, дизайн-чек.
Figma · 04 | 05
Работаю с Figma как с системой, а не просто с макетами
Работаю с components, variants, auto layout, variables, UI-kit и design system support. В кейсах показываю не только финальные экраны, но и логику интерфейса: кнопки, поля, уведомления, карточки, таблицы, статусы, роли, ошибки и правила поведения компонентов.
В Chat Leads дополнительно спроектирована мобильная админка оператора: при работе над ней я учитывал mobile product-подход, iOS HIG, Material Design, safe areas и сценарии быстрых действий.
componentsvariantsauto layoutvariablesstylescomponent propertiesUI-kitresponsive layoutsinteractive prototypesdesign handoffdesign system support
Мой плюс — я понимаю, как интерфейс живёт после макета
Я не позиционирую себя как frontend/backend-разработчик, но хорошо понимаю технический контекст web-продуктов. Это помогает проектировать интерфейсы, которые проще реализовать, легче обсудить с разработкой и надежнее проверить после внедрения.
Web basics
HTML/CSS, responsive design, адаптив, ограничения верстки
Product integrations
API, webhooks, CRM, платежи, Telegram-уведомления
Real-time & data
WebSocket, PostgreSQL, модели данных на продуктовом уровне
Implementation
Tilda, Astro, Next.js, аналитические события, дизайн-чек реализации
Запускаю сайты и digital-проекты в Tilda и no-code
Работаю не только с макетами, но и с инструментами реализации: могу собирать, дорабатывать, кастомизировать и запускать digital-проекты под бизнес-задачу. Tilda — основной no-code инструмент в моём опыте.
структура сайтаZero Blockстандартные блокиадаптивCSS/JSTilda Storeкаталогкарточкикорзина
оплатаформыpop-upBitrix24МетрикаSEO-базаподдержкаNext.jsAstro
Я думаю о том, как проверить дизайн после запуска
Для каждого решения стараюсь формулировать гипотезу и события, по которым можно понять, сработало оно или нет.
Ecommerce
product_viewsize_selectadd_to_cartcart_opencheckout_startpurchasetelegram_clickpayment_error
Чаты и заявки
chat_openscenario_selectedlead_createdmanager_requestedfallback_triggeredpayment_createdpayment_succeeded
Админки и B2B
operator_response_timestatus_changedintegration_errorleads_processedreopened_chatsrole_permission_error
Contact
Нужен дизайнер, который понимает не только UI, но и продуктовую логику?
Открыт к задачам в продуктовых командах, B2B SaaS, ecommerce, CRM/BackOffice, web-продуктах, чат-сценариях и Tilda/low-code проектах.