Разрабатываем и масштабируем клиентские сервисы

Выстраиваем онлайн-взаимодействие бизнеса с клиентами, партнёрами и сотрудниками: личные кабинеты и магазины для клиентов, порталы для дилеров и партнёров, CRM и внутренние системы для команд.

Обсудить проект
Лендинг для запуска продукта Splat Biohack+HR-страницы для РостелекомаЛичный кабинет «Теннисного Клуба Лужники»

Наши услуги

Создаем сервисы, в которых клиенты не теряют данные
и контакт с вашим бизнесом.

Мы умеем сочетать несколько услуг в одном проекте и подключать аналитику.

Все услуги
  1. 01

    Личные кабинеты и порталы

    Кабинеты для клиентов, партнёров и сотрудников: заказы, платежи, заявки, история и роли доступа.

    Подробнее
  2. 02

    Корпоративные системы

    CRM, ERP и внутренние системы. Клиенты, финансы, обращения и доступы в одном месте.

    Подробнее
  3. 03

    Mini Apps и веб-сервисы

    Mini Apps, чат-боты и веб-сервисы для автоматизации отдельных процессов бизнеса.

    Подробнее
  4. 04

    Спецпроекты и сложные интерфейсы

    Web-игры, конфигураторы и калькуляторы. Делали для Альфа-Банка, Райффайзен Лайф и SPLAT.

    Подробнее
  5. 05

    Интеграции сервисов

    Обмен данными с 1С, CRM, ЮKassa, Stripe, службами доставки и SMS-шлюзами.

    Подробнее
  6. 06

    Поддержка и масштабирование

    Подключаемся в существующие продукты и работаем с чужим кодом. Оптимизируем производительность и переносим legacy на новый стек.

    Подробнее

Проекты и результаты

Запускаем личные кабинеты, CRM и интернет-магазины и остаёмся развивать их после релиза.

Опыт работы с корпорациями — Альфа-Банк, Ростелеком, Райффайзен Лайф, Сбер Образование, Академия Selectel и SPLAT.

Все проекты

Технологии

Строим продукты на проверенном стеке, который можно развивать годами.

Фронтенд, бэкенд и инфраструктура, к которым легко подключить новую команду и которые можно поддерживать в долгую. ИИ используем как часть процесса: для рутинных задач, работы с кодом и документацией.

