01
Интерфейс
HTML, CSS, JavaScript; React и Next.js — там, где подходят задаче.
Что получаемСтраницы, состояния и взаимодействия
Технологии
Сайты
Корпоративные сайты и понятная структура услуг.
Сайты на Tilda
Дизайн, сборка и запуск сайта на Tilda.
Редизайн сайта
Структура и новый интерфейс существующего сайта.
Разработка
Клиентская и серверная логика, данные и релиз.
Интеграции
CRM, оплата, аналитика и обмен данными.
Автоматизация
Связанные процессы и повторяющиеся операции.
Из чего состоит продукт
02
Сервер
Node.js или Python — серверная логика, проверки и права доступа.
Что получаемРабочие сценарии и API
03
Данные
PostgreSQL и структуры данных под задачи продукта.
Что получаемСхемы, записи и необходимые выборки
04
Интеграции
CRM, платежи, аналитика и внешние сервисы через API.
Что получаемСогласованный обмен данными
Шесть частей одной системы
Интерфейс
Собираем то, что видит человек — адаптивную вёрстку, компонентную библиотеку и все состояния экрана, включая пустое, загрузку, ошибку и отказ в доступе.
- адаптив от 320 px до широких мониторов без горизонтальной прокрутки
- компонентная библиотека — кнопки, поля, таблицы, модальные окна
- формы с валидацией и понятными сообщениями об ошибке
- доступность — контраст, фокус с клавиатуры, читаемые размеры
Клиентская логика
Отвечает за то, как экран ведёт себя между действиями пользователя — хранение состояния, кэш запросов, маршрутизация, поведение при потере сети.
- управление состоянием и кэшем ответов сервера
- маршрутизация, глубокие ссылки, сохранение фильтров
- оптимистичные обновления и корректный откат при ошибке
- ленивая загрузка тяжёлых блоков и оптимизация первой отрисовки
Сервер и api
Бизнес-логика, права доступа и контракты, по которым интерфейс общается с данными. Каждый метод описан, чтобы следующая команда не собирала логику по исходникам.
- REST API с описанием методов и примерами запросов
- аутентификация, роли и права на уровне операций
- фоновые задачи — рассылки, импорт, выгрузки, отчёты
- логирование операций и трассировка ошибок
Данные
Схема сущностей и связей, на которой держится продукт. Здесь же — резервные копии и правила миграций, чтобы обновление не стоило клиенту данных.
- схема сущностей — пользователи, заказы, документы, события
- миграции с возможностью отката
- кэш частых запросов и индексы под реальные сценарии
- регулярные резервные копии и проверка восстановления
Интеграции
Связываем продукт с системами, которые уже используются в компании, чтобы данные не переносили руками.
- CRM — передача сделок, статусов и контактов в обе стороны
- платежи — эквайринг, СБП, рекуррентные списания, чеки
- аналитика — события, цели, сквозные отчёты
- боты и мини-приложения Telegram, уведомления в мессенджеры
Инфраструктура и релиз
Отдельный контур для проверки, автоматическая выкладка и мониторинг после релиза. Клиент получает доступы ко всему, что мы настроили.
- staging-контур, где правки проверяются до боевого релиза
- автоматическая сборка и выкладка по коммиту
- мониторинг ошибок и уведомления о падениях
- SSL, домены, почтовые отправки, базовая защита форм
Стек и интеграции
Фронтенд
HTML / CSSTypeScriptReactNext.jsVueViteSCSS
Бэкенд
Node.jsPythonPHPREST APIочереди задач
Данные
PostgreSQLMySQLRedisмиграциирезервные копии
Интеграции
Bitrix24amoCRMЮKassaСБПЯндекс.МетрикаTelegram Bot API
Инфраструктура
GitDockerCI/CDstaging-контурSSL и домены
Качество
ручное тестирование по чек-листукросс-браузерная проверкамониторинг ошибокпроверка скорости
Код, документация и доступы к проекту
Репозиторий
Исходный код с историей изменений и доступом на стороне клиента.
Доступы
Хостинг, домены, база данных, почтовые сервисы и аналитика — на аккаунты компании.
Документация
Схема данных, описание методов API, инструкция по запуску и обновлению.
Чек-лист релиза
Список проверенных сценариев и известных ограничений на момент передачи.
