Студия Кирилла Ефимова

Дизайн приложений и веб-сервисов

Дизайн личного кабинета, CRM и веб-сервисов

от 90 000 ₽

Проектируем дизайн личных кабинетов, веб-сервисов, CRM и дашбордов — интерфейсов, в которых работают каждый день. Главное в них не эффектный первый экран, а скорость и порядок: человек должен быстро найти нужное, понять статус и сделать следующий шаг без звонка в поддержку.

Обсудить проект Написать в Telegram

Живая версия: можно нажимать и прокручивать внутри рамки.

Открыть в новой вкладке
novaservice.ru
Бирюзовая глазурь с лампой, заголовок «Что случилось с кассой?» и белый талон-диагност с десятью симптомами и вопросом, пробивает ли касса чеки
Талон диагноста на телефоне с результатом «На этой неделе — Замена ФН» и кнопкой записи

Открыть живую версию

Живой диагност. Отметьте, что случилось с кассой, и ответьте, пробивает ли она чеки: талон покажет услугу, срочность, цену-ориентир, срок и ближайшее свободное окно. Кнопка записи уже знает услугу и дату.

Из работы «Нова Сервис»

Кому подходит

Сервисам с личным кабинетом клиента
Заявки, заказы, записи, документы, оплата: клиент следит за всем сам, а поддержка не отвечает на «где мой заказ».
Компаниям с CRM и внутренними системами
Сотрудники проводят в системе весь день. Наводим порядок в таблицах, карточках сделок и фильтрах, убираем лишние клики.
Командам, которым нужен дашборд
Метрики разбросаны по отчётам. Собираем панель, где главное читается с одного взгляда, а за каждой цифрой есть действие.
SaaS-продуктам
Онбординг, тарифы, настройки и роли: интерфейс, который продаёт продукт сам, пока пользователь в нём работает.

Что делаем, сколько стоит и сколько длится

Цены — нижняя граница, сроки — ориентировочные, для понимания порядка. Точную сумму и график с датами этапов фиксируем в смете после брифа, до начала работы.

Веб-сервис и личный кабинетот 90 000 ₽от 6 недель
Кабинеты клиентов, заявки, каталоги, оплата и настройки: интерфейсы, в которых работают каждый день, поэтому главное в них — скорость и порядок.
CRM и дашбордыот 90 000 ₽от 6 недель
Таблицы, фильтры, карточки сделок и панели с метриками: плотные экраны, в которых данные читаются с одного взгляда, и система компонентов для разработчиков.
UX-аудитот 60 000 ₽от 1 недели
Проходим ваш интерфейс по ключевым сценариям и отдаём отчёт: проблемы со скриншотами, приоритеты и варианты исправления, а при необходимости — макеты исправленных экранов.

Как мы это делаем

Роли и частые задачи
В кабинете или CRM работают разные люди: клиент, менеджер, руководитель, администратор. У каждого свои задачи и своя частота: что-то делают по двадцать раз в день, что-то раз в квартал. Сначала выписываем роли и задачи, потом раскладываем экраны так, чтобы частые действия были на виду и в один клик, а редкие не мешали. Права доступа проектируем сразу: что видит каждая роль и что ей недоступно.
Плотные экраны, которые читаются
Таблицы, фильтры и карточки — основа CRM и админок. Делаем их плотными, но не тесными: табличные цифры держат колонку, статусы различаются не только цветом, но и подписью, у фильтров видны активные условия, а состояние выборки можно сохранить или переслать ссылкой. Для длинных списков продумываем поиск, сортировку и массовые действия. Каждый элемент проверяем на реальных данных — длинных именах, пустых полях, больших суммах.
Статус вместо звонка
Самый частый вопрос клиента — «что с моей заявкой». Если кабинет отвечает на него сам, поддержке становится легче, а клиент спокойнее. Показываем путь заявки шагами, подсвечиваем текущий и отдельно выделяем состояния, где нужно действие клиента: принести документы, подтвердить, оплатить — с объяснением, что именно сделать. Пустые состояния и «ничего не найдено» тоже рисуем: они объясняют, что произошло, и подсказывают следующий шаг, а не оставляют человека перед пустой таблицей.
Дашборд — от вопроса к цифре
Дашборд начинается не с графиков, а с вопросов, которые человек задаёт каждое утро: сколько новых заявок, где просрочка, что требует внимания. На них отвечают несколько главных показателей в верхней части экрана, детали — ниже и по клику. Для каждого графика выбираем форму, которая отвечает на вопрос, а не ту, что выглядит эффектнее. Цвета используем для смысла — отклонение, внимание, норма — и проверяем контраст.

Как это было в проекте Нова Сервис

