UI/UX дизайнер (Figma) для B2B SaaS платформы

Мы разрабатываем web B2B SaaS проект для управления бизнесом предоставления услуг в сфере ИТ.

Проект сейчас на стадии разработки, пользователей нет, но есть примеры рабочих страниц, которые будут служить эталоном информационной архитектуры и пользовательских потоков — вам нужно адаптировать/переделать их в деловой, сдержанный, читабельный системный дизайн с общим стилем всех страниц.

Что нужно разработать

1. Главные разделы:

• Dashboard — аналитика, ключевые метрики, статусы проектов
• Проекты — карточки проектов, детальные страницы, таймлайн
• Задачи — канбан-доска, списки, фильтрация, приоритеты, карточка задачи
• Клиенты — CRM-карточки клиентов, контактные лица, история взаимодействий

2. Аренда ресурсов:

• Договоры аренды — список договоров, детали, статусы
• Ресурсы — каталог ресурсов для аренды (оборудование, помещения и т.д.)
• Тарифы аренды — настройки тарифных планов, история ценообразования

3. Сервис

• Договоры сервисного обслуживания — список договоров, детали, статусы
• Журнал работ - логирование выполнения задач обслуживания клиентов в рамках тарифных планов
• Заказ аренды — управление заказами, календарь бронирований

4. Финансы:

• 🧾 Инвойсы — выставление счетов, шаблоны, история платежей
• 💳 Тарификация работы — учет рабочего времени исполнителей, расчет стоимости
• 📈 Финансовая отчетность — графики, таблицы, экспорт данных

5. Клиентский портал:

• 👤 Кабинет клиента — личный кабинет для конечных клиентов
• 📊 Статус заказов — отслеживание прогресса
• 📧 Коммуникация — мессенджер, комментарии, уведомления

6. Дополнительные интерфейсы:

• ⚙️ Настройки хаба — кастомизация, интеграции
• 👥 Управление командой — роли, права доступа
• 📖 История активности — audit log, изменения

Это не весь функционал, детально все нужно обсудить отдельно, делать все сразу - не нужно, приоритет - обсуждается отдельно.

Проект использует универсальную систему карточек (CardShell), где каждая сущность (проект, задача, клиент и т.д.) отображается как карточка с унифицированной структурой. Все карточки используют систему табов:

• Основная информация
• Связанные сущности (например, в Проекте → табы: Детали, Задачи, Финансы)
• Активность/Комментарии
• Настройки

Требования к дизайну

Стиль

• Деловой профессиональный стиль (B2B SaaS)
• Чистый и минималистичный — без лишних декораций
• Функциональный — фокус на удобстве использования
• Современный — актуальные UI тренды 2025 года

Колористика

• Необходимо предложить новую профессиональную палитру
• Поддержка светлой и темной темы (light/dark mode)
• Акцентные цвета для статусов, приоритетов, тревог

Типографика

• Четкая иерархия (H1-H6)
• Читаемость на различных экранах
• Системные шрифты или вебшрифты (Geist, Inter, или аналоги)

Компоненты

• Используются Tailwind CSS и shadcn/ui компоненты (Radix UI primitives)
• Нужен дизайн состояния компонентов: default, hover, active, disabled, error
• Иконки: Lucide Icons (shadcn/ui стандарт)

Технические требования к Figma проекту

• Cover (описание проекта)
• Design System (цвета, типографика, компоненты)
• Dashboard
• Projects (Проекты)
• Tasks (Задачи)
• Clients (Клиенты)
• Contracts (Договоры)
• Rental Resources (Ресурсы для аренды)
• Rental Pricing (Тарифы аренды)
• Invoices (Инвойсы)
• Settings (Настройки)

Объем работы

• ~15-20 уникальных экранов (страницы списков, детальные карточки)
• ~30-50 компонентов (кнопки, формы, карточки, таблицы)
• Design System (цвета, типографика, стили)
• Light + Dark theme
• Адаптивность desktop (1920px, 1440px, 1280px минимум)