Головне — на першому екрані
Що ви робите, для кого — і кнопку звʼязку видно одразу, без прокрутки. Екран телефона малий, тож туди йде лише найсильніше.
ПослугиРозробка сайту під ключСайт для телефона
Адаптивний сайт під ваш телефон
Адаптивний сайт під ваш телефон
Адаптивний дизайн сайту — коли одна сторінка сама підлаштовується під екран. Вас часто шукають із телефона, тож кнопки, форму й дзвінок роблю під палець.
- від $400
- Кнопки під палець
- Дзвінок в одне натискання
Просто напишіть — далі я сам. Порахую задачу безкоштовно.
детейлінг-студія · Київ
Авто як із салону — за один день
Полірування, кераміка, хімчистка. Забираємо й привозимо авто.
★★★★★4,9 · 312 відгуків у Google
Послуги
Полірування кузова6 год
Керамічне покриття8 год
Хімчистка салону4 год
Роботи
Відгуки
«Забрав увечері — машина як нова»Андрій · ★★★★★
«Залишила заявку з телефона за хвилину»Ірина · ★★★★★
Telegram · Viber · WhatsApp
Заявка
Імʼя
Телефон
Послуга
Дякуємо!Заявка вже у студії — відповімо найближчим часом.
Що це
Що таке адаптивний веб-дизайн
Адаптив у веб-дизайні — це коли один сайт сам підлаштовується під екран: телефон, планшет чи компʼютер. Це не окрема мобільна версія, а та сама сторінка: на вузькому екрані вона стає в одну колонку, кнопки більшають, а меню згортається в один значок.
Кому це важливо: усім, до кого клієнти приходять із телефона — з Google, Instagram чи реклами. Людина стоїть у черзі або їде в транспорті й відкриває сайт однією рукою. Якщо в кнопку важко влучити, а текст доводиться розтягувати пальцями, вона закриває вкладку й іде до іншого.
Гордій Фісун · оновлено
Деталі
Дизайн мобільної версії сайту: з чого складається
Дрібниці, через які з телефона пишуть, а не закривають сторінку.
Текст без збільшення
Шрифт читається без розтягування пальцями, рядки короткі. Таблиці й довгі списки перебудовую, щоб нічого не доводилось гортати вбік.
Меню, яке не заважає
На телефоні меню ховається під одну кнопку й відкривається на весь екран. Пункти великі — легко влучити навіть на ходу.
Нічого не зʼїжджає
Текст і фото не виходять за край екрана, а спливне вікно не закриває кнопку заявки.
Фото під розмір екрана
На телефон не вантажиться величезна картинка для монітора: фото підбираються під ширину, тож сторінка не гальмує.
Що ви отримуєте
Адаптивний дизайн сайту: що входить
Одна сторінка — будь-який екран
Текст, фото й кнопки самі перебудовуються під ширину: на телефоні — в одну колонку, на компʼютері — ширше. Окрему мобільну версію тримати не треба.
Кнопки й форма під палець
Кнопки великі й з відступами, щоб не влучити в сусідню. У формі — лише потрібні поля, а для номера одразу відкривається цифрова клавіатура.
Дзвінок одним натисканням
Номер на сайті — це кнопка: торкнулися, і телефон уже набирає вас. Поруч можна поставити Telegram, Viber чи WhatsApp — кому як зручніше.
Швидко відкривається
Сайт роблю руками, не в конструкторі, тож на сторінці немає зайвого. Вона швидко відкривається з телефона, і її видно в Google.
Перевірка
Як я перевіряю адаптивну верстку сайту
Перед запуском сторінка проходить різні екрани — і ваш телефон теж.
Спершу телефон
Сторінку збираю з вузького екрана: що зручно там, те легко розгорнути й на широкому.
Різні ширини
Дивлюся сторінку на маленькому телефоні, планшеті й великому моніторі — щоб нічого не обрізалось і не налазило одне на одне.
Ваш телефон
Надсилаю посилання на живу версію: ви відкриваєте її у своєму телефоні, а не дивитесь картинки. Правки вносимо тут же.
Шлях клієнта
Перед запуском проходжу шлях клієнта з телефона: відкрити, подзвонити, залишити заявку — і дивлюся, щоб вона дійшла вам у Telegram.
5,0 · 37 відгуків
- Ви вирішуєте, чи рухатися даліПісля кожного етапу можете зупинити проєкт. Оплачуєте лише виконані та прийняті етапи. Передоплату за нерозпочаті — повертаю.
- Ціна кінцева. Перевитрати — моїЗадача не змінилась — сума, названа на старті, не росте. Змінилась — спершу говоримо, потім роблю.
Питання
Питання про адаптивний сайт
Що таке адаптивний дизайн сайту?
Адаптивний дизайн — це коли одна й та сама сторінка сама підлаштовується під екран телефона, планшета чи компʼютера. Текст, фото й кнопки перебудовуються так, щоб сайтом було зручно користуватися без збільшення.
Адаптивна верстка чи окрема мобільна версія — у чому різниця?
Окрема мобільна версія — це другий сайт, який треба оновлювати окремо. Адаптивна верстка — один сайт для всіх екранів: змінили текст один раз, і він оновився всюди.
Чи буде адаптивним лендінг?
Так, адаптивний лендінг — така сама норма, як і адаптивний сайт. Лендінг — одна сторінка під одну послугу, тож на телефоні кнопка заявки має бути під рукою, а текст — читатися без збільшення.
Старий сайт погано виглядає на телефоні. Що робити?
Якщо старий сайт погано виглядає на телефоні, його можна переробити повністю — новий буде адаптивним від початку. Якщо вистачить доробити наявний, для цього є окрема послуга «Оновлення та підтримка сайту».
Як я побачу, який вигляд сайт матиме на телефоні, ще до запуску?
Ще до запуску ви відкриваєте живу версію сайту у своєму телефоні — я надсилаю посилання. Це робоча сторінка, а не картинка, тож правки вносимо одразу.
Скільки коштує сайт, зручний на телефоні?
Адаптивність окремо не оплачується — вона входить у кожен сайт. Ціна сайту — від $400; точну суму назву після першої розмови, і далі вона не зросте.
Що підготувати, щоб замовити сайт для телефона?
Для старту досить одного повідомлення: що за бізнес і звідки приходять клієнти, можна голосовим. Якщо сайт уже є, надішліть посилання — я подивлюся, як він відкривається на телефоні.