digital studio · 2026

Сайты с живым характером

Делаем сайты и Telegram-ботов. Здесь можно попробовать наши интерфейсы: открыть магазин, собрать курсор или посмотреть, как бот принимает заявку.

Демонстрация сайта архитектурного бюро Тихотихо.Архитектурное бюро · открыть сайт ↗

Три сайта
Три разных задачи

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

Открыть сайт ↗
melony / тихо.

Курсор, который вы настроили сами

Напишите слово или выберите эмодзи. Затем поменяйте размер и шрифт — результат появится в поле справа.

Попробуйте здесь

Проведите мышью. На телефоне коснитесь и двигайте пальцем.

Проверьте тактильный отклик

Попробуйте короткий щелчок или длинную волну. Если браузер не умеет вибрировать, импульсы всё равно будут видны на экране.

Растягивает или сокращает импульсы. Силу мотора браузер менять не умеет.

Проверьте на своём телефоне.

На Android попробуйте Chrome. На iPhone браузер не поддерживает вибрацию. Беззвучный режим и настройки устройства тоже могут её отключать.

Как открывается меню?

Выберите темп и откройте меню справа. Быстрее не всегда удобнее — особенно когда внутри много пунктов.

Поддерживаем системное уменьшение анимации.

ваш проектМеню закрыто

Движение помогает
понять, что произошло.

Продолжим в Telegram

Покупка, запись или заявка — прямо в чате.

Попробуйте заказать сайт

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

Посмотреть нашего бота ↗
Melony · демонстрация бота
Это интерактивный пример. Заявки и платежи не отправляются.

Проверьте сайт на другом экране

Откройте мобильную версию демо: поменяется ширина страницы и расположение элементов.

На телефоне пользуются иначе

На ПК — пространство и управление мышью. На телефоне — крупные кнопки и удобная навигация большим пальцем.

Переключение меняет ширину настоящего сайта в примере выше.

Кнопки остаются крупными.
Текст не нужно приближать.

Мелочи, которые можно попробовать

Смените тему, откройте подсказку или сохраните настройки курсора.

Это нативная подсказка браузера. Нажмите вне неё или Escape, чтобы закрыть.

Что здесь работает под капотом?

View Transitions переключает тему, Popover открывает подсказку, :has() реагирует на выбор, Web Share вызывает меню устройства. Поддержка зависит от браузера. При уменьшении анимации в системных настройках переходы отключаются.

Наш пример — Rev Link

Наш действующий сервис: подписку покупают на сайте или в Telegram, а подключают в отдельном приложении.

00:00 / 00:00

В кабинете видны срок и лимит устройств. После получения ключа появляется инструкция для выбранного устройства.

Посмотреть сайт ↗

Как будем работать

Сначала договоримся, что должен делать сайт. Потом покажем макет и соберём рабочую версию.

01Слушаем

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

02Собираем

Показываем страницы и навигацию до начала разработки.

03Оживляем

Проверяем формы, кнопки и переходы на рабочем сайте.

04Запускаем

Проверяем мобильную версию и передаём доступы к проекту.

готовы начать?

Расскажите, что строим

Напишите в Telegram — сообщение придёт мне в личку @Revisionx7. Расскажите о задаче или пришлите пример сайта.

Написать @Revisionx7 ↗