Привет! Я — UI/UX дизайнер Настя, с фокусом на проектирование и исследования.

Моя задача — объеденять пользователя с бизнесом, проектируя удобные и дружелюбные интерфейсы с выгодой под бизнес - задачи.
Редизайн интернет-магазина натуральных продуктов и медиа-портал
YAMS И YAMS MEDIA
Редизайн интернет-магазина натуральных продуктов и медиа-портал
YAMS И YAMS MEDIA
Редизайн интернет-магазина натуральных продуктов и медиа-портал
YAMS И YAMS MEDIA
Редизайн интернет-магазина натуральных продуктов и медиа-портал
YAMS И YAMS MEDIA
Все элементы и содержимое этого сайта являются авторскими разработками и показаны для демонстрации возможностей.
редизайн корпоративного сайта транспортно-логистической компании
ПРОБЛЕМАТИКА
Старый сайт компании был насыщен информацией, при этом структура была сильно перегружена. в результате бренд столкнулся со следующими проблемами:

  • клиенты затруднялись найти нужную им информацию;
  • сайт долго грузился из-за устаревшей и перенасыщенной архитектуры;
  • сайт был устаревшим с точки зрения пользовательских паттернов. страницы содержали много текста, а изображения были мелкими.
Провели тест, в котором дали возможность пользователям искать определенную информация по сайту и смотрели в каких разделах они ищут решения
Больше всего затруднения вызвали задания где пользователям приходилось искать информацию о детальных услугах, карт с адресами и помощь с тех. поддержкой — по итогу был разработан упрощенный вариант навигации с сокращенным уровнем вложености, чтобы пользователь мог добраться до любого раздела в 2 клика
АНАЛИЗ
Перед подготовкой структуры мы провели бенчмаркинг и изучили сайты смежных отраслей, смотрели на наличие хороших решений, реализации калькулятора стоимости, как компания рассказывает о себе. искали решения по механикам взаимодействия
ДИЗАЙН И РЕШЕНИЯ
Полный редизайн страниц сайта
Подобрали более подходящее стилевое решение для компании на основе основных цветов

Интуинтивная навигация по сайту

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

Качественные изображения и видео

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

Полная переработка текстовой части сайта

Упростили подачу информации для широкого спектра аудитории для более легкого восприятия

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

Внедрили дизайн систему для сайта для упрощения дальнейшей работы
над страницами

Обратная связь и поддержка

Упростили доступ к службе поддержки и внедрили чат для мгновенной помощи клиентам

Адаптивы
Адаптировали все дизайн-макеты под мобильные устройства.
Закрыть
редизайн корпоративного сайта для команды молодежной политики
ПРОБЛЕМАТИКА
Самой главной проблемой стал устаревший дизайн с отсутствием архитектуры
также стояла задача сделать сайт удобным для привлечения новых талантов и клиентов, обеспечить быстрый доступ к информации. необходимо было сделать акцент на основных проектах компании, тем самым показать ценности для пользователей
ДИЗАЙН И РЕШЕНИЯ
  • выбрали новый визуальный стиль — современный и яркий, диджитализировали фирменные цвета;
  • разработали блочную структура сайта, которая позволяет гибко управлять контентом на страницах без ущерба общей концепции;
  • обновили функциональные блоки в виде заявок;
  • разработали фирменные баннеры — индивидуальные изображения для каждого направления.
Закрыть
редизайн сайта для медиа портала интернет-магазина натур продуктов
ЗАДАЧА
Раздел YAMS Media задуман как медиапространство внутри сайта YAMS — бренда, фокусирующего на функциональном питании и научно обоснованном подходе к здоровью. Цель проекта — создать единое информационное поле, где пользователь может найти рецепты, материалы о нутрициологии, исследования, советы экспертов и вдохновение — в форме, доступной как новичку, так и профессионалу.
с самого начала перед нами стояла задача: избежать шаблонности, характерной для многих брендовых блогов. Вместо стандартного «журнального» потока контента мы пошли по пути создания редакционного пространства с характером — простого, понятного и при этом визуально свежего.
Анализ референсных медиаплатформ и UX-анализ конкурентов
Были изучены форматы подачи контента у таких площадок, как:

  • Examine.com, The Nutrition Source (Harvard), Zoe, а также wellness-блоги с узнаваемым визуальным стилем (например, Ritual, Golde).
  • Параллельно с этим мы провели UX-анализ русскоязычных блогов и разделов СМИ, посвящённых здоровью и питанию.
