У вас уже є логотип, упаковка або фірмовий колір, але нова сторінка виглядає чужою для бренду? Щоб створити лендінг у фірмових кольорах, зазвичай не потрібно перемальовувати кожен блок. Достатньо визначити основну палітру, застосувати її до сторінки, а потім точково підправити елементи, яким бракує контрасту. Так оформлення підтримуватиме товар, а не змагатиметься з ним за увагу.
Почніть із кольору, який уже є у вас
Візьміть відтінок із логотипа чи упаковки. Якщо маєте точний HEX-код, введіть його в палітрі редактора. Якщо коду немає, піпетка допоможе обрати колір безпосередньо із зображення. Але копіювати всі барви з фото не варто: товар на строкатому фоні може загубитися. Для основного тексту залиште спокійний фон і добре помітний колір літер.
Задайте основу й перевірте окремі блоки
Спочатку налаштуйте загальні кольори сторінки. Перегляньте, як вони застосувалися до першого екрана, переваг, ціни та футера. Потім відкрийте налаштування конкретного блоку й змініть його фон або текст там, де глобальна палітра дає невдале поєднання. Кнопку замовлення зробіть помітною, але не покладайтеся тільки на колір: напис «Замовити» має чітко пояснювати дію.
Перевірте лендінг на телефоні. Світло-сірий текст на білому тлі може здаватися елегантним на великому моніторі, але погано читатися на вулиці. Так само яскравий фон під довгим описом утомлює очі. Погляньте на сторінку як покупець: чи легко знайти ціну, умови доставки та кнопку? Про роботу з блоками редактора є матеріал «Як користуватись редактором LP-Mobi ефективно».
Можна використати просте правило для першого варіанта: один основний колір бренду, нейтральний фон і окремий колір для дії. Це не обов’язкова формула дизайну, а зручна відправна точка. Якщо кнопка такого самого відтінку, як сусідній фон, вона губиться; якщо всі картки різнокольорові, важко зрозуміти, куди дивитися. Спочатку перевірте читабельність і логіку, а вже потім підбирайте дрібні відтінки рамок та підписів.
Кольори можуть змінюватися залежно від екрана, тому не оцінюйте їх лише на одному пристрої. Якщо у вас є брендбук, звірте коди кольорів із ним; якщо немає, збережіть вибрані HEX-коди для наступних сторінок. Так усі товарні пропозиції виглядатимуть пов’язаними з брендом. Особливо уважно перегляньте текст на кольорових плашках: він має залишатися читабельним і тоді, коли яскравість телефона зменшена.
У LP-MOBI можна створити лендінг, налаштувати загальну палітру й окремо змінити колір потрібних блоків. Перш ніж публікувати, попросіть когось відкрити сторінку на своєму телефоні й сказати, куди він натиснув би для замовлення. Якщо відповідь неочевидна, виправте акценти. Сторінка має бути впізнаваною для клієнта бренду, але зручною і для того, хто бачить вас уперше.
