Как дизайнът продава Design WeekEnd
Transcript of Как дизайнът продава Design WeekEnd
![Page 1: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/1.jpg)
Георги Кандев
Как дизайнът продава Design WeekEnd 18.03.2017
![Page 2: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/2.jpg)
Project Manager в агенция Netpeak;
Лектор по дигитален маркетинг & SEO;
Водещ на уебинари за онлайн маркетинг;
Проповядвам заедно с целия екип на Netpeak Bulgaria SEO & PPC на настоящето за клиентските проекти;
Сертифициран специалист по всички видове реклами в Google Adwords;
Сертифициран Bing Ads специалист;
Сертифициран Google Analytics Специалист;
4 години професионален опит в областта на онлайн маркетинга.
Да се запознаем. Аз съм Георги Кандев
![Page 3: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/3.jpg)
![Page 4: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/4.jpg)
1. Защо е важно да имаш модерен и красив дизайн2. На кои страници да наблегнем3. 9 лесни начина за увеличение на конверсиите в онлайн
магазина4. Въпроси
План за днешната лекция
![Page 5: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/5.jpg)
Защо е важно да имаш модерен и красив дизайн
![Page 6: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/6.jpg)
![Page 7: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/7.jpg)
![Page 8: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/8.jpg)
На кои страници да наблегнем
![Page 9: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/9.jpg)
Защо да се наблегне по-малко на главна страница
![Page 10: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/10.jpg)
![Page 11: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/11.jpg)
![Page 12: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/12.jpg)
![Page 13: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/13.jpg)
Важност на главната и промоционалната страници
![Page 14: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/14.jpg)
9 лесни начина за увеличение на
конверсиите в онлайн магазина
![Page 15: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/15.jpg)
1. Показвайте 4-5 продукта на ред
![Page 16: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/16.jpg)
Това ще помогне на потребителите да видят повече продукти на една страница.
● Пускането по 4 продукта на страница довежда до 19% увеличение на конверсиите.
● Пускането на 5 колони довежда до ръст от 10% в сравнение с 4 колони.
![Page 17: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/17.jpg)
2. Как да подредим продуктите си
![Page 18: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/18.jpg)
Как да подредим продуктите си на втората страница
![Page 19: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/19.jpg)
3. Позиционирайте бутона “КУПИ” върху изображението на продукта
![Page 20: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/20.jpg)
4. Оформяне на бърза поръчка
![Page 21: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/21.jpg)
● Блокът допринася 19% от всички заявки;● Конверсии на поръчките — 1,28% vs. 1,4%;● Количество отказани поръчки — 21% vs. 13%.
Резултати (ако някой се съмнява в тях)
![Page 22: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/22.jpg)
Премаването на маркирания номер доведе до 30% спад в показванията на телефонния номер!
5. Маркирайте телефонния номер
![Page 23: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/23.jpg)
Резултат: 28% повече заявки за този продукт.
6. На страницата с отзиви добавете избрания продукт в дясната колона
![Page 24: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/24.jpg)
Средната версия доведе до 4% повече конверсии.
7. В мобилната версия показвайте продуктите в 2 колони
![Page 25: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/25.jpg)
Резултати: +9% повече заявки при lazyloading и +8% при наличие на бутон CTA
8. Използвайте Lazi loading в мобилната версия
![Page 26: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/26.jpg)
Използване на правилни форми води до 10% увеличении на конверсиите.
9. Използвайте правилни форми при чек-аут-а
![Page 27: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/27.jpg)
Полезен списък с типове клавиатури:
● email — input type="email";
● телефон — input type="tel";
● адрес — input type="text";
● индекс, номер на карта — input type="text" pattern="\
d*";
● дата — input type="date";
● бутон «Изпрати» — input type="submit".
Източник: https://baymard.com/labs/touch-keyboard-types
![Page 28: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/28.jpg)
Заключение – 10 точки:1. Подреждаме продуктите в каталога в 4-5 колони.2. Помним, че най-печелившата позиция на продукта в каталога е
горният ляв ъгъл.3. Поставяме бутона «Купи» на снимката (но не закриваме цялата
снимка с бутона).4. Грамотно оформяме блока с бутона «Обадете ми се».5. Маркираме номера за контакт в картичката на продукта.6. На страницата с отзиви добавяме продукти в дясната колона.7. В мобилната версия на сайта показваме продуктите в две
колони.8. Показваме различни типове на мобилни клавиатури за
различни полета (email, телефон, адрес) на етап оформяне на поръчка.
9. В мобилната версия на сайта използваме «мързеливото зареждане» и залепващи CTA-бутони.
10.Събираме отзиви (дори негативните дават възможности за печалба).
![Page 29: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/29.jpg)
Въпроси?
![Page 30: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/30.jpg)
Промокод за 10% отстъпка: Kandeto
![Page 33: Как дизайнът продава Design WeekEnd](https://reader035.fdocuments.net/reader035/viewer/2022062523/58e902731a28abc7598b4ef9/html5/thumbnails/33.jpg)