ОБАХОБА
КП №47 · 13.05.2026
UI/UX-дизайн

Платформа выплат самозанятым.

Веб-кабинет на 4 роли и 7 разделов, лендинг и мобильная версия для исполнителей. Разработка через AI-Code на Claude Code — без этапа wireframe, сразу production-ready HTML с компонентами.

02 / 06 · О ПРОЕКТЕ
Четыре роли. Семь модулей.

Платформа решает один сценарий — заказ → исполнение → оплата. Под каждую роль свой кабинет; всё крутится вокруг общего ядра.

01
Бизнес
Заказывает задачи, контролирует бюджет, видит акты и общую аналитику.
02
Оператор
Разбирает заявки, подбирает исполнителей, согласует акты и реестры.
03
Админ
Управляет правами, модерирует, контролирует лимиты и безопасность.
04
Самозанятый
Берёт задачи, сдаёт результат, формирует чек НПД, получает выплату.
01
Главная
KPI, лента, риски
02
Заявки
Очередь, статусы, фильтры
03
Исполнители
База, рейтинг, документы
04
Платежи
Реестры выплат, подписи
05
Документы
Акты, чеки, договоры
06
Аналитика
Отчёты, юнит-экономика
07
Настройки
Роли, лимиты, ИБ
03 / 06 · ПРИМЕРЫ
Три кейса. Три стиля.

Живые HTML-прототипы в эстетике Linear, Vercel и Cal.com — не статичные картинки, рабочие интерфейсы. Кликайте.

01 · VERCEL Открыть →
Открыть кейс →
HR · VERCEL-СТИЛЬ
Кадровый дашборд
Чёрно-белый минимализм. Найм, текучесть, активность команды, фильтруемая таблица сотрудников.
02 · CAL.COM Открыть →
Открыть кейс →
ИНТРАНЕТ · CAL-СТИЛЬ
Корпоративный портал
Светлый friendly портал. Лента новостей, календарь, проекты, документы — всё в одном окне.
03 · LINEAR Открыть →
Открыть кейс →
ФИНАНСЫ · LINEAR-СТИЛЬ
Финансовый кабинет
Тёмная тема с indigo-акцентом. Live-тикер, cashflow с факт/прогноз, контрагенты, лог операций.
04 / 06 · ПРОЦЕСС
Три этапа вместо шести.

AI-Code на Claude Code меняет парадигму. Wireframe, UI-дизайн и production-сборка — теперь один этап. Не «дизайнер ушёл на месяц в Figma», а HTML-прототип после первого спринта.

01
1 день
Бриф & сценарии
Интервью, аудит конкурентов, карта пользовательских ролей и сценариев.
  • Бриф со стейкхолдерами
  • User-flow для 4 ролей
  • Карта 7 модулей
02
5 дней
Дизайн + сборка
Один этап вместо трёх — компоненты, экраны и HTML-прототипы собираются через Claude Code параллельно.
  • Дизайн-система: цвет, шрифт, сетка
  • Все экраны + состояния
  • Прокликиваемый прототип
  • Адаптив под мобильный
03
1 день
Передача в dev
HTML-разметка + Figma + спецификация компонентов и токенов. Backend знает, как состыковать.
  • Markup-комментарии
  • Дизайн-токены
  • Компонентная карта
Срок 7 рабочих дней разработки + 1 неделя буфер на правки. Итого ~2 недели от подписи договора до финальной сдачи. Включая лендинг, веб-кабинет, мобильную версию и передачу разработчику.
05 / 06 · ТЕХ-СТЕК
Дизайн, готовый к разработке.

На выходе — не Figma в вакууме, а живой HTML с понятным стеком. Backend-команда знает, во что одевать API; frontend-разработчик берёт готовые компоненты и не переверстывает с нуля.

UI
Tailwind CSS
Все стили как utility-классы — нет «своего CSS-зверя», который разработчик потом полгода рефакторит. Готово к React / Next.js / Vue / Astro.
Tailwind v4 CSS Variables
Структура
Дизайн-система
Цветовые токены, типографическая шкала, сетка отступов, библиотека компонентов. Один источник правды — backend и frontend синхронизированы.
Tokens Components Figma + HTML
Поставка
AI-Code pipeline
Прототипы собираются через Claude Code. Это значит — экраны не «нарисованы», а сразу написаны как код, который ваш разработчик расширяет, а не переписывает.
Claude Code HTML / TSX-ready
06 / 06 · СМЕТА И УСЛОВИЯ
Цена за всё.

Лендинг + дашборд под ключ. Срок — 1 неделя разработки + 1 неделя буфер на правки. Никаких скрытых строк.

Лендинг продукта
Главная, hero, как работает, тарифы, FAQ, форма заявки. ~1 страница, 6 секций.
100 000 ₽
Веб-кабинет + мобильная версия
4 роли · 7 модулей · ~50 экранов + кабинет самозанятого под мобильный. Все состояния, фильтры, edge-кейсы. Передача в dev включена.
300 000 ₽
Скидка пакетом
−20 000 ₽
Итого
Срок · 1 неделя разработки + 1 неделя буфер
380 000₽
2 нед
Срок разработки
7 рабочих дней на разработку + 1 неделя буфер на правки и доработки. Включает всё — лендинг, кабинет, мобильный, передача.
50 / 50
Оплата
50% после согласования брифа · 50% после сдачи финального макета.
2
Раунда правок
Включены: после первой сборки и перед финалом. Сверх — почасово, по согласованию.

Готов обсудить.

Если что-то непонятно в смете или объёме — пишите. Отвечаю в течение рабочего дня, обычно за пару часов.

TG
Telegram · самый быстрый канал
@artemev.timur
→