Клиент сервисного центра касс — владелец кофейни или пункта выдачи — заходит с телефона, когда касса уже показывает ошибку. Ему нужно понять, что делать, записаться на удобное время и следить за заявкой без звонка. В исходной версии сайта был единственный сценарий — оставить телефон: ни записи на время, ни статуса заявки, ни ответа на вопрос, срочно ли это.

  1. Собрали запись из пяти шагов на одном экране: услуга, модель кассы, формат, календарь со свободными окнами и контакты. Рядом черновик заявки обновляется по ходу.
  2. Нарисовали статус заявки в пять этапов, от «Принята» до «Выдана»: текущий подсвечен, а «Нужны документы» выделен и объясняет, что принести.
  3. Провели через весь сайт три полосы срочности — «Сегодня», «На этой неделе», «В удобный день».
  4. Продумали пустое состояние и «заявка не найдена», ошибки рядом с полем и в сводке.
  5. На телефоне добавили липкую панель с ценой и кнопкой записи.

Открыть кейс «Нова Сервис»

Работы

Что влияет на стоимость

Число ролей
Кабинет клиента и кабинет клиента вместе с панелью менеджера и администратора — разный объём экранов и прав.
Число разделов и сущностей
Заявки, клиенты, товары, документы, платежи, отчёты: у каждой сущности свои списки, карточки и формы.
Сложность данных
Таблицы с десятками колонок, связанные фильтры и массовые действия требуют больше проработки, чем простые списки.
Есть ли работающая система
Если система уже работает, начинаем с UX-аудита — от 60 000 ₽: он показывает, какие экраны переделывать первыми.
Сроки
Веб-сервис, личный кабинет, CRM или дашборд — от 90 000 ₽ и ориентировочно от 6 недель на дизайн.

Что вы получите

Как идёт работа

  1. 01

    Бриф и смета

    Созваниваемся или переписываемся: цель, клиенты, конкуренты, примеры, которые нравятся, и сроки. После этого присылаем смету: состав работ, этапы, стоимость и даты.

  2. 02

    Структура и прототип

    Собираем структуру и прототип ключевых экранов: какие блоки, в каком порядке и что делает человек на каждом шаге. Согласуем логику до визуала, пока правки почти ничего не стоят.

  3. 03

    Дизайн

    Показываем концепцию на главном экране, после согласования рисуем остальные страницы и состояния для десктопа и телефона и собираем UI-кит. Правки — на каждом этапе, так переделки не копятся к концу.

  4. 04

    Передача и сопровождение

    Отдаём Figma с компонентами, экспорт графики и спецификации разработчикам или файлы в типографию. Отвечаем на вопросы во время сборки и проверяем, что результат совпадает с макетами.

Вопросы

Сколько стоит дизайн личного кабинета?

Дизайн веб-сервиса или личного кабинета — от 90 000 ₽, CRM и дашбордов — тоже от 90 000 ₽, UX-аудит существующей системы — от 60 000 ₽. Итог зависит от числа ролей, разделов и сложности данных. Точную сумму называем после брифа и фиксируем в смете вместе с этапами.

Сколько времени занимает дизайн CRM или кабинета?

Ориентировочно от 6 недель на дизайн веб-сервиса, личного кабинета, CRM или дашборда и от 1 недели на UX-аудит. Это сроки на дизайн, без разработки. Точный график с датами этапов фиксируем в смете; он зависит от числа ролей и скорости согласований.

Можно перерисовать только часть системы?

Да. Часто достаточно переделать самые нагруженные экраны — список заявок, карточку клиента, главный дашборд. Новый дизайн собираем компонентами, которые потом переносятся на остальные разделы, чтобы система не выглядела лоскутной. С чего начать, помогает понять UX-аудит: он показывает, где сотрудники и клиенты теряют больше всего времени.

Вы работаете с готовыми UI-библиотеками?

Да. Если разработчики используют готовую библиотеку компонентов, проектируем на её основе и дорабатываем только то, чего в ней нет. Это ускоряет разработку и снижает её стоимость. Если библиотеки нет, собираем свой UI-кит с компонентами и состояниями для таблиц, форм и фильтров.

Нужен ли доступ к нашей системе?

Для редизайна — желательно: тестовый доступ или запись экрана с типичными задачами сотрудников помогают увидеть реальную работу, а не идеальную схему. Если доступ дать нельзя, хватит скриншотов и созвона с теми, кто работает в системе каждый день. Данные ваших клиентов в макетах заменяем условными.

Что делать, если данных много, а экран один?

Решать, что важно именно этой роли в эту минуту. Главное — наверху и крупно, остальное — по клику, во вкладках или в боковой панели. Колонки таблицы можно настраивать, а частые фильтры сохранять. Так плотный экран остаётся читаемым и не превращается в стену цифр.

Кто будет работать над проектом?

Команда студии под руководством Кирилла Ефимова, главного дизайнера «Школы 21» от Сбера. Кирилл ведёт каждый проект и отвечает за результат, дизайнеры студии работают над макетами.

Работаете только в Уфе?

Нет. Работаем удалённо с заказчиками из любых городов, обсуждаем всё по видеосвязи и в Telegram. В Уфе можно встретиться лично.

Обсудить проект

Расскажите, что нужно сделать: ответим и предложим, с чего начать.

+7 917 411-66-22
Telegram @hell_sin
porisuimnetut@gmail.com

Смотрите также

Другие услуги