Совместный проект с дизайн-директором Broad Apps Иваном Беляковым (@IvanWhite13)

Моя роль в проекте

Дизайн интерфейса:

• Переработал визуальные аспекты приложения для улучшения пользовательского опыта.

• Создал онбординги, страницы настроек и пейволы для A/B тестирования.

Графический дизайн:

• Разработал иконку приложения и скриншоты для A/B тестов в App Store.

• Провёл несколько итераций, чтобы определить наиболее эффективные визуальные элементы.

Создание шаблонов:

• Создавал первоначальные наброски шаблонов рилсов в After Effects до релиза приложения и после.

• Находил трендовую музыку в Instagram, придумывал сюжет и ритм для шаблонов.

• Подбирал футажи на стоках и собирал элементы для создания привлекательных шаблонов.

• Сотрудничал со вторым дизайнером (дизайн-директором) для доработки эффектов и финализации шаблонов.

Техническая координация:

• Предоставлял разработчикам подробные спецификации для кодирования шаблонов рилсов, включая тайминги, эффекты, координаты и переходы.

Командное взаимодействие:

• Работал в тесном сотрудничестве с дизайн-директором для эффективного распределения задач.

• Участвовал в найме моушен-дизайнера и подготовке ТЗ для него.

Процесс разработки

Анализ конкурентов:

• Изучал конкурентов в американском App Store с помощью Switchr и Sensor Tower.

• Анализировал отзывы пользователей, чтобы понять сильные и слабые стороны существующих приложений.

Обратная связь от пользователей:

• Собирал и изучал отзывы пользователей, чтобы выявить проблемы, связанные с дизайном и функциональностью приложения.

• Провёл опрос в процессе онбординга внутри приложения для составления портрета пользователя и сбора статистики использования.

Внедрение дизайн-системы:

• Использовал общую дизайн-систему со вторым дизайнером для обеспечения консистентности.

• Применял принципы атомарного дизайна для создания повторно используемых компонентов.

Визуальный редизайн:

• Перевёл эстетику приложения на минималистичный, визуально нативный стиль с тёмным фоном, соответствующий предпочтениям пользователей.

• Внедрил визуально привлекательные и современные UI-элементы для повышения вовлечённости пользователей.

A/B тестирование:

• Провёл несколько итераций A/B тестов иконок и скриншотов приложения.

• Использовал сайты с фокус-группами для сравнения дизайнов и сбора обратной связи

• Определил, что графика в стиле Instagram с динамичной и яркой визуализацией и современными шрифтами работает лучше всего.

Создание шаблонов:

• Искал трендовые треки в Instagram, чтобы быть в курсе интересов пользователей.

• Придумывал сюжетные линии для шаблонов на основе трендовой музыки.

• Собирал футажи и делал первоначальные монтажи в After Effects.

• Передавал первоначальные наброски дизайн-директору для дальнейшего улучшения эффектов.

• Документировал подробные технические спецификации для разработчиков для точной реализации шаблонов.

Ключевые вызовы и решения

1. Техническая синхронизация между дизайном и разработкой:

• Вызов ⚔️: Согласование сложных шаблонов, созданных в After Effects, с техническими возможностями команды разработки, обеспечивая точное воспроизведение внутри приложения.

• Решение ✅: Наш дизайн директор изучил и объяснил фреймворк CIFilters для понимания технических ограничений. Предоставил разработчикам подробную документацию, включая точные тайминги, эффекты и координаты. Поддерживал тесную коммуникацию для оперативного решения возникающих вопросов.

2. Улучшение восприятия дизайна приложения пользователями:

• Вызов ⚔️: Пользователи выражали недовольство дизайном приложения, что приводило к негативным отзывам и потенциальной утрате пользователей.

• Решение ✅: Проанализировал отзывы пользователей и выявил конкурентов, которых они предпочитали. Провёл опрос в процессе онбординга для составления портрета пользователя и статистики использования. Предположил, что минималистичный дизайн с нативными визуальными элементами и тёмным фоном будет более востребован. После внедрения редизайна количество негативных отзывов снизилось, а удержание пользователей улучшилось.