VueВёрстка и фронтендVueПишем на Vue с 2016 года — это наш основной фреймворк. Реактивность и компонентная архитектура: SPA, личные кабинеты, корпоративные порталы.ReactВёрстка и фронтендReactБерём, когда заказчик или его команда уже работает на React. Декларативный UI, огромная экосистема библиотек и знакомый стек для совместной работы.NuxtВёрстка и фронтендNuxtNuxt 3 и 4 — наш стандарт для Vue-проектов с SEO. SSR, SSG, авто-роутинг и DevTools из коробки: быстрый первый экран и удобный деплой.Next.jsВёрстка и фронтендNext.jsБерём для React-проектов, где важны SEO и скорость открытия. SSR и статика из коробки — витрины, маркетинговые сайты, публичные разделы CRM.TypeScriptВёрстка и фронтендTypeScriptПишем весь продуктовый код только на TypeScript. Статическая типизация снижает число багов в проде и делает рефакторинг безопасным.ViteВёрстка и фронтендViteНаш стандартный сборщик для всех Vue и React проектов. Мгновенный старт dev-сервера и быстрая production-сборка — короткий цикл правок.SassВёрстка и фронтендSassИспользуем для структурированных дизайн-систем: переменные, миксины, вложенность. Держит стили читаемыми на больших проектах.PiniaВёрстка и фронтендPiniaОфициальное хранилище состояния для Vue 3. Управляем профилем, корзиной, фильтрами и ролями пользователя — без лишней сложности Vuex.GSAPВёрстка и фронтендGSAPБерём для выразительного motion: таймлайны, ScrollTrigger, сложный easing. Лендинги и имиджевые сайты, где анимация — часть продукта.CanvasВёрстка и фронтендCanvasРисование в браузере на пиксельном уровне: scramble-эффекты, интерактивные фоны, кастомные hero. Используем там, где CSS уже не хватает.Anime.jsВёрстка и фронтендAnime.jsЛёгкая альтернатива GSAP для простых сценариев: анимация SVG, CSS-свойств и DOM-атрибутов. Не тянет лишний вес, когда нужна гибкость.FigmaВёрстка и фронтендFigmaВся работа с дизайном — в Figma: макеты, компонентная библиотека, токены, Code Connect. Единый язык между дизайнером и разработчиком.PythonBackendPythonЯзык для сервисов, интеграций и ML. Используем в связке с Django и FastAPI — чистый код, богатая экосистема и быстрый старт.DjangoBackendDjangoНаш выбор для Python-проектов с богатой бизнес-логикой. ORM, авторизация, миграции и готовая админка из коробки — стартуем быстро.FastAPIBackendFastAPIБерём для производительных Python API: async, автосхемы и валидация через Pydantic. Идеально для интеграций, ML-сервисов и API-шлюзов.NestJSBackendNestJSTypeScript-фреймворк на Node.js: один язык с фронтом, модульная архитектура, IoC. Берём для сложных REST API и микросервисов.Node.jsBackendNode.jsJavaScript на сервере: один язык с фронтом, единая команда. Берём для WebSocket, стриминга и задач с высокой конкурентностью.LaravelBackendLaravelОсновной PHP-фреймворк: API, очереди, авторизация, планировщик из коробки. Быстро стартуем корпоративные CRM и административные системы.WordPressBackendWordPressСамая распространённая CMS. Берём для контентных сайтов, где заказчику важно редактировать материалы самостоятельно без разработчика.StrapiBackendStrapiHeadless CMS на Node.js: REST и GraphQL из коробки, гибкие контент-модели. Разделяем бэкенд и фронт — каждая часть меняется независимо.PostgreSQLBackendPostgreSQLОсновная реляционная БД во всех наших проектах. Транзакции, JSON-колонки, полнотекст — каталоги, заказы, финансовые отчёты, аудит.GraphQLBackendGraphQLБерём там, где фронту нужны гибкие запросы к данным: один эндпоинт, типизированная схема, никакого over/underfetching.RabbitMQBackendRabbitMQБрокер сообщений для асинхронных задач и интеграций: уведомления, обработка событий, развязка сервисов без прямых вызовов.SwaggerBackendSwaggerДокументируем все API через OpenAPI/Swagger: интерактивная документация, автогенерация клиентов и единый контракт между командами.CursorAI-инструментыCursorAI-редактор с полным контекстом репозитория: агенты, чат с кодом, авто-правки. Используем для ускорения фич, документирования и разбора кода.Claude CodeAI-инструментыClaude CodeAI для глубокой работы с кодом: объяснения, ревью, тесты, разбор багов. Подключаем там, где нужен длинный контекст и точные правки.OpenAI APIAI-инструментыOpenAI APIИнтегрируем AI в продукты через OpenAI API: чат, генерация текста, анализ документов. Добавляем умные функции без обучения своих моделей.Anthropic APIAI-инструментыAnthropic APIAnthropic API — Claude в продукте: длинный контекст, анализ документов, чат и ассистенты. Берём, когда нужна точность и безопасность для B2B.Gemini APIAI-инструментыGemini APIGoogle Gemini API — мультимодальные сценарии: текст, изображения, документы. Удобно, если заказчик уже в экосистеме Google Cloud.DeepSeek APIAI-инструментыDeepSeek APIDeepSeek API — альтернатива ChatGPT: код, рассуждения, доступная цена. Берём для чата и генерации, когда важен баланс качества и бюджета в продукте.GigaChat APIAI-инструментыGigaChat APIGigaChat API — российский LLM от Сбера: чат, генерация текстов, работа с документами. Берём в контуре РФ и при интеграции с экосистемой Сбера.YandexGPT APIAI-инструментыYandexGPT APIYandexGPT API — российская альтернатива для чата и генерации текста. Берём, когда заказчику важны хранение данных и работа в контуре РФ.RedisDevOpsRedisКэш, сессии, очереди и pub/sub в памяти. Снижаем нагрузку на БД и ускоряем отклик API в пиковые моменты — без изменения архитектуры.DockerDevOpsDockerВсе окружения — в контейнерах: dev, stage и prod совпадают. Исключаем «у меня работало» и упрощаем деплой и перенос между серверами.GitLab CIDevOpsGitLab CIАвтоматические пайплайны: сборка, тесты, деплой на push. Убираем ручные выкладки и ловим ошибки до того, как они попадают в прод.S3DevOpsS3Объектное хранилище для медиа, бэкапов и статических файлов. Раздаём через CDN — быстрая загрузка файлов без нагрузки на основной сервер.NginxDevOpsNginxНаш стандарт для проксирования и раздачи статики. Балансировка нагрузки, SSL и кэш — первый эшелон перед приложением на каждом проекте.CloudflareDevOpsCloudflareCDN, WAF и DNS для всех проектов. Защита от DDoS, быстрая раздача статики по всему миру и управление доменами — в одном месте.PrometheusDevOpsPrometheusPrometheus — сбор метрик с сервисов и контейнеров: CPU, память, latency, ошибки. Основа мониторинга, на которой строим дашборды и алерты.LokiDevOpsLokiGrafana Loki — хранение и поиск логов приложений. Связываем логи с метриками в Grafana: быстрее находим причину инцидента в проде.GrafanaDevOpsGrafanaGrafana — дашборды и алерты по метрикам и логам. Визуализируем Prometheus и Loki в одном месте — видим прод до жалобы заказчика.SentryDevOpsSentryМониторинг ошибок в реальном времени: стектрейсы, контекст пользователя, алерты. Узнаём о баге в проде раньше, чем его заметит заказчик.

