Обсудить задачу ↗
← Проекты
Дизайн + разработка / CASE STUDY

Sapar CRM

Система управления турами, бронированиями и командой.

Моя рольДизайн + разработка
TOOLS / PRACTICENext.js · TypeScript · PostgreSQL
Формат кейсаПродукт · интерфейс · реализация
DESIGN + ENGINEERING

Спроектировал и разработал

Мой вклад — проектирование интерфейса и разработка приложения.

01DESIGN02CODE03PRODUCT
В этом проекте
  • Брони и туры
  • Менеджеры и гиды
  • Финансовый учёт
Sapar CRM
Sapar CRM / Дизайн + разработка

Задача

Связать операции туркомпании в едином рабочем интерфейсе.

01 / WORKSPACE

Рабочий день туркомпании

Обзор связывает подготовку выезда, заявки и рабочие задачи. Постоянная боковая навигация разделяет продажи, поездки и управление. Все показанные данные — вымышленные данные открытой демо-CRM.

Рабочий день туркомпании
02 / SALES

Заявка как начало связанного процесса

Заявки вынесены в отдельный рабочий раздел. Менеджер видит входящий интерес в контексте продаж, затем связывает его с клиентом и бронированием. Поиск и единая навигация помогают сохранять контекст между разделами.

Заявка как начало связанного процесса
03 / BOOKING DATA

Клиент, поездка и расчёты в одной строке

Реестр бронирований показывает поездку, участников, статус и остаток оплаты. Фильтры состояния и периода находятся над таблицей. Связи с заявкой и клиентом видны непосредственно в записи — данные не приходится искать в отдельных списках.

Клиент, поездка и расчёты в одной строке
04 / OPERATIONS

От продажи — к подготовке выезда

Туры и выезды отделены от продаж. Это другой рабочий контекст: состав поездки, расписание и подготовка. Дизайн и разработка объединяют эти разделы в один продукт, а публичная страница объясняет его до входа в CRM.

От продажи — к подготовке выезда
VISUAL LANGUAGE

Характер проекта

Структурный рабочий интерфейс: тёмная навигация, светлая область данных и сине-фиолетовые акценты.

TYPOGRAPHY / MontserratТуры под контролем.Aa Бб Әә Ғғ Ққ Ңң Өө Ұұ Үү Һһ Іі
0123456789
#4B57D6
#021C49
#F4F7FF
#FFFFFF

Montserrat

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

Контекст сохраняется

Постоянная навигация связывает продажи, поездки и управление компанией.

ТЕХНОЛОГИИ РЕАЛИЗАЦИИ
01Next.js02TypeScript03PostgreSQL
DELIVERABLE

Что получилось

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

Открыть сайт ↗
Следующий проектThreads Studio ↗
LET’S TALK

Обсудим твою задачу?

Напиши мне в WhatsApp: расскажи о проекте или предложении работы.

Написать в WhatsApp+7 708 903 43 49