---
updateDate: 2026-02-05T00:00:00Z
publishDate: 2024-07-23
publishYear: 2016
name: Amber
title: Конструктор CRM для среднего бизнеса
excerpt: Разработали интерфейс CRM-конструктора, в котором можно собрать собственную CRM-систему.
context: Заказчик заметил, что в России нет [АСУП](https://ru.wikipedia.org/wiki/%D0%90%D0%B2%D1%82%D0%BE%D0%BC%D0%B0%D1%82%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D0%B0%D1%8F_%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0_%D1%83%D0%BF%D1%80%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F_%D0%BF%D1%80%D0%B5%D0%B4%D0%BF%D1%80%D0%B8%D1%8F%D1%82%D0%B8%D0%B5%D0%BC) для среднего бизнеса. Только для малых и для крупных компаний. Поэтому решили выйти на рынок с гибким ERP-конструктором, который можно будет настраивать без разработчиков.
logo:
src: ~/assets/images/portfolio/amber/logo.jpg
alt: Amber logo
link: https://amber-soft.ru/
image: ~/assets/images/portfolio/amber/amber.png
imageAlt: Собака Павлова • Amber • Дизайн интерфейса конструктора CRM для среднего бизнеса
thumbnail:
src: ~/assets/images/portfolio/cards/amber.svg
alt: Собака Павлова • Amber • Дизайн интерфейса конструктора CRM для среднего бизнеса
tags:
- it
- ux-design
- mass
- constructor
tags2:
- IT для бизнеса
- Сложные системы
- Конструктор CRM
- Дизайн интерфейсов
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: seatmap
- collection: portfolio
page: easydocs-2024
- collection: portfolio
page: dipol
- collection: portfolio
page: elma-bot
- collection: portfolio
page: elma
- collection: portfolio
page: easydocs
- collection: portfolio
page: data-solution
- collection: portfolio
page: edms
outcome:
title: Некоторые цифры
numbers:
- title: Более
number: '100 страниц'
text: в техническом задании
- title: Спроектировали
number: '2 модуля'
text: конструктора CRM-систем
- title: Отрисовали
number: '9 экранов'
text: кликабельного прототипа
result:
- src: ~/assets/images/portfolio/png.png
text: Прототипы и дизайн интерфейса CRM
link: https://drive.google.com/drive/folders/1XZQ8JZwYjWCOe3g0CJKYsWf3iFF3sUsX?usp=sharing
- src: ~/assets/images/portfolio/link.png
text: Кликабельный прототип конструктора CRM
link: https://tvrr1v.axshare.com/
budget: ~ 1 600 000 ₽
time: 4 месяца
review:
text: |
Вместо отзыва заказчик предложил кое-что более ценное — личную рекомендацию. Вы можете написать [генеральному директору, техническому директору или руководителю отдела аналитики](http://amber-soft.ru/about/) и спросить, что они думают про «Собаку Павлову». Подозреваем, что услышите всю правду без купюр.
Контакты заказчика в открытом доступе:
- http://amber-soft.ru/about/.
photo: ~/assets/images/portfolio/amber/person1.jpeg
person: Александр Ивлев
position: Генеральный директор
contacts: +7 499 703 03 18, a.ivlev@h-h-i.ru
director: "Высокая степень неопределенности и все связанные с этим риски не мешают продуктивной работе."
metadata:
canonical: https://sobakapav.ru/portfolio/amber
title: Интерфейс CRM • Конструктор СRM-систем для среднего бизнеса
description: "Разработали интерфейс CRM-конструктора, в котором можно собрать свою CRM-систему. Создали дизайн двух модулей CRM-системы и отдельные универсальные UI-компоненты."
robots:
index: true
follow: true
openGraph:
site_name: Собака Павлова
images:
- url: '~/assets/images/portfolio/amber/amber.png'
width: 1200
height: 622
---
import Image from '~/components/common/Image.astro';
import TOC from '~/components/widgets/TOC.astro';
<TOC>
[Задача](#anchor1) • [Дизайн CRM-системы](#anchor2) • [Рисуем интерфейс CRM](#anchor3) • [Результат](#anchor4) • [Смысл](#anchor5) • [Цены и сроки](#anchor6)
</TOC>
## <a name="anchor1" />Задача
Hawk House Integration (HHI) — это внутренний стартап одной большой корпорации. Основатели HHI обнаружили, что на рынке практически полностью отсутствуют системы управления предприятием, нацеленные на средний бизнес.
_Страница «О компании» на сайте сервиса_
Большой бизнес может позволить себе все прелести [SAP](https://www.sap.com/products.html) или [Microsoft Dynamics AX](https://www.microsoft.com/ru-ru/dynamics/default.aspx). Со всей их громоздкостью, космической стоимостью внедрения и безграничными затратами на поддержку. Для малышей есть [«Битрикс24»](https://www.bitrix24.ru/), [«Мегаплан»](https://megaplan.ru/) и прочий [amoCRM](http://www.amocrm.ru/) — простые, дешевые, не гибкие и с трудом интегрируемые решения. Посередине —несколько никому не известных в России зарубежных программ. А в остальном — тишина.
HHI хотели создать [ERP-конструктор](https://ru.wikipedia.org/wiki/ERP) — достаточно функциональный и гибко настраиваемый под нужды среднего бизнеса и в меру простой, чтобы это можно было сделать без привлечения армии консультантов, разработчиков и внедренцев. Прямо целая ERP-система — это в любом случае сложная история, поэтому начать хотели с малого, с CRM. И с конструктора для этой CRM.
Хотя как с малого. К моменту знакомства с нами у заказчика уже было ТЗ на сотню страниц с описанием всех мыслимых и немыслимых возможностей конструктора CRM. И это, кстати, тот редкий случай, когда без подобного ТЗ не обойтись. Нам же предстояло спроектировать интерфейс конструктора CRM. Не простой, а очень простой.
_Страница из ТЗ на сто страниц_
### Ехал айти через айти
Обычно все подобные системы настраиваются айтишниками. Айтишник-менеджер руководит проектом, где айти-аналитик собирает требования, айти-консультант подбирает решение, программист это решение пилит или там склеивает из кусочков.
Идея HHI была в том, чтобы конструированием CRM-системы под нужды своего бизнеса мог заняться собственник бизнеса, руководитель отдела или инициативный менеджер — не столь важно, кто именно, но важно, что человек, несколько далекий от разработки систем управления предприятием. И интерфейс CRM-констуктора должен быть соответствующим.
### Плюсы и минусы
>+ **Круто**
>Амбициозно, но круто, и поучаствовать в таком проекте, конечно, хотелось. Задача, которую пытались решить HHI, была более чем актуальна. А возможности корпорации, под крылом которой образовался стартап, позволяли довести дело до конца.
>+ **ТЗ на 100 страниц**
>Практически на любой вопрос «а как это будет работать?» мы могли найти ответ в техзадании.
>- **Высокая степень неопределенности**
>HHI понимали, что невозможно сделать все и сразу, а мы не понимали, что из всего перечисленного нужно делать.
>- **ТЗ на 100 страниц**
>Вообще-то большая часть этого документа рассказывала о том, как — в техническом смысле — реализовывать функциональность системы. Но кому и зачем может понадобится эта функциональность, оставалось только гадать. Плюс вообще-то feature list был не так уж и велик, зато хорошо закопан в глубинах ТЗ.
## <a name="anchor2" />Дизайн CRM-системы
### Страшно, но делать надо
На старте мы не могли даже определить фронт работ. Во-первых, ТЗ называлось «частичное техническое задание», что подразумевало его изменение по ходу пьесы. Во-вторых, заказчик рассчитывал выпустить «минимально жизнеспособный продукт» с начальным набором возможностей. А вот какие именно возможности войдут в MVP — не знал никто.
_Наши первые прототипы интерфейса CRM-конструктора_
Мы не могли ориентироваться на полную версию ТЗ, иначе бы в интерфейсе появились дырки. И наоборот, мы не могли запроектировать только какую-то часть — а куда тогда добавлять новые функции? Нам нужно было синхронизироваться с заказчиком — и идти на один шаг впереди, оперативно обновляя прототипы.
### А как же аналитика?
Обычно мы любим давать советы, но в этот раз не дали ни одного. Слишком новая и слишком сложная тема. И достаточно сильный заказчик. Поэтому определять суть продукта — ему. А нам — поставлять прототипы к нужному сроку.
Впрочем, без исследований не обошлось. Если обычно мы исследуем, чтобы сформировать гипотезы, то в этот раз решили поставить под сомнение ключевую гипотезу продукта о готовности бизнеса к самостоятельной настройке системы. И посмотреть, что получится.
Мы нашли потенциальных пользователей, поговорили с ними и попытались выяснить, на какой уровень директор или начальник готов погрузиться, чтобы настраивать систему управления. Большинство респондентов сказали, что они все равно привлекут системного администратора или просто «прошаренного» в компьютерной теме сотрудника — такие вещи не делаются в одиночку. Это нас успокоило. Значит, интерфейс CRM-системы может быть в меру сложным, и равняться мы можем на продвинутого компьютерщика.
_Портреты пользователей_
[Аналитическая сводка по продукту](https://drive.google.com/open?id=1JNgtWNy9jdHsP1XB3MdJ2OWNcoIRwI3j)
В интервью мы могли получить общие ответы на общие вопросы. Но вряд ли кто-то смог бы перечислить нам все свои требования к конструктору ERP или CRM такого плана. Именно к конструктору, не к самой системе. Осталось изучать ТЗ, раскапывать в нем то, что имеет отношение к интерфейсам, формировать объектно-информационные модели.
Одновременно с этим — изучали лучшие практики и искали статьи по теме. Установили подобные системы, поговорили с их пользователями и посмотрели, как они работают. Сделали кучу скриншотов, наложили это на объектно-информационные модели, что мы вытащили из ТЗ, и начали проектировать.
Несуществующие пользователи несуществующей системы. Да, мы сделали это. Вот она, великая сила науки социологии и её качественных методов.
_Объектно-информационная модель_
[Постановка на проектирование](https://drive.google.com/file/d/16knbDCUJlmCcdQyd5cVQ7X1hbI9Wck7M/view)
## <a name="anchor3" />Рисуем интерфейс CRM
Степень абстракции задачи, конечно, слегка зашкаливала. Но при этом сам рабочий процесс проектирования был уже абсолютно стандартным. Раз в неделю мы показывали результаты работы, собирали комментарии, вносили правки, приступали к новым экранам. Напомним, что над проектом мы работали одновременно с заказчиком, поэтому нормальной ситуацией было, когда в уже, казалось бы, готовый прототип приходилось вносить изменения.
_Прототип. Дашборд_
_Прототип. Конструктор форм_
Прототип. Страница со списком контрагентов
Мы так пишем, как будто это было просто. А вы пробовали обсуждать интерфейсы с программистами? Ага, всё правильно понимаете.
У проекта была еще одна особенность. Заказчик хотел не просто прототипы, а графдизайн. Причем работа дизайнера была, по большому счету, разовая — отрисовать элементы, из которых программисты смогут дальше собирать дизайн самостоятельно. Нанимать человека в штат в таком случае смысла нет.
Мы помогли с поиском дизайнера. Собрали пожелания заказчика, нашли нескольких исполнителей, чьи работы подходили под требования, а адекватность в общении позволяла надеяться на продуктивное сотрудничество. Шорт-лист кандидатов передали заказчику и с выбранным исполнителем приступили к работе. Первые экраны мы отрисовывали вместе с дизайнером.
_Когда процесс пошел, заказчик взял общение с дизайнером на себя_
## <a name="anchor4" />Результат
Изначально мы собирались сделать (а заказчик, соответственно, реализовать) пять модулей. В процессе стало понятно, что объем работы существенно больше запланированного. Заказчик отказался от реализации одного модуля после смены вводных. А мы в рамках проекта создали полностью два модуля CRM-конструктора и отдельные универсальные компоненты.
_Концептуальная страница модуля «Компании» с блоком фильтров_
_Страница с универсальными компонентами_
К моменту написания кейса минимально жизнеспособный продукт CRM с помощью нашего конструктора был создан и внедрен в нескольких дочерних компаниях холдинга. [Выход на рынок был в 2016 году](http://amber-soft.ru/Product/AMBER_CRM/).
## <a name="anchor5" />Смысл
Очень круто решать задачу на предельном уровне абстракции — делать универсальный конструктор всего. Это всегда звучит безумно, а по дороге случается масса переделок, но результат очень даже достижим.
Особенно он достижим, если работать в тесном контакте с программистами: одновременно «пилить ядро» и рисовать интерфейсы, через которые этим ядром можно будет пользоваться.
## <a name="anchor6" />