Prezentacija na temu "Conversion Centered Design (CCD)" održana 14.11.2013. u Hypo centru u Zagrebu.

1. Weboo18+
Conversion Centered Design (CCD)

2. Saša Stanković
Head of client services Croatia
Interactive agency
mail: sasa@interactive.ag
web: interactive.ag
linkedin: linkedin.com/company/interactive.agency
facebook: facebook.com/interactive.agency.hrvatska
facebook.com/interactive.agency.slovenija

3. CONVERSION CENTERED DESIGN

4. Conversion Centered Design
• Trebamo li novu internet stranicu?
(a tek smo završili postojeću)

5. Conversion Centered Design
• Trebamo li novu internet stranicu?
(a tek smo završili postojeću)
• Korisnici dolaze kroz razne kanale
komunikacije, ali broj konverzija je iznimno
mali

6. Conversion Centered Design
• Dizajn kojem je cilj samo jedan - konverzija

7. Conversion Centered Design
Dizajn
Psihologija
KONVERZIJA

8. Conversion Centered Design
• CCD se sastoji od 7 elemenata
(7 elemenata u dvije skupine: dizajn & psihologija)

9. Conversion Centered Design
• CCD se sastoji od 7 elemenata
(7 elemenata u dvije skupine: dizajn & psihologija)
DIZAJN
PSIHOLOGIJA
Enkapsulacija
Hitnost i oskudica
Kontrast i boja
Isprobajte prije kupnje
Upute
Društveni pokazatelj kvalitete
(social proof)
Bijeli/prazan prostor

10. CONVERSION CENTERED DESIGN
DIZAJN

11. Conversion Centered Design
• DIZAJN
1.
2.
3.
4.
Enkapsulacija
Kontrast i boja
Upute
Bijeli/prazan prostor

12. Conversion Centered Design
• DIZAJN
1. Enkapsulacija

13. Enkapsulacija – tehnika zaokupljanja/usmjeravanja
pogleda korisnika u smjeru koji mi želimo

14. Conversion Centered Design
• DIZAJN
1. Enkapsulacija
2. Kontrast i boja

15. Kontrast i boja – tehnika naglašavanja CTA gumba na
odredišnoj stranici korištenjem boja

16. Conversion Centered Design
• DIZAJN
1. Enkapsulacija
2. Kontrast i boja
koju boju koristiti?

17. Conversion Centered Design
Crvena - snažno, razdražujuće djelovanje, popravlja
raspoloženje, ubrzava puls, disanje i mišićnu napetost.
Žuta - djeluje poticajno, izaziva radost i veselje,i predstavlja
nadu. Velike je vidljivosti i upotrebljava se u prometu.
Narančasta - djeluje svečano, veselo, izaziva osjećaj
zdravlja, životne radosti.
Zelena - odmara, djeluje blago, stvara unutrašnji mir,
odmara vid.
Plava - djeluje smirujuće, suprotno od crvene, pasivno,
hladno, potiče koncentraciju i umiruje.
Ljubičasta - djeluje mistično, tajanstveno, očaravajuće i
prigušuje strasti.
Bijela - umara
Psihološko djelovanje boja: hr.wikipedia.org/wiki/Boja

18. Conversion Centered Design
• DIZAJN
1. Enkapsulacija
2. Kontrast i boja
3. Upute

19. Upute – korištenje vizualnih indikatora za usmjeravanje
pogleda korisnika

20. Conversion Centered Design
• DIZAJN
1. Enkapsulacija
2. Kontrast i boja
3. Upute
4. Bijeli/prazan prostor

22. CONVERSION CENTERED DESIGN
DIZAJN (PRIMJER IZ PRAKSE)

23. Enkapsulacija

24. Kontrast & boja

25. Upute

26. Bijeli/prazan prostor

27. CONVERSION CENTERED DESIGN
PSIHOLOGIJA

28. Conversion Centered Design
• PSIHOLOGIJA
1. Hitnost i oskudica
2. Isprobajte prije kupnje
3. Društveni pokazatelj kvalitete
(social proof)

29. Conversion Centered Design
• PSIHOLOGIJA
1. Hitnost i oskudica

30. Hitnost – postavljanje vremenskog ograničenja dodatno
potiče „hitnost” kupovine

31. Hitnost – postavljanje vremenskog ograničenja dodatno
potiče „hitnost” kupovine
(imamo maksimalno 4 minute za kupnju)

32. Oskudica – primjer „oskudice” sa „samo još tri sjedala”

33. Conversion Centered Design
• PSIHOLOGIJA
1. Hitnost i oskudica
2. Isprobajte prije kupnje

37. Conversion Centered Design
• PSIHOLOGIJA
1. Hitnost i oskudica
2. Isprobajte prije kupnje
3. Društveni pokazatelj kvalitete
(social proof)

39. CONVERSION CENTERED DESIGN
UKRATKO

40. Conversion Centered Design
• CCD se sastoji od 7 elemenata
(7 elemenata u dvije skupine: dizajn & psihologija)
DIZAJN
PSIHOLOGIJA
Enkapsulacija
Hitnost i oskudica
Kontrast i boja
Isprobajte prije kupnje
Upute
Društveni pokazatelj kvalitete
Bijeli/prazan prostor

41. hvala na pažnji!
mail: sasa@interactive.ag
web: interactive.ag
linkedin: linkedin.com/company/interactive.agency
facebook: facebook.com/interactive.agency.hrvatska
facebook.com/interactive.agency.slovenija