Веб-студияОткрытый Мир

Макет · вымышленные данные

Интеграция с docase — три варианта

Показываем, как может выглядеть связка нашего сайта с платформой docase: витрина готовых решений, простой переход и встроенный процесс «заказ → выполнение». Цель — убрать разрыв в общении с заказчиком: docase сразу организует заказ и его выполнение.

A — ВитринаB — ПереходC — Процесс заказа

Это дизайн-макет. Данные вымышленные, к docase мы пока не подключены — страница нужна, чтобы увидеть внешний вид и решить, что доработать.

Вариант A — витрина «готовые решения» на нашем сайте

На сервере забираем список готовых кейсов из публичного API docase и показываем карточками: цена, срок, теги. Заказчик видит готовые решения и переходит к заказу.

  • Магазин

    Интернет-магазин на готовом шаблоне

    Каталог, корзина, оплата картой, уведомления о заказах.

    • каталог
    • оплата
    • доставка
    49 000 ₽14 дн · ★ 4.9
    Открыть на docase
  • Маркетинг

    Лендинг под запуск рекламы

    Одностраничник с формами заявок и аналитикой под рекламный трафик.

    • лендинг
    • заявки
    • метрика
    19 000 ₽5 дн · ★ 5
    Открыть на docase
  • Веб-приложение

    Личный кабинет с ролями

    Кабинеты, права доступа, заявки со статусами, отчётность.

    • портал
    • кабинет
    • роли
    120 000 ₽30 дн · ★ 4.8
    Открыть на docase
  • Автоматизация

    Telegram-бот для заявок

    Обращения с уточняющими вопросами уходят в CRM или на почту.

    • бот
    • CRM
    • заявки
    25 000 ₽7 дн · ★ 5
    Открыть на docase
  • Продвижение

    SEO-аудит и база

    Технический аудит, сбор запросов, метатеги и разметка, отчёт.

    • SEO
    • аудит
    • контент
    30 000 ₽10 дн · ★ 4.7
    Открыть на docase
  • Качество

    Автотесты для релиза

    Playwright/E2E в релизном контуре, отчёт по сборке.

    • тесты
    • CI
    • DevOps
    40 000 ₽12 дн · ★ 4.9
    Открыть на docase

Что нужно для запуска

  • Публичный API docase — уже есть (список кейсов отдаётся без авторизации)
  • Кэш на нашей стороне (данные не должны грузиться на каждый заход)
  • Решение, какие поля показываем: цена, срок, теги, рейтинг, обложка

Вариант B — простой переход на docase

Самый быстрый шаг: заметный блок с кнопкой ведёт прямо на docase, где уже работает весь процесс. Ничего не программируем.

Готовые решения с фиксированной ценой

Выберите услугу, посмотрите этапы и срок — заказ оформляется сразу на платформе, без переписки «что да сколько».

Открыть каталог

Что нужно для запуска

  • Ничего технического — только блок и ссылка на docase.ru
  • Проверить, что витрина docase открывается и понятна посетителю

Вариант C — процесс «заказ → выполнение» у нас на сайте

Заказчик оформляет заказ, видит смету, этапы и статусы, общается в чате и оплачивает по этапам — всё в одном месте. Это и есть ответ на боль «теряемся в контакте»: процесс ведёт заказчика сам.

  1. 1

    Бриф

    Задача, ТЗ, дизайн

  2. 2

    Смета

    Этапы, сроки, цена

  3. 3

    Работа

    Задачи на доске

  4. 4

    Приёмка

    Демо и правки

  5. 5

    Оплата

    По этапам, акты

Заказ №WS-0142 · интернет-магазин

В работе · этап 3 из 4

Доска задач

Новые

  • Согласовать структуру каталогаБриф
  • Собрать контент и фотоЗаказчик

В работе

  • Дизайн главнойДизайн
  • Вёрстка карточки товараРазработка

На проверке

  • Подключить оплату картойИнтеграция

Готово

  • Настроить домен и SSLЗапуск

Чат по заказу

  • Нужен магазин на 50 товаров с оплатой картой.
  • Здравствуйте! Уточню: доставка и склад нужны?
  • Доставка СДЭК, склад не нужен.
  • Понял. Соберу смету из 4 этапов и пришлю сегодня.

Оплата по этапам

  • Бриф и смета9 800 ₽оплачено
  • Дизайн19 600 ₽оплачено
  • Разработка29 400 ₽в работе
  • Запуск и приёмка9 800 ₽ожидает

Расширение: виджет для чужих сайтов

Тот же процесс можно отдавать как виджет: другой сайт вставляет одну строку кода — и получает приём заказов с этапами, чатом и оплатой. Так мы можем продавать не только свои услуги, но и сам процесс.

Пример виджета

Заказать у веб-студии

Смета и этапы — сразу, без переписки

<!-- Виджет «Заказать у студии» для любого сайта -->
<div id="wsom-order"></div>
<script src="https://order.wsom.ru/embed.js"
        data-studio="wsom"
        data-theme="light"></script>

Что нужно для запуска

  • Вход из нашего сайта в docase (SSO) или отдельный поддомен вида order.wsom.ru
  • API-ключи для внешних потребителей + включение wsom.ru в CORS docase
  • Оплата по этапам (ЮKassa) и/или ссылка на оплату конкретного заказа
  • Для «виджета на чужие сайты» — embed/SDK и white-label