Анна
Петрухина

UX/UI продуктовый дизайнер

Ростов-на-Дону · СФедУ, Графический дизайн

Открыта к стажировкам
Написать письмо Смотреть кейс

Кейс 01

«Кампус» — TMA для студентов СФедУ

Тёмная тема: расписание
Светлая тема: расписание
Дедлайны
Готовый продукт

Telegram Mini App, которое решает реальную боль: студент видит расписание, дедлайны и баллы — без VPN, без навигации по порталу вуза. Разработана с нуля: от глубинных интервью до live-версии в Telegram.

Кейс-стади Live демо Figma-макет (.fig)

В макете: автолейаут, компоненты (карточка пары, пилюля дня, кнопка таб-бара) и палитра как переменные Figma — c/primary, c/accent, отступы, радиусы, шкала типографики. Файл .fig открывается в любом бесплатном аккаунте Figma.

Figma-файл «Кампус»: макет с компонентами Figma-переменные: токены палитры c/primary, c/accent

Кейс 02

«Русский контент» — Figma plugin

Обложка плагина Русский контент
Интерфейс плагина — генераторы
Интерфейс плагина — цены
Отправлен в Figma Community · на модерации

Плагин для Figma с 10 русскоязычными генераторами данных. Решает конкретную задачу: российские дизайнеры работают с русским контентом — имена, адреса, ИНН, суммы рублей — а стандартные инструменты этого не умеют.

  • 10 генераторов: ФИО, адреса, телефоны, email, компании, ИНН/КПП, суммы, даты, лозунги
  • Валидный ИНН по официальному алгоритму контрольной суммы
  • Полностью офлайн — никаких внешних API
  • Работает с фреймами и группами — заполняет все вложенные текстовые слои

Кейс 03

Транспорт Ростов-на-Дону

Редизайн пассажирского транспортного приложения — структурированное исследование по шести этапам, прежде чем рисовать.

Кейс в работе
Этап 1
Обзор отзывов (review mining)
Этап 2
Глубинные интервью
Этап 3
Customer Journey Map
Этап 4
Юзабилити-тест текущего приложения
Этап 5
Постановка задачи на редизайн
Этап 6
Прототип и тест решения

Подход

Как я думаю о дизайне

Продуктовое мышление
Прежде чем нарисовать экран — понять, какую проблему он решает, какие есть альтернативы и почему это решение, а не другое.
Дизайн-токены и системы
Цвета, типографика и компоненты как согласованная система, а не набор независимых решений.
Telegram Mini Apps
Понимаю платформенные ограничения и возможности TMA: навигация, back-button, haptic feedback, нативные цветовые схемы.
Честные исследования
Интервью с реальными пользователями, CJM с настоящими болями, юзабилити-тест до и после — не предположения.

«Уверенный дизайн — это не когда нет сомнений, а когда есть причины для каждого решения.»

Инструменты
Figma Photoshop Illustrator