Hilda Raud
Проекты
Обо мне
Контакты
DARK
LIGHT
PRODUCT / SaaS × PERSONAL WORKSPACE
DorumaCRM
Работа, финансы и личные планы — в одной системе.
Я начала разрабатывать DorumaCRM для собственной работы в качестве самозанятой. Мне было важно объединить заказы, сроки, платежи, расходы и подписки, чтобы видеть текущие задачи и финансовые обязательства без переключения между разными инструментами.
ВЕБ-ПРИЛОЖЕНИЕ · ДИЗАЙН / РАЗРАБОТКА
Обзор заказов, финансов и текущих задач
DORUMA / DASHBOARD
Заказы и связанные с ними заказчики
DORUMA / ORDERS
01 / ПРЕДПОСЫЛКИ И ЗАДАЧА
От личной потребности в системном учёте — к самостоятельному цифровому продукту.
Разрозненные данные
Сведения о заказах, документы, рабочие задачи и встречи приходилось хранить в разных местах.
Недостаточная прозрачность
Без единого обзора сложно контролировать ожидаемые поступления, сроки работ и регулярные расходы.
Контроль подписок и расходов
Для работы используются платные сервисы. Важно видеть стоимость подписок, даты списаний и общие затраты на инструменты.
Гипотеза об аудитории
DorumaCRM создавалась для моей работы как самозанятой. Позже доступ самостоятельно запросили другие пользователи. Их опыт помогает уточнять продуктовые сценарии и интерфейс.
ПРОДУКТОВОЕ РЕШЕНИЕ
DorumaCRM объединяет заказы, заказчиков, документы, платежи, контроль начисления налога, задачи, подписки и личное планирование в связанном рабочем пространстве.
02 / КАК УСТРОЕН ПРОДУКТ
Пять основных разделов, поиск и сквозное действие «Записать» помогают работать с данными в нужном контексте.
01
Главная
Работа, поступления, задолженность и планы
02
Заказы
Заказчики, проекты, платежи и документы
03
Неделя
Задачи, встречи, созвоны и отпуск
04
Шаблоны
Библиотека шаблонов .docx и генерация документов
05
Я
Налог, подписки, расходы, карты и накопления
КЛЮЧЕВЫЕ СВЯЗИ
Заказчик → заказ → график платежей → поступления → записи о чеках и иных поступлений
Заказ + реквизиты + шаблон → документ · Задачи и события → «Неделя»
КАРТА ЭКРАНОВ / ПРЕВЬЮ
РАСКРЫТЬ КАРТУ ЭКРАНОВ
USER FLOW / DATA CONNECTIONS
Структура экранов и состояний
На карте разделены страницы, выдвижные панели и встроенные элементы интерфейса. Ветки показывают структуру разделов, а не обязательную последовательность действий.
Telegram-бот используется для напоминаний и восстановления доступа. Не каждый элемент карты представлен отдельным пунктом навигации.
03 / ПОЛЬЗОВАТЕЛЬСКИЕ СЦЕНАРИИ
Основные сценарии связывают создание заказа, контроль оплаты, документы и планирование.
01 / Создание заказа
Создать заказ → выбрать заказчика или добавить нового в той же форме → указать сумму и сроки → перейти к карточке заказа.
02 / Контроль поступлений
Составить график платежей → зафиксировать поступление → добавить запись о чеке → проверить остаток и просрочку.
03 / Формирование документа
Добавить реквизиты в шаблон с метками → проверить данные → сформировать и скачать документ .docx или PDF.
04 / Планирование дня
Через «Записать» добавить задачу, созвон или встречу → при необходимости связать с заказом → настроить напоминание.
04 / ИНТЕРФЕЙСЫ И СОСТОЯНИЯ
Экраны показывают работу с заказами, документами, планированием и личными расходами.
Карточка заказа
DORUMA / ORDER DETAIL
Создание заказа и заказчика
DORUMA / CREATE ORDER
Планирование на неделю
DORUMA / WEEK
Библиотека шаблонов документов
DORUMA / TEMPLATES
Учёт подписок и расходов на сервисы
DORUMA / SUBSCRIPTIONS
Личные финансы и настройки
DORUMA / PERSONAL
05 / УЛУЧШЕНИЯ ПО ОБРАТНОЙ СВЯЗИ ПОЛЬЗОВАТЕЛЕЙ
Первые пользователи самостоятельно обратились за доступом к DorumaCRM. Их опыт повседневной работы с системой помогает выявлять затруднения и проверять интерфейсные решения.
СОЗДАНИЕ ПЕРВОГО ЗАКАЗА
Для создания заказа требовалось предварительно завести заказчика в отдельном разделе.
→
Добавлено создание заказчика непосредственно в форме заказа.
ПРИВЯЗКА TELEGRAM
Переход по ссылке на Telegram-бота работал не во всех окружениях.
→
Предусмотрены два способа привязки: по ссылке и шестизначному коду.
СОХРАНЕНИЕ ДАННЫХ ПРИ ОШИБКЕ
Ошибка создания подписки переводила пользователя в другой раздел и прерывала сценарий.
→
Ошибка отображается на текущей карточке; введённые значения сохраняются.
Изменения основаны на обратной связи действующих пользователей. Аудитория пока небольшая; количественные показатели эффективности не измерялись.
06 / ВИЗУАЛЬНАЯ СИСТЕМА
В основе — образ бумажного планера: светлый фон, графитовая типографика, цветовые акценты и маскот.
МОЛОЧНЫЙ
ГРАФИТ
РОЗОВЫЙ
ЖЁЛТЫЙ
МЯТНЫЙ
DARUMA / MASCOT
Маскот сопровождает пользователя и визуально обозначает отдельные состояния интерфейса.
КОМПОНЕНТЫ И СОСТОЯНИЯ
Карточки · метки · поля · списки · выдвижные панели · уведомления
В мобильной версии боковые выдвижные панели преобразованы в нижние (bottom sheets). Основные действия доступны без изменения привычной структуры разделов.
07 / АДАПТАЦИЯ ПОД МОБИЛЬНЫЕ СЦЕНАРИИ
DorumaCRM адаптирована для мобильных устройств и может быть добавлена на главный экран как PWA. Основные рабочие сценарии доступны в браузере; офлайн-режим не реализован.
Главная
DORUMA / RESPONSIVE
Карточка заказа
DORUMA / MOBILE ORDER
Карточка заказчика
DORUMA / CUSTOMER DETAIL
Записать
DORUMA / BOTTOM SHEET
08 / МОЯ РОЛЬ И СТАТУС ПРОЕКТА
Я продолжаю развивать действующий продукт на основе собственного опыта и обратной связи первых пользователей.
Product design / UI / UX
Продуктовая концепция, UX-сценарии, информационная архитектура, интерфейсы, визуальная система и адаптивный дизайн.
AI-assisted development
Постановка задач AI-инструментам, проверка результатов и последовательное уточнение реализации.
СТАТУС / НОЯБРЬ 2026
DorumaCRM — действующее адаптивное веб-приложение, которым пользуюсь я и несколько человек, самостоятельно запросивших доступ. Сейчас разрабатывается публичный лендинг и готовится открытая регистрация. Экспорт PDF и дополнительные улучшения остаются в планах.
08 / СЛЕДУЮЩИЙ ПРОЕКТ