Главное видно сразу
Ещё до прокрутки человек видит, что вы делаете и для кого, и тут же находит кнопку связи. Экран телефона маленький, поэтому туда идёт только самое сильное.
УслугиСоздание сайта под ключСайт для телефона
Адаптивный дизайн под ваш телефон
Адаптивный дизайн под ваш телефон
Вас часто ищут с телефона, поэтому кнопки, форму и звонок делаю под палец. Адаптивный веб-дизайн сам подгоняет страницу под экран, даже самый маленький.
- Всё индивидуально
- Кнопки под палец
- Звонок в одно нажатие
Просто напишите, а дальше я сам. Посчитаю задачу без оплаты.
детейлинг-студия · Киев
Авто как из салона за один день
Полировка, керамика, химчистка. Забираем и привозим авто.
★★★★★4,9 · 312 отзывов в Google
Услуги
Полировка кузова6 ч
Керамическое покрытие8 ч
Химчистка салона4 ч
Работы
Отзывы
«Забрал вечером, машина как новая»Андрей · ★★★★★
«Оставила заявку с телефона за минуту»Ирина · ★★★★★
Telegram · Viber · WhatsApp
Заявка
Имя
Телефон
Услуга
Спасибо!Заявка уже в студии. Ответим в ближайшее время.
Одной рукой
Что такое адаптив в веб-дизайне
Об адаптиве в веб-дизайне говорят, когда сайт сам меняет вид под ширину экрана. Страница остаётся той же, просто на узком экране блоки встают друг под другом, кнопки становятся крупнее, а меню сворачивается в один значок.
Это нужно каждому, к кому клиенты приходят с телефона через Google, Instagram или рекламу. Человек стоит в очереди или едет в транспорте и открывает сайт одной рукой. Если в кнопку трудно попасть, а текст приходится растягивать пальцами, он закрывает вкладку и уходит к другому.
Гордей Фисун · обновлено
На ходу
Дизайн мобильной версии сайта: из чего состоит
От этих мелочей зависит, напишет вам человек с телефона или закроет страницу.
Текст без увеличения
Шрифт читается без растягивания пальцами, строки короткие. Таблицы и длинные списки перестраиваю, чтобы ничего не приходилось листать вбок.
Меню, которое не мешает
На телефоне меню прячется под одну кнопку и открывается на весь экран. Пункты крупные, поэтому попасть в них легко даже на ходу.
Ничего не съезжает
Текст и фото не выходят за край экрана, а всплывающее окно не закрывает кнопку заявки.
Фото под размер экрана
На телефон не грузится огромная картинка для монитора: фото подбираются под ширину, поэтому страница не тормозит.
В телефоне клиента
Адаптивный веб-дизайн: что входит
Одна страница на любой экран
Текст, фото и кнопки сами перестраиваются под ширину: на телефоне выстраиваются в одну колонку, а на компьютере расходятся шире. Отдельную мобильную версию держать не нужно.
Кнопки и форма под палец
Кнопки крупные и с отступами, чтобы не попасть в соседнюю. Форма спрашивает только нужное, а для номера сразу открывается цифровая клавиатура.
Звонок одним нажатием
Номер на сайте работает как кнопка: коснулись, и телефон уже набирает ваш номер. Рядом можно поставить Telegram, Viber или WhatsApp, чтобы каждый писал там, где ему удобнее.
Быстро открывается
Сайт делаю руками, не в конструкторе, поэтому на странице нет лишнего. Она быстро открывается с телефона, и её видно в Google.
Экран за экраном
Как я проверяю адаптивную вёрстку сайта
Перед запуском страница проходит несколько экранов, и среди них ваш телефон.
Сначала телефон
Страницу собираю с узкого экрана: что удобно там, то легко развернуть и на широком.
Разные ширины
Смотрю страницу на маленьком телефоне, планшете и большом мониторе, чтобы нигде ничего не обрезалось и не наезжало одно на другое.
Ваш телефон
Присылаю ссылку на живую версию: вы открываете её на своём телефоне, а не смотрите картинки. Правки вносим тут же.
Путь клиента
Напоследок сам прохожу путь клиента с телефона: открываю сайт, нажимаю на звонок, оставляю заявку и смотрю, дошла ли она вам в Telegram.
5,0 · 37 отзывов
- Вы решаете, двигаться ли дальшеПосле каждого этапа можете остановить проект. Оплачиваете только выполненные и принятые этапы. Предоплату за неначатые возвращаю.
- Деньги назад, если сделаю не то, что в ТЗЕсли объём не тот, что согласовали, возвращаю оплату этапа. Без споров.
Сомнения
Вопросы об адаптивном сайте
Что такое адаптивный веб-дизайн?
В адаптивном веб-дизайне одна и та же страница сама подстраивается под экран телефона, планшета или компьютера. Текст, фото и кнопки перестраиваются так, чтобы сайтом было удобно пользоваться без увеличения.
Чем адаптивная вёрстка отличается от отдельной мобильной версии?
Отдельную мобильную версию делают вторым сайтом, поэтому каждую правку приходится вносить дважды. С адаптивной вёрсткой сайт один на все экраны: изменили текст один раз, и он обновился везде.
Будет ли лендинг адаптивным?
Да, адаптивный лендинг для меня такая же норма, как и адаптивный сайт. В лендинге одна страница под одну услугу, поэтому на телефоне кнопку заявки держу под рукой, а текст делаю таким, чтобы читался без увеличения.
Старый сайт плохо выглядит на телефоне. Что делать?
Если старый сайт плохо выглядит на телефоне, его можно переделать полностью, и новый будет адаптивным с самого начала. Если достаточно доработать нынешний, для этого есть отдельная услуга «Обновление и поддержка сайта».
Как ещё до запуска посмотреть, каким сайт будет на телефоне?
Я присылаю ссылку, и ещё до запуска вы открываете живую версию сайта на своём телефоне. Страница уже рабочая, поэтому правки вносим сразу.
Что подготовить, чтобы заказать сайт для телефона?
Для старта хватит одного сообщения: что за бизнес и откуда приходят клиенты, можно голосовым. Если сайт уже есть, пришлите ссылку, и я посмотрю, как он открывается на телефоне.