UX/UI-дизайн

Создаю интерфейсы, которые понятны, удобны и визуально выверены. Основываюсь на логике пользователя, исследованиях и структуре. Работаю с разными форматами — от лендингов до образовательных платформ.

Цель

Разработать интерфейс приложения для игроков в бильярд: записывать партии, анализировать технику и отслеживать прогресс. Продукт — для idSport, с фокусом на пользовательский опыт, метрики и видеоаналитику.

Этап 1: Исследование

Что сделано:

Сформулирована проблема: игроки не могут отследить свои ошибки, сложно анализировать технику по памяти

Определены 3 сегмента ЦА:

Любители
(хотят прогрессировать)

Тренеры
(анализ учеников)

Турнирные игроки (нужна точность)

Проведены интервью, анкетирование и бенчмаркинг

Инструменты:

CJM, User Flow, Jobs To Be Done

Анализ конкурентов: MyGame, Apple Fitness, Strava

Таблица болей, потребностей, триггеров

Карта эмоций и барьеров на пути пользователя

На этом этапе родились ключевые сценарии: "Записать партию", "Разобрать технику", "Посмотреть хайлайты"

Этап 2: Продуктовая логика и структура

Продумала маршрут пользователя от входа до просмотра аналитики. В основе — сценарии записи партии, добавления меток и просмотра хайлайтов. Сделала структуру простой и логичной, без лишних шагов, с учётом мобильного поведения и фокусировки на основном действии.

Этап 3. Визуальная система

Брендинг:

Разработан логотип: модульная сетка, спортивная динамика

Цветовая палитра: графит, зелёный (покрытие стола), жёлтые акценты

Стиль: техничный, сдержанный, уверенный

Компоненты:

Собран UI Kit: кнопки, карточки, фильтры, всплывающие окна

Продуманы состояния (hover, active, error, loading)

UI Kit — универсален: подходит для расширения, масштабирования, будущих версий

Этап 4. Прототипирование
и отрисовка экранов

Что реализовано:

Более 20 полноценных экранов:

— регистрация, логин, onboarding 
— запись партии с таймингом и разметкой 
— аналитика: карта ударов, видео, метки 
— профиль, подписка, настройки, архив

Прототип собран в Figma: интерактивные переходы

Результат

Разработано более 20 полноценных экранов: от регистрации до аналитики.

Прототип передаёт структуру, механику и атмосферу будущего продукта.

Исследование легло в основу продуктовой логики и гипотез для развития.

Создан UI Kit и визуальная система, готовая к масштабированию.

Кейс: IDBilliards — приложение для анализа бильярдных партий

Цель

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

Этап 1: Исследование

Что сделано:

Провела брифинг с командой: выявлены ценности, ассоциации, настроение бренда

ЦА: молодые взрослые, ценящие индивидуальность, безопасность, мягкую эстетику

Выявлены задачи: восстановить лого, упорядочить визуал, дать инструкции новым мастерам

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

Этап 2: Структура гайдбука

Сформировала структуру: от ценностей и TOV до сетки постов и логотипа

Включила блоки: логика соцсетей, стилистика фото, подбор цвета и ритма, правила использования шрифтов

Добавила пояснения и визуальные примеры — чтобы не было «сухой инструкции»

Этап 3: Визуальная система

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

Этап 4. Контент и шаблоны

Что реализовано:

Шаблоны для афиш, сторис, карточек, визуальных серий

Оформление рубрик и сторителлинга

Гайд по фото: свет, руки, крупные планы, атмосфера

Упрощённая инструкция для мастеров по оформлению и подаче

Результат

24-страничный гайдбук: от логотипа до постов

Используется для ведения соцсетей, онбординга новых сотрудников

Объединяет визуал, текст и настроение в единую систему

Служит основой для роста студии и работы контент-команды

Кейс: Бренд-гайдбук для тату-студии LAY

Цель

Создать тёплый, минималистичный сайт, который помогает почувствовать доверие и спокойствие с первых секунд. Задача — рассказать про психолога, объяснить подход и упростить переход к записи.

Этап 1: Исследование

ЦА: люди 16–50 лет, которые ищут специалиста в моменты переутомления, тревожности, смены этапов

Аудит конкурентов: много «холодных» сайтов, которые вызывают ощущение дистанции

Решение: сайт, где в фокусе — тепло, человечность, визуальный ритм и прозрачность

Этап 2: Структура и тексты

Продумала маршрут пользователя: от тёплого знакомства — к доверию, а затем к записи. Тексты писала простым языком, с акцентом на заботу и спокойствие.

Этап 3: Визуальная система

Палитра: сочетание прохладного голубого и тёплых натуральных оттенков (молочный, бежевый, кофейный)

UI: округлённые формы, мягкие тени, плавные переходы

Фото: естественное освещение, крупные кадры, акценты на деталях (чашка, руки, книга)

Иллюстрации: монохромные линии и элементы — как метафоры дыхания и движения

Результат

Сайт читается за 30–40 секунд, вызывает ощущение доверия

Адаптив под мобильные устройства

Повышен уровень записей в Telegram без рекламы

Используется как основная посадочная страница и ссылка в соцсетях

Сайт-портфолио для психолога

Задача

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

Этап 1: Исследование

Бриф: определили целевую аудиторию и ключевые смыслы

Портреты ЦА: выявлены боли, ожидания, формат взаимодействия

Анализ конкурентов: как выглядят и презентуют себя другие спикеры

Этап 2: Концепция и структура

Создала логику лендинга — блоки, порядок подачи, ключевые тезисы. Написала тексты. Задача была —показать опыт, энергию и системный подход через экран.