Як створити лендінг, який зручно читати зі смартфона

На комп’ютері сторінка може виглядати охайно, а на телефоні фото займе весь екран і відсуне ціну далеко вниз. Для людини, яка перейшла з реклами в соцмережі, це зовсім інший досвід. Тому, якщо ви хочете створити лендінг для продажів, мобільну версію краще перевіряти з самого початку, а не після того, як лендінг уже опублікований і на нього пішов трафік.

Що залишити в першому екрані

Назвіть товар, покажіть одне сильне фото, коротко поясніть користь і дайте зрозумілу дію. Довгий опис бренду можна перенести нижче. Якщо продаєте рюкзак, відвідувачу спочатку важливі його вигляд, розмір і ціна. Історію виробництва він прочитає, коли захоче дізнатися більше. Переконайтеся, що текст не накладається на фото, а кнопка помітна без пошуку по всій сторінці.

Блоки мають вести до рішення

Після першого екрана добре працює короткий список переваг, кілька фото з різних ракурсів, характеристики, доставка й відгуки. Кожен блок відповідає на окреме запитання. Великі суцільні абзаци важко читати під час прокручування; краще розбити їх підзаголовками. Але не дробіть думку на десятки карток лише заради оформлення. Відстань між елементами має допомагати натискати кнопки, а не змушувати нескінченно гортати.

Особливу увагу приділіть формі замовлення. Попросіть лише ті дані, без яких менеджер не зможе зв’язатися з покупцем або оформити заявку. Надішліть тестове замовлення зі свого телефона й перевірте, чи є зрозуміле повідомлення після відправлення. Ще кілька критеріїв зібрано в статті «Мобільна версія лендінгу: чому це вирішує продажі».

Не оцінюйте зручність лише на новому великому смартфоні. Відкрийте сторінку на меншому екрані, а якщо можете — попросіть колегу перевірити її на іншій операційній системі. Зверніть увагу, чи не обрізалося фото, чи не з’їхала ціна та чи можна натиснути кнопку одним пальцем. Якщо в галереї п’ять майже однакових знімків, залиште ті, що показують різні деталі. Мобільному покупцеві важлива ясність, а не кількість фотографій.

Після запуску перевіряйте заявки за типом пристрою: так ви побачите, чи мобільним відвідувачам справді зручно користуватися сторінкою.

Щоб створити лендінг для мобільного трафіку, можна зібрати потрібні блоки в LP-MOBI, додати власні фото й відразу відкрити результат на реальному смартфоні. Перевірте сторінку при звичайній яскравості екрана та через мобільний інтернет. Так швидше помітите слабкий контраст, дрібний текст або фото, яке важко роздивитися. Після правок повторіть тест: попередній перегляд у редакторі не замінює повний шлях покупця від посилання до заявки.