Основные выводы:
  • Большинство конкурентов страдает от перегруженности, обилия pop-up окон и «рекламного шума».
  • Отсутствует структурное различие между статьёй и рецептом.
  • Навигация по темам часто неудобна или запутанна.
Это исследование позволили сделать YAMS Media не просто красивым разделом, а продуманной системой — где каждое решение (от заголовка до кнопки «поделиться») прошло через фильтр реального пользовательского поведения.
ДИЗАЙН И РЕШЕНИЯ
  • Минимализм с характером: нейтральная цветовая палитра, узнаваемая типографика и мягкая модульная сетка создают ощущение порядка и интеллектуального фона.
  • Универсальная подача контента: статьи, рецепты и научные заметки оформлены в едином стиле, но с индивидуальными элементами (иконки, обложки, выделенные блоки), что делает каждый материал самостоятельным.
  • Редакторская навигация: вместо сухих рубрик — живые метки (например, «микробиом», «кофе», «нутриенты»), которые побуждают к исследованию и углублённому чтению.
  • Мобильная адаптивность: особое внимание уделено UX на смартфонах — карточки аккуратно масштабируются, а чтение не требует увеличения текста или «прицеливания» по ссылкам.
Закрыть
дизайн сайта с нуля
для производства
ЗАДАЧА
Создать с нуля сайт, который говорит на языке целевой аудитории — инженеров, снабженцев, строителей и закупщиков. Нужно было не просто «представить» компанию, а сформировать доверие, показать масштаб и дать инструмент для быстрой заявки.
анализ
Исследование и структура
  • Анализ конкурентов в металлоторговле: слабые UX-решения, устаревший визуальный стиль, перегрузка терминами.
  • Определение 3-х основных сценариев: поиск нужного вида металлопроката, ознакомление с производственными возможностями, быстрая отправка заявки.
  • На базе этого построена логичная и лёгкая структура сайта.
ДИЗАЙН И РЕШЕНИЯ
  • Визуальный стиль — индустриальный, сдержанный, но современный.
  • Цветовая палитра: сталь, графит, синие акценты — подчёркивают надёжность и технологичность.
  • На главной — чёткий месседж, фото производства, блоки с УТП и преимущества.
  • Каталог металлопроката — простой, с иконками, без лишней информации.
  • CTA-кнопки и формы — заметные, но не агрессивные. Сделан акцент на лёгкость заявки.
  • Адаптивная вёрстка под все устройства.
Закрыть
редизайн личного кабинета
для клиентов логистической компании
ПРОБЛЕМАТИКА
Клиенты логистической компании сталкивались с перегруженным и неструктурированным интерфейсом личного кабинета, где основная информация — путевые листы, счета, статусы заказов — отображалась в виде неинформативных и неудобных таблиц. Это затрудняло поиск нужных данных, отслеживание статусов перевозок и своевременную оплату счетов. Особенно неудобным оказался процесс оплаты — пользователи не сразу понимали, какие путевки оплачены, а какие требуют действий.
Требовалось создать интуитивно понятный и функциональный интерфейс, ориентированный на удобную работу с табличными данными и оплатой счетов, без потери информативности и с минимальным временем на выполнение действий.
АНАЛИЗ
Провели интервью с ключевыми группами пользователей и составили карту пользовательских сценариев.
UX-анализ аналогичных B2B-систем на российском и международном рынке.
ДИЗАЙН И РЕШЕНИЯ
Улучшенная таблица с адаптивным дизайном:
  • Использованы фиксированные заголовки таблиц, сортировка по каждому столбцу.
  • Добавлены фильтры по дате, статусу доставки, маршрутам.
  • Реализован механизм поиска по ключевым параметрам (номер путевки, грузополучатель и пр.).
Выделены цветом строки с просроченными, оплаченными и новыми путевками.
Централизованный блок управления оплатой:
  • В таблицу добавлены чекбоксы для массового выбора путевок.
  • Кнопка «Оплатить» активируется при выборе счетов, открывает модальное окно с деталями и возможностью оплаты онлайн.
  • Визуальное разграничение оплаченных и не оплаченных путевок.
Информационные карточки и дашборд:
  • На главной странице ЛК — блок с ключевыми метриками: «Путевок на оплату», «В доставке», «Оплачено за месяц».
  • Уведомления об оплате выводятся в отдельной панели с возможностью перехода к деталям.
Мобильная адаптация:
  • Таблицы автоматически адаптируются под мобильные экраны: приоритетные данные видны сразу, остальное доступно через раскрытие строки.
