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

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

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

Что мы разрабатываем

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

Подхватываем проекты после других команд и берёмся за задачи, у которых нет готового решения.

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

    Личные кабинеты и корпоративные системы

    Кабинеты для клиентов, дилеров и сотрудников, пользовательские порталы, CRM и внутренние системы с правами доступа по ролям. Переносим ваши данные из таблиц и текущих систем.

    Подробнее Смотреть проекты
  2. 02

    Мобильные приложения и Mini Apps

    Кроссплатформенные приложения для iOS и Android, PWA, Mini Apps и чат-⁠боты в Telegram.

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

    Спецпроекты и интерактивы

    Веб-⁠игры, квизы, конфигураторы и калькуляторы. Интерактивы для выставочных стендов на тач-⁠панелях и планшетах.

    Подробнее Смотреть проекты
  4. 04

    Интеграции, AI и автоматизация

    Обмен данными между сайтом, 1С, CRM, оплатой, доставкой, SMS-⁠шлюзами и внешними API. Внедряем ИИ, который разбирает заявки и документы, распознаёт фото и генерирует тексты и изображения.

    Подробнее Смотреть проекты
  5. 05

    Поддержка и развитие

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

    Подробнее Смотреть проекты
  6. 06

    Сайты и интернет-⁠магазины

    Корпоративные сайты и интернет-⁠магазины на headless CMS с каталогом, оплатой, доставкой и мультиязычностью. Тексты, товары и страницы ваша команда легко сможет менять в админке сама.

    Подробнее Смотреть проекты

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

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

Среди клиентов — Теннисный Клуб Лужники, Альфа-⁠Банк, Ростелеком, Райффайзен Лайф, Сбер Образование, Академия 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 и Claude Code: так быстрее и экономнее, а каждое изменение проверяет программист на код-⁠ревью. Результаты можно отслеживать на демо-⁠стенде.

Тесты и релиз

04

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

Вы в курсе всего, что происходит

  • Отчёты

    Каждые 1–2 недели доступен отчёт: что сделали и сколько на это потратили. Это позволяет нам отслеживать перерасход.

  • Демо по ссылке

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

  • Прямая связь с командой

    Общий чат с разработчиками, без скрытой цепочки через менеджеров. На вопросы о функционале отвечают те, кто пишет код.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ответим в тот же день. Созвонимся, разберём задачу и пришлём план с этапами и сроками.

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