---
publishYear: 2016
name: Inbank
title: Интерфейс интернет-банка для VIP-клиентов
excerpt: Создали дизайн интернет-банка для юридических и физических лиц и разработали подробное техническое задание.
context: Клиенты «Инбанка» — серьезные и консервативные. Любые изменения, включая дизайн, должны быть осторожными, обоснованными, технологичными и ни в коем случае не модными.
logo:
src: ~/assets/images/portfolio/inbank/inbank_logo.jpeg
alt: Inbank logo
link: https://in-bank.ru/
noCard: true
image: ~/assets/images/portfolio/inbank/inbank.jpg
imageAlt: Интерфейс интернет-банка для VIP-клиентов
thumbnail:
src: ~/assets/images/portfolio/cards/inbank.svg
alt: Собака Павлова • Инбанк • Дизайн интернет-банка
tags:
- fin
- ux-design
- mass
relatedPages:
- text: |
### Вам нужен интерфейс?
#### Заказать дизайн
Напишите нам на [we@sobakapav.ru](mailto:we@sobakapav.ru)
#### Что мы можем сделать?
[UX-дизайн под ключ](/services/ux-design), как в этом кейсе, и [многое другое](/services).
collection: services
page: ux-design
- text: |
### Хотите уметь так же?
Научим делать хорошие интерфейсы.
collection: promo
page: mio
- collection: promo
page: uc
relatedPages2:
- text: |
### Похожие проекты
collection: portfolio
page: qiwi
- collection: portfolio
page: alfastrah-design
- collection: portfolio
page: monetory
- collection: portfolio
page: alfa-arm
- collection: portfolio
page: alfastrahhr
- collection: portfolio
page: opendesk
- collection: portfolio
page: sberbank
- collection: portfolio
page: tinkoff
- collection: portfolio
page: otkritie
- collection: portfolio
page: alfabank
result:
- text: К сожалению, не можем выложить результаты — NDA.
budget: ~ 3 000 000 ₽
review:
text: Мы получили полноценное техническое задание, позволившее нам приступить к реализации новых версий наших систем. Как представитель заказчика я благодарен сотрудникам ООО «Собака Павлова» за качественно выполненную работу, конструктивное взаимодействие и заинтересованность в конечном результате.
photo: ~/assets/images/portfolio/inbank/person.jpg
person: Евгений Джура
position: Директор по IT
director: Современный дизайн — еще один аргумент для VIP-клиентов, чтобы выбрать «Инбанк».
metadata:
canonical: https://sobakapav.ru/portfolio/inbank
title: Банковский интерфейс • Интернет-банк для юридических и физических лиц
description: "Создали финансовый интерфейс для интернет-банка, которым пользуются консервативные люди. На основе дизайна собрали техническое задание для разработчиков."
robots:
index: true
follow: true
openGraph:
site_name: Собака Павлова
images:
- url: '~/assets/images/portfolio/inbank/inbank.jpg'
width: 913
height: 683
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) • [Результат](#anchor6) • [Отзыв, цены, сроки](#anchor7)
</TOC>
## <a name="anchor1" />Вводные
Об этом проекте мы можем рассказать совсем мало — мы не получили разрешение на публикацию подробностей и финальных результатов. Впрочем, [новый интернет-банк](https://www.in-bank.ru/personal/) уже работает у физических лиц.
[«Инбанк»](http://www.in-bank.ru/) специализируется на сегменте Private Banking и обслуживании корпоративных клиентов. К нам заказчик пришел за интерфейсами нового интернет-банка для юридических и физических лиц.
_Сдержанность главной страницы нужно было сохранить и в интерфейсах интернет-банка_
### Плюсы и минусы
>+ **Профессиональное управление проектом**
>Заказчик обеспечивает доступ к разработчикам, быстро отвечает на вопросы и в целом хочет сделать хорошо — поэтому и обратился к нам.
>+ **Наша экспертиза**
>Не первый банк, с которым мы имеем дело.
>- **Нет доступа к аудитории**
>Нельзя так просто провести интервью с VIP-клиентами, придется руководствоваться нашим опытом и экспертизой заказчика.
## <a name="anchor2" />Процесс
Мы изучили вводные от заказчика, поговорили с ним об ожиданиях, обсудили проект внутри команды и решили, что требуется просто аккуратный и удобный интерфейс. Технологичность нужно совместить с консервативностью, поскольку аудитория — отнюдь не юные стартаперы.
Второй момент, справедливый для любого сложного интерфейса, — нужно учесть множество сущностей и вариантов использования. Проще говоря, ни о чем не забыть.
При таких условиях успех проекта очень сильно зависит от постановки задачи на проектирование. Нужно четко выдержать методологию и дать проектировщику исчерпывающие вводные. Практически инженерная работа.
- Описали портреты пользователей.
- Собрали список жизненных ситуаций — объединили наш опыт и экспертизу заказчика.
- Составили пользовательские ожидания. Для интернет-банка они достаточно очевидные. Тем не менее этот перечень важен, просто чтобы ни о чем не забыть.
- Описали сценарии с привязкой к объектам, которыми оперирует пользователь.
>Use cases — пользовательские сценарии, сценарии взаимодействия, сценарии использования, пользовательские сценарии — последовательное описание поведения человека при взаимодействии с системой и системы, когда с ней взаимодействует человек. У нас есть [модуль дизайн-задачника «Сценарии взаимодействия»](https://www.eduhund.ru/program/usecases/?utm_source=sobakapav&utm_medium=site&utm_campaign=page) для тех, кто хочет научиться их использовать в дизайне интерфейсов.
Финал подготовительной работы — предварительный перечень страниц для проектирования.
## <a name="anchor3" />Осмысление задачи
Это очень важный этап, хоть и короткий. И его сложно проиллюстрировать, потому что работа происходит в голове проектировщика. В процессе осмысления появляются схемы, черновики, наброски.
## <a name="anchor4" />Проектирование
После масштабной подготовительной работы проектирование интерфейса превращается в достаточно рутинное действие. Важен не полет креатива, а аккуратность и внимательность к деталям.
**Хотели бы похвастаться, а не можем — NDA**
Приятный бонус: в таких задачах часто все получается с первого раза, а это редкость для все еще юной отрасли веб-разработки. При обсуждении прототипов с клиентом и проверке экранов по сценариям мы вносили преимущественно косметические правки.
## <a name="anchor5" />Техзадание для разработчиков
Финал работы — составление развернутого технического задания. Для этого нужно снабдить прототипы комментариями. Здесь тоже важна внимательность к деталям.
## <a name="anchor6" />Результат
Мы считаем, что результат отличный — разработчики приняли и поняли наши прототипы и ТЗ, приступили к разработке и закончили ее. Дадим слово заказчику.
## <a name="anchor7" />