1. Почніть із власних фото, а не з галереї
Дизайн магазину в BotLaunch визначає три речі: палітру, шрифти та компонування. Він не визначає ваші фото, а саме вони займають більшу частину екрана магазину. Тож спершу придивіться до своїх знімків.
Вони світлі, на білому тлі, чи темні й атмосферні? Лаконічні чи з безліччю реквізиту? Дизайн із насиченим кольоровим тлом конкурує з фотографіями товарів у повсякденному оточенні, де багато деталей. Натомість прості фото товарів на білому тлі добре поєднуються зі сміливішим дизайном, адже сторінка додає виразності, якої бракує самим знімкам.
Перш ніж відкривати галерею, розмістіть поруч шість справжніх фото своїх товарів. Ви одразу відсієте половину дизайнів і перестанете вибирати оформлення лише через товари, на яких його показано в прикладі.
2. Спершу відберіть за нішею, потім за настроєм
Є понад 100 готових дизайнів для більш ніж 30 ніш магазинів, зокрема одягу, кросівок, косметики, прикрас, квітів, випічки, зоотоварів, декору для дому, електроніки та книжок. Почніть зі своєї ніші. Потім перегляньте суміжні: виробнику свічок може краще підійти дизайн для декору для дому чи подарунків.
У межах ніші вибирайте за настроєм. Стриманий чи яскравий. Теплий чи прохолодний. Залиште три варіанти, не більше. Довший список лише відкладає рішення.
Якщо починаєте з нуля, конструктор магазинів зі штучним інтелектом підбере дизайн за описом магазину в одному реченні. Сприймайте його вибір як початковий варіант, який можна вільно змінювати.
3. Насамперед налаштуйте палітру
Колір впливає на враження від магазину більше, ніж будь-яке інше налаштування, і потребує найменше зусиль. Є 24 готові палітри. Спробуйте кілька, перш ніж змінювати шрифти чи компонування.
- Візьміть акцентний колір із того, що вже маєте: паковання, логотипа чи стрічки на коробках.
- Текст має легко читатися. Тримайте телефон на відстані витягнутої руки й перевірте, чи можете прочитати ціну.
- Не підбирайте колір сторінки під товар. Червоні сумки на червоній сторінці губляться.
- Одного акценту достатньо. Якщо виділено все, не виділено нічого.
4. Вибирайте шрифти на прикладі справжніх назв товарів
На вибір є 24 шрифти. Оцінюйте їх не за зразком тексту, а за найдовшою назвою вашого товару та справжньою ціною.
Чи займає довга назва три рядки в сітці товарів? Чи правильно виглядають літери вашої мови? Чи легко прочитати ціну з першого погляду? Декоративний шрифт підходить для назви магазину та заголовків. Для описів і цін потрібен простий.
Спершу змініть шрифт заголовків і подивіться на магазин. Потім змініть шрифт основного тексту. Якщо зміните обидва одночасно й сторінка виглядатиме гірше, не знатимете, який із них став причиною.
5. Оцінюйте дизайн на телефоні, у Telegram
Магазин працює як Mini App, що відкривається всередині чату, і люди користуються ним однією рукою. Дизайн, який під час вибору здавався просторим, на маленькому екрані може виглядати тісним. Відкрийте магазин у Telegram на власному телефоні й перевірте чотири речі.
- Перший екран. Чи зрозуміло без прокручування, що ви продаєте?
- Сітка товарів. Скільки товарів видно одночасно й чи підходить це для вашого каталогу?
- Кнопки. Чи можете ви великим пальцем натиснути кнопку додавання до кошика, не зачепивши щось інше?
- Освітлення. Подивіться на магазин надворі за денного світла, а потім уночі зі зменшеною яскравістю екрана.
Потім дайте телефон людині, яка ще не бачила магазину, і попросіть знайти конкретний товар. Спостерігайте, де вона вагається. Нічого не підказуйте.
6. Змінюйте по одній речі й вчасно зупиніться
Після застосування дизайну все залишається доступним для редагування. Ця свобода водночас створює ризик. Змініть палітру й оцініть результат. Змініть шрифт і знову подивіться. Записуйте, що саме змінили, щоб можна було повернутися до попереднього варіанта.
Навчіться відрізняти проблеми дизайну від проблем вмісту. Якщо товарам тісно або банер займає весь перший екран, це проблеми компонування, які можна виправити, вибравши інше. Розмите фото, нечітка назва товару й відсутня ціна є проблемами вмісту. Жоден дизайн їх не виправить.
Встановіть собі межу: один вечір на вибір і налаштування, а потім запускайте магазин. Перші запитання справжніх покупців розкажуть про ваш магазин більше, ніж ще одна година попередніх переглядів. Якщо троє людей запитують про те саме, на сторінці бракує речення, і додати його корисніше, ніж змінити палітру.