3. Повышение визуальной привлекательности в App Store:

• Вызов ⚔️: Увеличение видимости и привлекательности приложения в App Store для привлечения большего числа пользователей.

• Решение ✅: Провёл A/B тестирование различных иконок и скриншотов приложения, используя фокус-группы для оценки предпочтений. Выяснил, что дизайн, имитирующий эстетику Instagram с динамичной графикой и современными шрифтами, наиболее эффективен, что привело к улучшению конверсии установок.

Инновационные решения

Инновация в шаблонах:

• Разработали уникальные и увлекательные шаблоны для рилсов, выделяющиеся на рынке.

• Интегрировал трендовую музыку и креативные эффекты для повышения вовлечённости пользователей.

Дизайн-система и сотрудничество:

• Вместе с дизайн-директором внедрили общую дизайн-систему для оптимизации сотрудничества с дизайн-директором.

• Использовал принципы атомарного дизайна для создания масштабируемых и поддерживаемых UI-компонентов.

Редизайн, ориентированный на пользователя:

• Основывал дизайнерские решения на прямой обратной связи от пользователей и данных, собранных из опросов.

• Сфокусировался на создании интуитивно понятного и эстетически привлекательного интерфейса, соответствующего ожиданиям пользователей.

Результаты и метрики 📈

Вовлечённость пользователей:

• Удержание пользователей: Улучшилось до 33%, что свидетельствует о повышении удовлетворённости и вовлечённости пользователей.

• Активные платные подписчики: Превысило 3 000, что способствовало росту доходов приложения.

Производительность в App Store:

• Средняя оценка: Достигла 4,7 звезды в американском App Store на основе 318 отзывов.

• Положительная обратная связь: Значительное снижение негативных отзывов, связанных с дизайном интерфейса приложения после редизайна.

Влияние на бизнес:

• Приложение стало флагманским продуктом компании, генерируя значительную положительную прибыль.

• Позволило нанять дополнительных сотрудников, расширив команду и возможности компании.

Успех шаблонов:

• Несколько шаблонов рилсов, в создании которых я участвовал, остаются среди наиболее популярных в приложении.

Обратная связь от пользователей

«I really love the ability to insert text and change fonts, which allows me to customize the reels to any style. The app works quickly, and I haven't encountered any lags during editing. I recommend it to anyone looking to diversify their content!»

«I liked the app. Intuitively understandable, convenient, and well thought out. The designers did a great job».

Сотрудничество с командой

Кросс-функциональная коммуникация:

• Регулярные встречи и обсуждения с разработчиками, продакт-менеджерами и дизайнерами.

• Использовал Jira для постановки задач и отслеживания прогресса, обеспечивая прозрачность и ответственность.

Найм и наставничество:

• Участвовал в найме моушен-дизайнера для усиления возможностей по созданию шаблонов.

• Предоставлял подробные задания и руководство, облегчая его интеграцию в команду.

Уроки и профессиональный рост

Улучшение командного взаимодействия:

• Получил ценный опыт работы в большой команде над значительным дизайнерским проектом.

• Улучшил навыки коммуникации и научился эффективно координировать работу между различными отделами.

Техническая компетентность:

• Углубил понимание процесса разработки и технических ограничений.

• Расширил навыки работы в After Effects, что способствовало созданию более сложных моушен-дизайнов.

Развитие лидерских качеств:

• Успех моих вкладов привёл к получению более сложных задач и проектов.

• Перешёл на роль лид-дизайнера, руководя проектами и наставляя членов команды.

Заключение ✅

Проект Reels Maker продемонстрировал мою способность существенно влиять как на дизайн, так и на контент успешного приложения. Сфокусировавшись на потребностях пользователей, принимая решения на основе данных и способствуя сильному сотрудничеству внутри команды, мы смогли создать продукт, который не только достиг бизнес-целей, но и предоставил исключительную ценность для пользователей.

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