---
publishYear: 2025
name: SimpleFly
title: Редизайн приложения для проведения сделок
excerpt: Провели оценку существующего интерфейса и интервью с пользователями. На их основе переработали дизайн приложения.
context: |
Бывает у нас так, что проект как есть показать нельзя (под жестким NDA или просто заказчик просит). Иногда о кейсе приходится забыть, а иногда мы все же можем опубликовать его. Перерисовав картинки, изменив название, а иногда и специализацию заказчика.
Так мы сделали в [кейсе про Штирлица, Исаева и Полуэкта Полуэктовича](/portfolio/edms), так поступим и сейчас.
Встречайте: фальшивый, но абсолютно настоящий кейс про приложение для проведения сделок. Сделок по продаже — не можем сказать, чего именно. Пускай будут самолеты — нам будет веселее писать, а вам, надееемся, читать.
Итак. Компания — назовем её SimpleFly — занимается продажей и обслуживанием самолетов, предоставляя дилерские услуги, техобслуживание, электронную диагностику, статические и динамические испытания и тому подобное.
Для специалистов по выкупу самолетов у компании есть приложение SimpleFly. Оно ускоряет процесс сделки, автоматизируя часть работы менеджера. Еще через приложение можно быстро получить обратную связь от специалистов, которые проверяют корректность документов.
isNew: true
logo:
src: ~/assets/images/portfolio/simplefly/logo.svg
alt: SimpleFly • Логотип
image: ~/assets/images/portfolio/simplefly/main.png
imageAlt: Собака Павлова • SimpleFly • UX-аудит и редизайн продукта заказчика
thumbnail:
src: ~/assets/images/portfolio/cards/simplefly.svg
alt: Собака Павлова • SimpleFly • UX-аудит и редизайн продукта заказчика
tags:
- it
- ux-audit
- redesign
- prof
- mob
- cjm
relatedPages:
- text: |
### Вам нужен интерфейс?
#### Заказать дизайн
Напишите нам на [we@sobakapav.ru](mailto:we@sobakapav.ru)
#### Что мы можем сделать?
[UX-аудит](/services/ux-audit) и [UI-редизайн](/services/ui-redesign), как в этом кейсе, и [многое другое](/services).
collection: services
page: ux-audit
- collection: services
page: ui-redesign
- text: |
### Хотите уметь так же?
Научим создавать хорошие интерфейсы.
collection: promo
page: mio
- collection: promo
page: uc
relatedPages2:
- text: |
### Похожие проекты
collection: portfolio
page: easydocs-2024
- collection: portfolio
page: control-patent
- collection: portfolio
page: smartdeal-ecp
- collection: portfolio
page: control-forest
- collection: portfolio
page: easydocs
- collection: portfolio
page: novotelekom
- collection: portfolio
page: sindbad
outcome:
title: Некоторые цифры
numbers:
- title: Оставили
number: 62 комментария
text: в рамках UX-аудита существующего интерфейса
- title: Провели
number: '7 пользовательских интервью'
text: с менеджерами и специалистами ведения сделок
- title: Выявили
number: '5 групп проблем и замечаний'
text: на основе аудита и пользовательских интервью
result:
- src: ~/assets/images/portfolio/figma.svg
text: Дизайн интерфейса
link: "https://www.figma.com/design/qosqSbJ84bpjUnlx1BQ2m6/simplefly?node-id=5-15406&t=VW71xi0QkSmWx0f1-0"
budget: "NDA"
time: "5 месяцев"
review:
text: |
Работа с «Собакой Павловой» оставляет исключительно положительное впечатление. Их искренний интерес и глубочайшее погружение в задачи заказчика обеспечивают уникальный подход к каждому проекту. От первой встречи до финального анализа команда демонстрирует профессионализм, четкую коммуникацию и готовность предложить решения, выходящие за рамки стандартных ожиданий.
Исследовательский блок был выполнен на высшем уровне, с учётом всех аудиторий и сложных сценариев использования. Высокий темп работы сохранялся на протяжении всего проекта, что позволило получить не только точные результаты, но и ценные инсайты для дальнейшего развития продукта.
Сотрудничество с «Собакой» — не просто выполнение задач, а настоящее партнёрство. Мы искренне рекомендуем эту команду компаниям, которые ищут нестандартные решения и ценят глубину подхода.
photo: ~/assets/images/portfolio/simplefly/person.png
person: Зинаида Кокорина
position: SEO компании SimpleFly
director: |
Немного жаль, что это выдуманный кейс (самолеты! кто ж откажется от проекта про самолеты:). Но настоящий проект был не хуже.
Отзыв заказчика, кстати, настоящий. Мы заменили только имя директора и название комнании.
metadata:
canonical: https://sobakapav.ru/portfolio/simplefly
title: UX-аудит и редизайн приложения для проведения сделок
description: "Провели оценку существующего интерфейса и интервью с пользователями. На основе полученных результатов сделали редизайн приложения."
robots:
index: true
follow: true
openGraph:
site_name: Собака Павлова
images:
- url: '~/assets/images/portfolio/simplefly/badge.png'
width: 1200
height: 630
type: website
---
import Image from '~/components/common/Image.astro';
import TOC from '~/components/widgets/TOC.astro';
import PhoneMockup from '~/components/widgets/PhoneMockup.astro';
<TOC>
[Бизнес-задача](#anchor1) • [Дизайн-задача](#anchor2) • [Результат](#anchor3) • [Особенности](#anchor4) • [Отзыв, цены, сроки](#anchor5)
</TOC>
## <a name="anchor1" />Бизнес-задача
Улучшить приложение так, чтоб через него можно было проводить не одну-две сделки в день, а три-четыре. Доработать интерфейс и функциональность таким образом, чтобы пользователи могли эффективно работать с системой самостоятельно, не слишком часто обращаясь в поддержку.
<a href="/images/portfolio/simplefly/persons.png" target="_blank"></a>
А затем отделить инструмент от компании, масштабировать и продавать как самостоятельный продукт.
<div class="flex gap-2 flex-wrap mb-2">
<PhoneMockup image="/images/portfolio/simplefly/1.png" />
<PhoneMockup image="/images/portfolio/simplefly/2.png" />
</div>
<em>Экран регистрации и главная страница (лента со сделками)</em>
## <a name="anchor2" />Дизайн-задача
- Провести оценку существующего интерфейса и свериться с менеджерами на интервью, обсудить с ними проблемы и сложности, возникающие при работе с приложением.
- Подготовить список рекомендаций по улучшению интерфейса, и на его основе создать презентацию для руководства заказчика.
- Выполнить редизайн существующего интерфейса в критически важных местах, опираясь на список выявленных проблем.
- Провести тестирование обновленного интерфейса приложения, зафиксировать результаты.
<div class="flex gap-2 flex-wrap mb-2">
<PhoneMockup image="/images/portfolio/simplefly/3.png" />
<PhoneMockup image="/images/portfolio/simplefly/4.png" />
</div>
<em>Старт сделки и ошибка сделки</em>
## <a name="anchor3" />Результат
1. Провели аудит существующего интерфейса. Построили карту пути пользователя в интерфейсе (CJM), вынесли на нее комментарии с описанием проблем и добавили варианты решения. Учли все сценарии использования системы, от простейших до самых сложных.
>Use cases — пользовательские сценарии, сценарии взаимодействия, сценарии использования, пользовательские сценарии — последовательное описание поведения человека при взаимодействии с системой и системы, когда с ней взаимодействует человек. У нас есть [модуль дизайн-задачника «Сценарии взаимодействия»](https://www.eduhund.ru/program/usecases/?utm_source=sobakapav&utm_medium=site&utm_campaign=page) для тех, кто хочет научиться их использовать в дизайне интерфейсов.
<div class="flex gap-2 flex-wrap mb-2">
<PhoneMockup image="/images/portfolio/simplefly/5.png" />
<PhoneMockup image="/images/portfolio/simplefly/6.png" />
</div>
<em>Результат поиска и ошибка поиска</em>
2. Провели 7 пользовательских интервью не только с непосредственными пользователями приложения (менеджеры), но и с сотрудниками «офиса» (специалистами ведения сделок, согласующими менеджерами). Это позволило посмотреть на проблемы с разных сторон и помогло подсветить проблемы, которые считались только интерфейсными.
<div class="flex gap-2 flex-wrap mb-2">
<PhoneMockup image="/images/portfolio/simplefly/7.png" />
<PhoneMockup image="/images/portfolio/simplefly/8.png" />
</div>
<em>Загрузка документов</em>
3. На основе всей полученной информации с аудита и интервью команда Собаки провела воркшоп, на котором мы сформулировали рекомендациии по улучшению интерфейса. Проблемы объединили в пять групп. Такое разбиение в дальнейшем поможет заказчику устранять проблемы не только со стороны интерфейса.
<div class="flex gap-2 flex-wrap mb-2">
<PhoneMockup image="/images/portfolio/simplefly/9.png" />
<PhoneMockup image="/images/portfolio/simplefly/10.png" />
</div>
<em>Загрузка документов. Датапикер</em>
4. Заказчик получил обновленный интерфейс, в котором устранены проблемные места.
Обновленный интерфейс проверили на специалистах, которые работают непосредственно с продуктом и получили положительные отзывы.
<div class="flex gap-2 flex-wrap mb-2">
<PhoneMockup image="/images/portfolio/simplefly/11.png" />
<PhoneMockup image="/images/portfolio/simplefly/12.png" />
</div>
<em>Загрузка договора. Разводящая страница и первый шаг.</em>
Разбиение шагов сбора документов и согласования данных на этапы ускорит процесс получения обратной связи (согласования) от «офиса» и как следствие сократить время на совершения сделки.
<div class="flex gap-2 flex-wrap mb-2">
<PhoneMockup image="/images/portfolio/simplefly/13.png" />
<PhoneMockup image="/images/portfolio/simplefly/14.png" />
</div>
<em>Загрузка договора. 2 и 3 шаг</em>
### Артефакты
- Бизнес-требования
- Гайд для интервью пользователей
- Сводная таблица по результатам интервью и аудита содержащая проблемы
- Скриншоты существующей системы с комментариями UX-эксперта, дополненные комментариями после проведенных интервью (Miro)
- Список работ по редизайну
- Отчет по результатам UX-аудита (презентация)
- Гайд для тестирования прототипа с обновленным интерфейсом
- Аналитика по результатам тестирования прототипа с обновленным интерфейсом
- Таблица выявленных замечаний по результатам тестирования прототипа
- Макеты обновленного интерфейса продукта
- Библиотека компонентов
<div class="flex gap-2 flex-wrap mb-2">
<PhoneMockup image="/images/portfolio/simplefly/15.png" />
<PhoneMockup image="/images/portfolio/simplefly/16.png" />
</div>
<em>Запрос на выплату</em>
### Экстра-польза
По результатам интервью и исследования подготовили список рекомендаций, который был разбит на категории по критичности (высокая, средняя, низкая).
Согласно договору, «Собака» исправляла только проблемы высокой критичности. У заказчика теперь есть список доработок и улучшений для дальнейшего развития продукта.
<div class="flex gap-2 flex-wrap mb-2">
<PhoneMockup image="/images/portfolio/simplefly/17.png" />
<PhoneMockup image="/images/portfolio/simplefly/18.png" />
</div>
<em>Заполнение маркеров: 1 и 2 шаги</em>
## <a name="anchor4" />Особенности и нюансы процесса
Исследователи «Собаки» провели несколько интервью в полевых условиях, т.е. видели как пользователи работают с приложением в реальных условиях.
В процессе интервью мы нашли не только интерфейсные проблемы, но и проблемы, причиной которых, как выяснилось, было взаимодействие между различными специалистами. Заказчик обновил процесс обучения новых сотрудников, и такие проблемы исчезли.
<div class="flex gap-2 flex-wrap mb-2">
<PhoneMockup image="/images/portfolio/simplefly/19.png" />
<PhoneMockup image="/images/portfolio/simplefly/20.png" />
</div>
<em>Заполнение маркеров: 3 и 4 шаги</em>
Cо стороны заказчика участвовали не только представители бизнеса, но и специалисты, которые непосредственно решают проблемы, возникающие при работе приложения в полевых условиях.
Это помогло свериться с проблемами, выявленными на интервью, а также подтвердить необходимость внесения изменений в интерфейс.
<div class="flex gap-2 flex-wrap mb-2">
<PhoneMockup image="/images/portfolio/simplefly/21.png" />
<PhoneMockup image="/images/portfolio/simplefly/22.png" />
</div>
<em>Заполнение маркеров: 5 и 6 шаги</em>
<div class="flex gap-2 flex-wrap mb-2">
<PhoneMockup image="/images/portfolio/simplefly/23.png" />
<PhoneMockup image="/images/portfolio/simplefly/24.png" />
</div>
<em>Заполнение маркеров: 7 и 8 шаги</em>
<div class="flex gap-2 flex-wrap mb-2">
<PhoneMockup image="/images/portfolio/simplefly/25.png" />
<PhoneMockup image="/images/portfolio/simplefly/26.png" />
</div>
<em>Заполнение маркеров: 9 и 10 шаги</em>
<div class="flex gap-2 flex-wrap mb-2">
<PhoneMockup image="/images/portfolio/simplefly/27.png" />
<PhoneMockup image="/images/portfolio/simplefly/28.png" />
</div>
<em>Заполнение маркеров: 11 и 12 шаги</em>
## <a name="anchor5" />