Задачи выполняла в роли UX/UI дизайнера в студии Purrweb в 2025 году.
гринфлаг: дейтинг-приложение
гринфлаг:
гринфлаг:
о проекте
Гринфлаг — дейтинг-приложение, ориентированное на осознанный поиск партнёров по интересам, образу жизни и жизненным ценностям. В отличие от классических дейтинг-сервисов, где выбор строится в основном на фото, Гринфлаг помогает пользователям постепенно раскрывать и собирать настоящий образ человека, делая фокус
на ментальной совместимости.
на ментальной совместимости.
главная задача
Спроектировать понятную навигацию, продумать и облегчить путь пользователя от момента скачивания до первого мэтча, а также создать уникальный, запоминающийся визуальный язык приложения.
моя роль и что входило в работу
Исследование и логика: проектирование UX онбординга и детальная проработка флоу регистрации;
Проектирование интерфейса: создание экранов приложения и проработка пользовательских сценариев на основе готовых вайрфреймов;
Визуальный стиль: участие в разработке визуальной концепции (мудборд, логотип, цвета, шрифты);
Дизайн-система: создание адаптивного UI-kit на компонентах и автолейаутах для быстрой сборки и масштабирования продукта.
Особенности проекта
Сложный онбординг: Чтобы система могла подсвечивать совпадения по ценностям, при регистрации пользователю необходимо заполнить расширенную анкету (образ жизни, хобби, планы). Задачей дизайнера было сделать этот процесс легким, чтобы минимизировать дроп-офф на этапе регистрации.
Эмоциональный дизайн: Интерфейс должен был уходить от стандартных паттернов «холодного» выбора, создавая атмосферу легкого флирта, игры и дружелюбия.
Монетизация через геймификацию: Внедрение механики платных стикеров-подарков, которые должны органично встраиваться в интерфейс профиля и стимулировать общение.
Как я решала задачи через UX/UI
1. Улучшила флоу регистрации и спроектировала вовлекающий UX онбординга
Контекст: Расширенная анкета при регистрации — это главный барьер для пользователя. Если сделать её скучной, продукт потеряет аудиторию в первые 5 минут.
Решение:
Разработала пошаговый, интерактивный процесс заполнения анкеты. Вопросы про хобби, планы и образ жизни разбиты на логические, визуально легкие блоки, не перегружающие интерфейс.
Интегрировала в онбординг элементы игрофикации и приятные визуальные детали, сопровождающие каждое действие, что снизило когнитивную нагрузку и превратило рутину в развлечение.
Результат:
Пользователь вовлекается в продукт с первых экранов, а система получает качественные данные для точного мэтчинга без ощущения «заполнения налоговой декларации».
2. Разработала визуальную концепцию, отстраивающую продукт от конкурентов
Контекст: Большинство дейтинг-сервисов используют либо строгий минимализм, либо стандартные «розово-красные» оттенки любви. Клиент хотел видеть дерзкий, динамичный и молодой интерфейс.
Визуальный язык: Построила дизайн на принципах лёгкости и игривости. Основой стали яркие акцентные цвета, мягкие градиенты и уникальные пиксельные стикеры, задающие атмосферу флирта.
Логотип и метафора: Разработала шрифтовой логотип, где текстовая часть переплетается с графикой, обыгрывая буквы внутри слова. Пиксели в логотипе и графике стали главной метафорой проекта: как пиксели складываются в четкую картину, так и “Green Flag” помогает постепенно собрать образ человека.
Типографика: Выбрала шрифт Igra Sans - его геометричные формы с неожиданными акцентами в очертаниях букв добавили интерфейсу оригинальности и живости.
Цветовая пара: Сочный неоново-зелёный (ассоциируется с энергией, свежестью и самим названием "Green Flag") работает в связке с холодным сине-фиолетовым, который балансирует динамику и вносит ощущение безопасности и доверия.
3. Спроектировала интерфейс экранов на основе вайрфреймов и разработала флоу пополнения кошелька и онбординга
Контекст: На основе черновых вайрфреймов необходимо было выстроить чистовые макеты, где внимание пользователя сфокусировано на эмоциях, а также внедрить внутреннюю экономику (кошелек и стикеры).
Решение:
Отрисовала финальные экраны профилей, где система автоматически подсвечивает общие интересы и цели, помогая пользователю сразу увидеть «гринфлаги» партнера.
Спроектировала бесшовный флоу пополнения баланса кошелька и выбора ярких стикеров-подарков. Оформление продумано так, что подарок выгодно выделяется в профиле получателя, повышая шансы на ответное взаимодействие и делая общение более живым.
Coach Marks: Спроектировала пошаговый обучающий тур по интерфейсу для первого входа. Через деликатное затемнение фона и тултипы гид наглядно объясняет логику фильтров ценностей и ключевых элементов управления, снижая барьер перед новым продуктом.
4. Создала масштабируемую дизайн-систему (UI-kit)
Контекст: Как штатному дизайнеру, мне важно было заложить фундамент для быстрого развития продукта и передачи макетов в разработку.
Решение:
Собрала гибкую структуру UI-kit на базе компонентов и автолейаутов в Figma. Все состояния кнопок, иконок, полей ввода, карточек пользователей и пиксельных стикеров строго систематизированы.
Результат:
Обеспечено 100% визуальное единообразие приложения, а скорость создания новых экранов и передача их разработчикам сократилась вдвое.
Итоговый результат проекта
В результате работы над Гринфлаг был спроектирован и полностью подготовлен к разработке целостный мобильный продукт с сильной визуальной идентичностью и продуманным пользовательским опытом.
Что дала моя работа продукту и бизнесу:
Преодолен барьер онбординга: За счет геймификации и пошагового разделения расширенной анкеты сложный процесс регистрации превратился в вовлекающий интерактив. Это позволило собирать глубокие данные о ценностях пользователей, полностью исключив риск их оттока (дроп-оффа) на первых экранах.
Сформирована коммерческая база: Спроектированная логика кошелька и кастомных пиксельных стикеров-подарков заложила прочный фундамент для будущей монетизации и внутренней экономики приложения, органично мотивируя пользователей на платные взаимодействия.
Успешный запуск дизайн-системы: Адаптивный UI-kit на компонентах и автолейаутах помог команде безболезненно передать проект в разработку. Скорость сборки последующих продуктовых экранов увеличилась
в 2 раза, исключив появление визуального хаоса при дальнейшем масштабировании приложения.
в 2 раза, исключив появление визуального хаоса при дальнейшем масштабировании приложения.
Уникальное позиционирование: Сочетание шрифта Igra Sans, пиксельной метафоры и неоново-зеленой палитры создало дерзкий, свежий и запоминающийся образ бренда, который эффективно отстраивает «Гринфлаг»
от шаблонных и монотонных конкурентов на рынке дейтинг-сервисов.
от шаблонных и монотонных конкурентов на рынке дейтинг-сервисов.