UX-решения:
  • Пошаговый гид для новых пользователей.
  • Быстрые действия через контекстное меню строк таблицы (скачать путевку, отправить на email, посмотреть маршрут).
Закрыть
редизайн для агрегатора деловых событий
ПРОБЛЕМАТИКА
Expomap — это большой каталог событий (десятки тысяч мероприятий по всему миру), где пользователи ищут выставки, а организаторы и экспоненты — привлекают аудиторию
Но по факту продукт ощущался как «база данных», а не как инструмент для решения задач.

Старый интерфейс выглядел как классический каталог:
  • много информации без явной иерархии
  • перегруженные карточки событий
  • слабые акценты на целевые действия
  • одинаковый UX для разных ролей

В итоге: пользователь мог найти событие, но не всегда доходил до действия.
С ЧЕГО ВСЕ НАЧАЛОСЬ:
Работа началась от исследования, а не от визуала:
  • разобрала пользовательские сценарии (поиск → просмотр → действие)
  • посмотрела поведение в воронке
  • провела custdev-интервью с организаторами и экспонентами

Важно было понять не «что не так с дизайном», а где теряется ценность продукта.
ДИЗАЙН И РЕШЕНИЯ
Каталог:
  • усиление первого экрана, добавление сценариев «что я могу здесь сделать»
  • акцент на итоговом результате пользователя
  • чистка от шума, только важная информация, которая закрывает задачи пользователя
  • удобная фильтрация событий за счет полной переработки иерархии фильтров
Итог: пользователь понимает, зачем ему платформа и совершает более целевые действия.

Сильная визуальная иерархия:
  • разделение контента по приоритетам
  • усиление главных СТА и ключевых блоков на сайте
Итог: интерфейс стал удобным, а действия на сайте - очевидными.

Улучшение рекламных инструментов, за счет встраивание в сценарий:
  • проектирование не как отдельные разделы, а как часть пути пользователя
  • усиление визуальной части
Итог: со стороны пользователя инструменты перестали быть рекламой, начали воспринимать их как способы фильтрации, а не как опция.
Закрыть
редизайн сайта для парка аттракционнов
ПРОБЛЕМАТИКА
Устаревший дизайн сайта с сложной структурой, где пользователи затрднялись найти нужную им информацию. Также были сложности в покупке билетов

Сайт Остров месты должен выполнять сразу несколько функций:
  • Быть цифровой витриной бренда, транслирующей атмосферу парка;
  • Упрощать покупку билетов, просмотр расписания и ориентацию на территории;
  • Одновременно обслуживать несколько аудиторий: родителей с детьми, туристов, школьные группы, корпоративных клиентов и партнёров;
АНАЛИЗ
Перед началом проектирования мы провели исследование:
  • UX-анализ сайтов ведущих парков России
  • Полевое изучение потребностей семейной аудитории (сценарии: «куда идти с ребёнком 5 лет», «где оставить коляску», «что работает сейчас»);
  • Интервью с клиентом и маркетинговой командой;
  • Анализ существующего сайта (проблемы: перегруженная структура, устаревший визуал, слишком общий контент).

Ключевые инсайты:
  • Люди хотят не просто посмотреть список аттракционов, а планировать день как приключение;
  • Им важны возрастные ограничения, карта, расписание шоу, а не просто «общее описание»;
  • Более 65% пользователей заходят с мобильных устройств — интерфейс должен быть максимально лёгким и быстрым.
ДИЗАЙН И РЕШЕНИЯ
  • Стартовая страница — крупные карточки направлений: Тематический парк, Галерея, Кино, Рестораны, Аренда, Мероприятия;
  • Фильтры по интересам и возрасту — «С ребёнком 3+», «Для школьников», «Для влюблённых», «Семейный день»;
  • Интерактивная карта парка — с фильтрами, локациями и построением маршрута;
  • Мобильная адаптация — с приоритетом на быстрый доступ к расписанию, карте и покупке билетов.
  • Онлайн-продажа билетов: интеграция с внешней билетной системой, передающей данные в реальном времени;
  • Расписание шоу: автоматическая подгрузка, сортировка по дням, отображение актуального времени событий;
  • Разделы B2B и аренды: отдельный UX для корпоративных клиентов (деловые мероприятия, аренда павильонов);
  • Многоязычность: подготовка под туристов и международную аудиторию (RU/EN/CH по запросу клиента);
  • Быстрая обратная связь: pop-up виджеты, заявка на экскурсию, кнопка поддержки.
