Более 60% трафика приходит с телефона. Проектируем мобильный UX/UI, app-like интерфейсы и PWA: крупные касания, скорость, жесты и сценарии «на ходу». Сайт, который удобен как приложение.
Заказчик слышал, что «нужна мобильная версия», но не понимает, чем она отличается от адаптива. Покажем, что видим вашу ситуацию. Нажмите на сомнение, чтобы увидеть ответ.
Мобильный дизайн — это не «сайт меньше». Это сценарии человека с телефоном в руке: на ходу, одним пальцем, с плохой сетью. Проектируем под это.
Четыре формата. от мобильной версии до app-like и PWA под ключ. Наведите курсор на папку, кликните и увидите, что входит в тариф.
Расскажите задачу — подберём формат под цели и бюджет.
Мобильный интерфейс, это не «маленький сайт», а свой сценарий под телефон. Вот четыре примера экранов смартфона.
Четыре примера: слева было (неудобно с телефона), справа стало (мобильный UX). Разница в заявках и времени на сайте.
Оффер и кнопка теперь под большим пальцем, видны без скролла. С телефона стало удобно — выросли заявки с мобильного.
Добавили нижнее меню с главными разделами. Пользователь переключается в одно касание, не возвращаясь наверх.
Сократили форму до минимума, увеличили поля и кнопку. С телефона стало удобно заполнять — бросаний меньше, заявок больше.
Облегчили мобильную вёрстку и добавили PWA — установка на экран и работа офлайн. Сайт грузится быстро, как приложение.
Отвечаем на то, что спрашивают перед мобильным редизайном.
Адаптив — это перестроение того же сайта под ширину экрана: раскладка меняется, но сценарий тот же. На телефоне блоки просто «схлопываются» в колонку, а логика и контент остаются десктопными.
Мобильный дизайн — это проектирование сценария под телефон с нуля: крупные касания, минимум скролла, быстрая заявка, нижнее меню, жесты. Мы думаем не «как уместить десктоп», а «что нужно человеку с телефона прямо сейчас».
Когда адаптива мало — нужен мобильный UX. Например, форма заявки на десктопе из 10 полей на телефоне превращается в 3 поля с крупными кнопками. Это и есть мобильный дизайн.
App-like — это интерфейс, который выглядит и ведёт себя как мобильное приложение: нижнее меню, плавные переходы, жесты, анимации, экраны без «мерцания». Пользователю удобно, как в нативном приложении.
Технически это достигается через PWA, плавные CSS-анимации, предзагрузку экранов и оптимизацию под касания. Сайт не «перезагружается» при переходе — экраны меняются плавно, как в приложении.
App-like стоит дороже обычного адаптива, но заметно повышает вовлечённость: пользователи дольше остаются на сайте и чаще возвращаются, потому что опыт похож на привычное приложение.
PWA (Progressive Web App) — технология, которая позволяет сайту устанавливаться на экран телефона как приложение, работать офлайн и получать push-уведомления. Это между сайтом и приложением: удобство приложения, цена сайта.
Пользователь заходит на сайт, видит предложение «Добавить на главный экран» — и иконка появляется рядом с другими приложениями. При следующем запуске сайт открывается без браузерной рамки, мгновенно, с офлайн-доступом к ключевым разделам.
PWA не нужно публиковать в App Store и Google Play — нет комиссии, нет долгих модераций. Обновления выходят сразу, как на сайте. Для бизнеса это быстрый и недорогой способ получить «своё приложение».
Чаще — нет. Мы делаем один сайт с мобильным UX и PWA, без отдельного поддомена и двойного контента. Так проще поддерживать и лучше для SEO: один адрес, один контент.
Отдельная мобильная версия (m.site.ru) имеет смысл только для очень крупных проектов с принципиально разными сценариями на телефоне и десктопе. Для большинства сайтов это лишние затраты и риск рассинхронизации данных.
Если у вас уже есть мобильная версия на поддомене, можем интегрировать её в основной сайт с мобильным UX — и упростить поддержку. Решение зависит от задач, оценим после аудита.
Проектируем лёгкий мобильный интерфейс: минимум тяжёлых картинок, ленивая загрузка, современный формат WebP/AVIF, минимум блокирующих скриптов, кэш. Цель — 1–2 секунды до первого полезного действия.
Технически: критический CSS инлайним в head, остальные стили грузим асинхронно; изображения — в WebP/AVIF с правильными размерами под экран; шрифты — с font-display:swap; скрипты — с defer. Сервер — с HTTP/2, gzip/brotli и CDN.
Плюс PWA с кэшированием: при повторном визите сайт открывается мгновенно из кэша. Регулярно замеряем скорость в Google PageSpeed и Lighthouse — и правим, если показатели падают.
Мобильная версия — от 50 000 ₽, мобильный UX/UI — от 90 000 ₽, app-like дизайн с PWA — от 150 000 ₽, мобильный дизайн под ключ — от 220 000 ₽. Точную цену считаем после брифа, фиксируем в договоре.
В стоимость входит анализ мобильного сценария, прототип под телефон, дизайн экранов, адаптив под iOS и Android, оптимизация скорости и базовая PWA-настройка. Тесты проводим на реальных устройствах.
Можно начать с мобильной версии за 50 000 ₽ — закрыть главные проблемы, а потом расширить до app-like с PWA. Оплата поэтапная: аванс, согласование макетов, сдача.
Проектируем мобильный UX и собираем PWA на современных технологиях.
Нужна своя связка? Подберём инструменты под ваши задачи и команду.
Обсудить инструментыЗаполните форму и мы вам перезвоним, ответим на вопросы и подготовим КП с разными вариантами разработки.