PALMO
Редизайн приложения, где каждый скан банки работает и на пользователя,
и на бренд
Роль:
Продуктовый дизайнер
фриланс
Направление:
Редизайн мобильного
приложения, iOS
Статус:
Выпущено
Проект под NDA
Название, логотип и фото бренда изменены, бренды-партнёры на экранах — демо-данные
Связаться
Бизнес-контекст
Palmo — D2C-бренд кокосовой воды с доставкой
до двери.
На каждой банке есть QR-код: пользователь сканирует его
в приложении, получает баллы Seeds и видит предложение
от бренда-партнёра
Бренды платят за этот момент. Так напиток остаётся доступным, а цель компании — сделать его бесплатным за счёт партнёров
Пользователь
Сканирует банку, получает Seeds, награды и офферы
→
скан
Palmo
Связывает обе стороны: каждый скан — момент внимания к бренду
→
внимание
Бренд-партнёр
Платит за момент после скана
и получает новых клиентов
Задача и мой вклад
Приложение уже работало, но скан, баллы и офферы жили отдельно друг от друга. Задача была — сделать редизайн,
в котором механика считывается с первого скана. UX можно было менять полностью, визуально — опираться на брендбук
Проект делала как продуктовый дизайнер
на фрилансе.
Провела аудит, отобрала экраны по ценности
для бизнеса, спроектировала сценарии и состояния, собрала
UI Kit
и подготовила макеты к разработке через Claude Code
Цели
— Пользователь понимает механику «скан → баллы → награда» с первого раза
— Момент с брендом после скана ценен и пользователю,
и рекламодателю
— Каталог партнёров растёт без участия дизайнера и без релиза приложения
— Макеты собираются в код через AI без ручной доработки
До
— Скан, баланс и офферы находились в разных разделах, и связь «купил → отсканировал → получил» не считывалась
— Награды за баллы и разовые офферы партнёров выглядели одинаково, хотя работают по-разному
— Баллы начислялись в фоне, без момента награды
— На карточках цена в баллах, скидка и партнёр были одного веса
Home
Ways to earn
Rewards
Shop
Принцип
Клиент продаёт брендам именно скан. Отсюда принцип, по которому
я отбирала и проектировала экраны: каждый экран должен вести к скану или делать его ценнее
Приоритеты
Вместо редизайна всего приложения я отобрала экраны по трём вопросам: ведёт ли экран к скану, мотивирует ли заполнить профиль, возвращает ли пользователя каждый день
Так получилось 15 экранов в 7 сценариях. Настройки, трекинг заказа и розыгрыш оставили на следующий этап
01
Концепт
Три ключевых экрана
с аргументацией решений. Клиент принял концепт
с минорными правками
02
Экраны партнёров
Вайрфреймы в приоритете:
с ними клиент пошёл к брендам собирать логотипы, офферы
и тексты
03
Онбординг
Сбор данных без ощущения анкеты и знакомство с механикой
04
Остальные экраны
UI Kit и сборка макетов
под разработку
Бренд-момент без выхода из приложения
Бренды платят за 3 секунды после скана. Клиент назвал эту задачу самой ценной в продукте
До
— После скана шёл обратный отсчёт, и приложение само открывало сайт бренда в браузере
— Пользователя выкидывало прямо посреди получения награды
— Оффер пропадал, вернуться к нему было нельзя
После
— 3 секунды бренда стали частью награды: пользователь сам стирает слой и открывает промокод
— Промокод можно скопировать, не выходя из приложения
— Каждый оффер сохраняется в новый раздел Saved Offers
Бренд получает внимание, пользователь — подарок, и никто
не уходит из приложения
Обсуждали с клиентом
Обсуждали
Анкета при регистрации выглядит как сбор данных
Решение
Вопросы распределены по приложению, у каждого блока видна награда в Seeds
Обсуждали
Обучающие слайды о Seeds и серии дней в начале онбординга
Решение
Подсказки прямо на экранах Home и Rewards, в момент, когда механика нужна
Обсуждали
Клиент ожидал найти сохранённые офферы в Deals
Решение
Доступ из двух мест: ссылка в Deals и вкладка в Rewards
Масштабируемость
Брендбук создавался для соцсетей и мерча, и его насыщенный зелёный на экране выглядел тяжело. Я предложила более свежую версию палитры, клиент её согласовал
Брендбук
#6DBE45
Кнопки
#281307
Тёмный
#E5EA98
Лайм
#ED802D
Акцент
— Насыщенный зелёный для кнопок
— Коричневый для тёмных поверхностей
— Статусных цветов нет
Приложение
#D5EE68
Кнопки
#151614
Тёмный
#E5EA98
Лайм
#ED802D
Акцент
#338021
Успех
— Лаймовый для кнопок читается и на тёмных фото, и на тёплом белом фоне
— Нейтральный графит вместо коричневого
— Оранжевый, мягкий лайм и логотип остались прежними
— Добавлены статусные цвета: успех, ожидание, ошибка
UI Kit
13 разделов: от цветов и типографики до карточек партнёров, наград и онбординга. Все цвета, отступы и скругления заведены как токены с названиями по назначению
Сборка под AI-разработку
Разработка шла через Claude Code, поэтому макеты собирались так, чтобы AI читал их без дизайнера
Как проверить, что работает
Цифры после запуска пока не собраны, поэтому вот метрики, по которым я предлагаю оценивать редизайн
Primary
Сканов на активного пользователя в месяц
Secondary
— доля заполненных профилей
— подписки на пуш-уведомления
— возвраты в Saved Offers
— использованные промокоды партнёров
Guardrails
— отписки от пушей
— жалобы на рекламу
— отказы на бренд-моменте
Результат / Статус
Спроектировала 15 сценариев: 39 экранов и состояний, UI Kit из 13 разделов и макеты, готовые к разработке через Claude Code
Редизайн выпущен. Скан, баллы и офферы работают как одна механика, а экраны партнёров клиент использовал, чтобы договариваться с брендами