Создание сайтов во Владивостоке

Больше половины визитов на коммерческие сайты приходит с телефонов, и в некоторых отраслях эта доля ещё выше: меню ресторана и запись к врачу открывают почти исключительно с мобильного. Поэтому создание сайтов во Владивостоке мы ведём от узкого экрана к широкому, а не наоборот.

Веб-студия «РостСайт» на рынке с 2011 года, за это время сдано больше 150 проектов. Разберём, что такое нормальная мобильная версия, чем она отличается от «сайт открывается на телефоне» и как это связано с отраслью бизнеса.

Телефон как основной экран

Мобильный посетитель держит устройство одной рукой, читает при ярком свете, часто в движении и на слабой связи. Наведения курсора нет, зато есть палец шириной около семи миллиметров. Отсюда требования: кнопки не меньше 44 пикселей, шрифт от 16 пикселей, контрастный текст, никаких горизонтальных прокруток.

Главное действие выносится на первый экран и дублируется в липкую нижнюю панель: позвонить, записаться, забронировать. Телефон делаем ссылкой, адрес – кликабельной картой. Мелочь, а обращения теряются именно на ней.

Адаптив или отдельная мобильная версия

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

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

Скорость на мобильной сети

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

• фотографии готовим под реальную ширину блока, а не заливаем оригиналы с камеры;
• шрифт держим один на весь сайт, без десятка начертаний;
• видео на первом экране заменяем статичным кадром с кнопкой запуска;
• счётчики и виджеты подключаем после отрисовки содержимого;
• кэширование и сжатие настраиваем на стороне сервера.

Скорость влияет и на позиции: поиск оценивает сайт по мобильной версии. Об этом подробнее в разделе SEO-продвижение.

Мобильный первый экран по отраслям

В создание сайта под ключ входит и подбор элементов «наверху», а он зависит от того, зачем к вам заходят. У клиники это специализация, кнопка записи и телефон. У ресторана – фотография блюда, часы работы, кнопки «Меню» и «Забронировать». У завода – что производим и кнопка запроса цены, каталог сразу под ней. У жилого комплекса – срок сдачи, диапазон цен и подбор квартиры по числу комнат.

Расходятся и интерфейсы. Фильтр каталога на телефоне открывается отдельным экраном, а не боковой колонкой. Планировка квартиры увеличивается жестом. Меню ресторана листается вертикально, без вложенных вкладок. Решения закладываются в прототипе, после дизайна их переделывать дорого.

Что проверяем перед сдачей

Разработка сайтов Владивосток заканчивается тестами на реальных разрешениях, от узких 320 пикселей до планшета и широкого монитора. Смотрим переносы длинных слов, поведение форм с экранной клавиатурой, попадание пальцем по кнопкам, читаемость таблиц и телефонные ссылки.

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

Когда нужно приложение

Адаптивный сайт закрывает большинство задач. Приложение имеет смысл, когда нужны push-уведомления, работа без сети, доступ к камере или программа лояльности с постоянными клиентами. Это отдельный продукт со своим бюджетом – от 250 000 рублей, направление описано на странице мобильные приложения.

Если задача проще – показать услуги и собрать заявки – хватает лендинга от 69 000 рублей или корпоративного сайта от 79 000 рублей. Адаптив входит в стоимость в обоих случаях, отдельной строкой мы его не продаём.

Сроки и старт работы

средний срок запуска – 16 дней: бриф, прототип, дизайн в мобильной и десктопной раскладке, вёрстка, наполнение, тесты. Договор с фиксированной сметой, сроки этапов известны заранее, поэтому интернет сайты создание которых начато в понедельник, выходят в срок.

Откройте свой сайт на телефоне и попробуйте оставить заявку одной рукой. Неудобно – звоните по номеру +7 (901) 417-22-12 или пишите на info@rostsayt.ru: разберём, что чинить, и посчитаем создание веб сайта заново. Разработка сайта компании с нормальным адаптивом окупается звонками, которые вы сейчас теряете, а клиенты из Владивостока видят разницу в первый месяц.