Закрыть
дизайн сайта
для благотфорительного фонда
ПРОБЛЕМАТИКА
Фонд «Вместе» создан для поддержки животных, которые по разным причинам долго остаются в приютах и не находят дом. Основная задача платформы — привлечь внимание к этим животным и предоставить пользователям удобные способы помочь: через опекунство, пожертвования и участие в мероприятиях.

Основные функции:
  • Выбор животного для опекунства: пользователь может выбрать конкретное животное из приюта, оформить виртуальное опекунство и регулярно помогать ему — финансово или товарами первой необходимости.
  • Поддержка приютов: проект интегрирован с базой нуждающихся приютов. Пользователи могут делать разовые или регулярные пожертвования, а также просматривать отчёты о потраченных средствах.
  • Зоогородок и мероприятия: фонд организует выездные мероприятия и пикники в зоогородках, где гости могут познакомиться с животными, пообщаться с волонтёрами и внести вклад в развитие инфраструктуры для питомцев.
АНАЛИЗ
Перед началом проектирования мы провели исследование, составили карту и структуру сайта:
  • UX-анализ сайтов ведущих благотворительных фондов
  • Интервью с потенциальным клиентом

Ключевые инсайты:
  • Люди хотят видеть результат своей помощи: фото, видео, отчёты, прогресс животного
  • Большой интерес вызывает опека как формат «удалённого усыновления»
  • Уникальное УТП — это живое взаимодействие: мероприятия, пикники, общение с животными в офлайн-среде
  • Важно предложить простую, но личную механику помощи
ДИЗАЙН И РЕШЕНИЯ
  • Карточка животного: каждое животное представлено на отдельной карточке с фотографией, именем, краткой историей и текущими потребностями.
  • Поддерживается персонализация: возможность «выбрать себе подопечного», оформить опеку или помощь.
  • Простая и прозрачная навигация: главные действия выведены в верхнее меню: «Помочь», «Выбрать животное», «Мероприятия», «О нас». Система фильтрации позволяет искать животных по параметрам (размер, возраст, особые условия).
  • Личный кабинет опекуна: после регистрации пользователь получает доступ к личному кабинету, где отображаются: его подопечные, история платежей, новости и обновления по животным, приглашения на мероприятия. Использован визуальный таймлайн прогресса животного под опекой (выздоровление, прививки, социализация).
  • Интеграция офлайн-активностей: отдельный раздел «Зоогородок»: карта событий, регистрация на пикники, отчёты о прошедших встречах. Дизайн подчёркивает тёплую, семейную атмосферу — иконки с палатками, огоньком, лапками. Использованы real-life фото с мероприятий для подлинности и доверия.
  • Адаптивность и доступность: интерфейс полностью адаптирован под мобильные устройства — приоритет мобильному взаимодействию.
  • Прозрачность и доверие: все страницы опеки сопровождаются блоком «Куда идут деньги» с визуализацией расходов (еда, лечение, домик и т.д.). Добавлены отзывы от волонтёров и благодарственные письма от команды приюта. Реализована лента с короткими обновлениями от приютов (в формате соцсети).
Закрыть
Закрыть
/UX
Умею анализировать: конкуренты, процессы, тендеции, ошибки. Проектирую интерфейсы любой сложности: админки, CRM.
Guideline
Создание дизайн-системы любой сложности, внедряю в проекты
Дисциплина и аргументация
Соблюдаю дедлайны, как профи защищаю проекты и аргументирую решения. Абсолютно нормально воспринимаю конструктивную критику
Наставничество и управление
Есть опыт управления до 3-х человек
Граф. дизайн
Все, кроме сложных иллюстраций
Другое
Могу написать боевой текст для сайта. Умею вести дизайн-проекты в одиночку. Умею работать в команде. Всегда готова изучать что-то новое для работы, если в этом есть необходимость
Закрыть
Figma
Делаю сайты, анимацию. Знаю что такое дочка и варианты
Illustrator
Рисую не сложные иллюстрации
Photoshop
Профессионал
After Effects
Обычно базовые анимации я делаю в Figma, но также изучаю эффект для более сильных и профессиональных анимаций, которые буду использовать в работе
3DS max
Сейчас я нахожусь в процессе изучения 3D и программы, могу сделать куб:)
Tilda
Временами использую для отрисовки сложных анимаций, могу сделать все, вплоть до интернет-магазинв
Закрыть
Made on
Tilda