кейс
Редизайн iScanner App (2020–2023)
iScanner — сканер документов №1 в своём сегменте, который позволяет быстро и качественно создавать документы с телефона. Приложение используется как для работы, так и для учёбы, особенно в ситуациях, когда под рукой нет ноутбука или принтера.
MAU = 50 млн.
MAU = 50 млн.
Так выглядел iScanner ДО
Когда я присоединился к компании в 2020, приложение выглядело визуально устаревшим, в нем было много спорных UX решений.
Роль и задачи
iScanner 2020-2023
Роль: Продуктовый дизайнер (UX/UI)
Платформы: iOS, Android, Web
Результат:
Оценка выросла с 4.4 до 4.8
Retention +15%
Конверсия в сканирование +10%
Платформы: iOS, Android, Web
Результат:
Оценка выросла с 4.4 до 4.8
Retention +15%
Конверсия в сканирование +10%
С 2020 по 2023 год я выступал в роли продуктового дизайнера, отвечая за полное переосмысление UX и UI приложения.
Задача
Провести редизайн iScanner, улучшив пользовательский опыт и визуальный стиль, не потеряв лояльность существующих пользователей, которые уже привыкли к текущему флоу.
Задача
Провести редизайн iScanner, улучшив пользовательский опыт и визуальный стиль, не потеряв лояльность существующих пользователей, которые уже привыкли к текущему флоу.
- Первые 2 года работал как единственный дизайнер.
- Ежедневно взаимодействовал с продукт-менеджером, project-менеджером и командой разработчиков (дейли-митинги).
- Построил дизайн-систему с компонентами, которая позже помогла быстро ввести нового дизайнера в проект.
- Совместно с UX-исследователем (нанятым позже в команду) участвовал в планировании A/B тестов и анализе фидбэка.
Так выглядит iScanner ПОСЛЕ
Подход к редизайну
Чтобы сохранить опыт старой аудитории, мы отказались от радикальных изменений и выбрали пошаговый редизайн в течение года.
Улучшения UX
UI-обновление
Исследования и тесты
- Определил проблемные зоны на основе аналитики и интервью.
- Улучшили флоу сканирования и экспорта документов — уменьшили количество шагов.
- Сохранили расположение ключевых кнопок, ориентируясь на гайдлайны Apple.
- Функционал в приложении большой, я предложил команде сделать Stories, в которых будут показаны основные функции приложения и это увеличило использование некоторых фич на 10-20% и, соответственно, покупок подписки.
UI-обновление
- Создана полноценная дизайн-система: цвета, типографика, отступы, состояния, компоненты.
- Обновлены иконки и интерфейс согласно гайдлайнам iOS и Material Design.
- Минимализм, чистота интерфейса, акцент на полезный функционал.
- Спроектировал Dark Mode на iOS и Android.
- Разработал с нуля Веб-интерфейс.
- Нарисовал более 200 иконок для светлой и темной темы.
Исследования и тесты
- Работа в паре с UX-исследователем: проводили A/B-тестирование новых фич и экранов.
- Анализировали поведенческие данные через Amplitude.
- Собирали качественный фидбэк через user interviews и поддержку.
Пример редизайна главного экрана
При анализе выяснилось, что кнопка Done постоянно прыгала от экрана к экрану на разное место, что создавало диссонанс. При проведении интервью несколько пользователей отметили, что не сразу понимали как применить изменения.
Я предложил сделать единый паттерн расположения функциональной кнопки справа вверху по гайдлайнам Material Design (в iOS тоже была эта проблема)
Я предложил сделать единый паттерн расположения функциональной кнопки справа вверху по гайдлайнам Material Design (в iOS тоже была эта проблема)
Веб интерфейс iScanner
Вывод
Этот кейс дал мне уникальный опыт проектирования не просто интерфейсов, а цельного продукта.
Я научился:
Я научился:
- Думать системно и строить масштабируемые решения.
- Строить коммуникацию с продуктовой и dev-командой.
- Работать в цикле: исследование → гипотеза → дизайн → проверка → улучшение.
- c 4.4 до 4.8
выросла оценка в AppStore - +15%
Retention - +10%
Конверсия в сканирование