Проекты и концепты

Мы показываем только то, что можно проверить. Клиентские кейсы публикуются с согласия заказчиков; пока раздел наполняется, здесь собраны концепты — демонстрации подхода к типовым задачам.

Собственный проектВеб-разработка

Сайт BAIKAL PRO DESIGN

Сайт, который вы сейчас читаете, — первый проект студии и открытый пример наших стандартов.

Задача
Показать услуги студии и дать короткий путь к обращению, сохранив природную эстетику Байкала.
Решение
Статическая многостраничная сборка, единая дизайн-система, форма с серверной проверкой и доставкой в Telegram или CRM.
Технологии
HTML, CSS, TypeScript, Vite, Cloudflare Pages Functions

Открытый кейс

Как сделан этот сайт

Лучшее доказательство уровня — то, что работает у вас на экране прямо сейчас. Вот из чего это состоит и как это проверено.

Ваша загрузка этой страницы — измерено в вашем браузере

Загрузка
—
Главный экран (LCP)
—
Передано
—
Запросов
—
JavaScript
—

Числа считаются в браузере и никуда не отправляются. Если браузер их не отдаёт (например, Safari скрывает объём), поле остаётся пустым.

  • Один пейзаж на весь сайт

    Фон медленно «проплывает» при прокрутке: CSS scroll-driven animations, без JavaScript в Chrome и Safari, с лёгкой заменой для Firefox.

    Прокрутить главную
  • Плавные переходы и мгновенная навигация

    View Transitions между страницами и предзагрузка страницы при наведении на ссылку (Speculation Rules).

    Перейти и посмотреть
  • Интерактив, который работает на заявку

    Подбор решения за 30 секунд заполняет форму; демо бота показывает путь заявки через систему.

    Открыть демо бота
  • Доступность, проверенная замером

    Клавиатура, семантическая разметка для экранных дикторов, reduced-motion, работа без JavaScript. Контраст текста над пейзажем измерен под каждым блоком на четырёх размерах экрана.

  • Безопасная форма

    Серверная проверка, защита от спама и частых отправок, Content Security Policy без небезопасных скриптов, секреты только на сервере.

    К форме
  • Два языка из одного источника

    Английская версия собирается из русской разметки и словаря переводов: структура не расходится, а сборка не пропустит непереведённую строку.

    English version

Качество проверяется автоматически при каждой сборке: линтер, типы, модульные тесты, сквозные тесты на 11 размерах экрана в двух языках, проверка ссылок и мета-тегов, замер контраста и скорости.

Концепты

Демонстрационные решения

Не клиентские проекты: у них нет заказчика и измеренных результатов. Они показывают, как мы подходим к задаче.

КонцептТуризм

Сайт гостевого дома на Байкале

Задача
Гости бронируют через агрегаторы с комиссией; прямые звонки владелец пропускает, пока занят хозяйством.
Решение
Сайт с фотографиями номеров, ответами о дороге и сезоне, формой выбора дат. Заявка сразу приходит владельцу в Telegram, гость получает подтверждение.
Технологии
Статический сайт, серверная функция формы, Telegram Bot API
Что измерять
Долю прямых бронирований и время ответа на заявку
КонцептСфера услуг

Telegram-бот записи для салона

Задача
Администратор тратит часы на переписку о свободном времени; часть клиентов не дожидается ответа.
Решение
Бот показывает свободные окна, записывает, напоминает клиенту за день и уведомляет мастера. Нестандартные вопросы передаются администратору.
Технологии
Telegram Bot API, расписание в таблице или CRM, серверные функции
Что измерять
Долю записей через бота и количество неявок
КонцептСтроительство

Путь заявки для строительной компании

Задача
Обращения приходят с сайта, по телефону и в мессенджеры; непонятно, кто отвечает и сколько заявок теряется.
Решение
Все каналы сводятся в одну CRM, у каждой заявки есть ответственный и срок реакции, просроченные — уходят руководителю.
Технологии
CRM, веб-хуки, Telegram-уведомления, панель отчётов
Что измерять
Время первого ответа и долю заявок без ответственного

Есть задача — обсудим, как её решить

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

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