Делимся экспертизой

Рассказываем про рабочие решения, делимся инструментами и подходами с сообществом

Не всегда текстом, выступаем спикером на MoscowCSS × Яндекс и MSK Vue.

Как работаем

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

Бриф и оценка

01

Обсуждаем задачу и оцениваем. Затем собираем базу знаний: роли, правила и краевые сценарии для разработки по спецификации (SDD).

Кликабельный прототип

02

Собираем на основе дизайна или с помощью нейросетей. Сценарии можно пройти руками ещё до основного этапа разработки.

Разработка и интеграция

03

Уточняем и корректируем ТЗ по итогам показа прототипа. Типовой код пишем с Codex GPT и Claude Code для ускорения рутины, все эти изменения проходят код-ревью. Мы знаем, где ИИ может ошибаться. На протяжении этапа результат виден на демо-стенде по ссылке проекта.

Тесты и релиз

04

Покрываем тестами и готовим запуск на тестовом стенде. Финально тестируем и переносим на продакшен. Добавляем систему мониторинга.

Прозрачно на каждом этапе

  • Отчёты раз в 1–2 недели

    Что сделано, что дальше и сколько потрачено. Бюджет и сроки под контролем: отклонения видны сразу, а не в конце проекта.

  • Демо-доступ 24/7

    Текущая версия продукта всегда доступна на демо-стенде: смотрите, проверяйте, показывайте коллегам в любой момент.

  • Релизы по фичам

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

Альфа-БанкРостелеком HRАкадемия SelectelSplat BiohackСбер ОбразованиеРайффайзен ЛайфLevelUpperNeboSystemsVTRПомощьAlternativaВиртуозыТеннисный Клуб ЛужникиHeritageПрактикаCareer.ioConstant Delight
«Вместе со Spot перевели внутреннюю CRM‑систему на Vue.js. Онлайн-расписание и ключевые модули стабильно работают во всех филиалах сети музыкальных школ.»
Дмитрий БидуляДмитрий БидуляГенеральный директор «Виртуозов»
У нас уже есть система, но подрядчик пропал. Возьмёте?

Да. Сначала разбираемся в коде и записываем в спецификацию правила, по которым система работает сейчас. После этого вместе решаем, что дорабатывать, а что переписать.

Можно начать с небольшой части?

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

Сколько стоит и сколько длится разработка?

Оценку даём после брифа: цена и срок зависят от числа ролей, интеграций и сценариев. Чтобы объём стал понятен раньше, первым этапом собираем кликабельный прототип — его можно пройти руками ещё до основной разработки и скорректировать ТЗ.

Как проходит работа?

Четыре этапа: бриф и оценка, кликабельный прототип, разработка с интеграциями, тесты и релиз. На первом этапе собираем базу знаний — роли, правила и краевые сценарии — и ведём разработку по спецификации. Перед запуском тестируем на демо-стенде и подключаем мониторинг.

Как вы используете ИИ и не пострадает ли качество?

ИИ пишет типовой код и ускоряет рутину, но каждое изменение проходит код-ревью и тесты. Мы знаем, где нейросети ошибаются, поэтому бизнес-логику и интеграции проверяем руками. Код храним в git и делаем бэкапы.

Интегрируете с 1С, платежами и внешними сервисами?

Да. Личные кабинеты и CRM обычно связаны с 1С, эквайрингом, телефонией и аналитикой: синхронизируем данные в обе стороны, а правила обмена фиксируем в спецификации. Пример — кабинет Теннисного Клуба Лужники с 1С:Фитнес, платежами и членством.

Что происходит с проектом после запуска?

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

Обсудим проект

Отвечаем в тот же день. Первый шаг — созвон на 30 минут или бриф в Telegram.

Обсудить проект