Een presentatie is ter ondersteuning van een gastcollege dat ik geef aan het Cibap (vakschool voor de verbeelding) te Zwolle. Naast mijn beknopte visie op e-commerce wordt ook een stuk techniek behandeld dat nodig is om zelf een webshop op te zetten.

1. De moderne webshop
Ontwerp en Techniek

2. Inhoud
Wat is een moderne webshop?
Interactie Ontwerp & Prototyping
De techniek
Software: Aanraders
Handige links

3. Wat is een moderne
webshop?
Helder product overzicht
Goede cross- en upsell mogelijkheden
Duidelijk kassaproces &
verwachtingsmanagement

4. Wat is een moderne
webshop?
Helder product overzicht
Goede cross- en upsell mogelijkheden
Duidelijk kassaproces &
verwachtingsmanagement

5. Product overzicht :D

6. Product overzicht :D

7. Product overzicht :’(

8. Wat is een moderne
webshop?
Helder product overzicht
Goede cross- en upsell mogelijkheden
Duidelijk kassaproces &
verwachtingsmanagement

9. Cross-selling (1)

10. Cross-selling (2)

11. Upselling

12. Upselling

13. Wat is een moderne
webshop?
Helder product overzicht
Goede cross- en upsell mogelijkheden
Duidelijk kassaproces &
verwachtingsmanagement

14. Stappen indicator, registratie, terug knop

15. Is het product op voorraad?

16. Hulp bij kopen

17. Vraag Anna

18. Houd mensen binnen het kassaproces!

19. Geef feedback

20. Interactie Ontwerp &
Prototyping
Paper prototyping
Wireframing software
Axure
Just in mind
User testing
Usabilla

21. Paper prototyping

22. Wireframing software

23. User testing - Scenario (1)

24. User testing - Scenario (2)

25. De techniek
Wat is PHP en wat kan je ermee?
My weapon of choice: WordPress
De basis
Plug-ins
Het principe van templates

26. HTML is statisch
PHP is dynamisch

27. Simpel
If ( $a === 1 ) { do something }

28. My weapon of choice:
WordPress
De basis
Plug-ins
Het principe van templates

29. My weapon of choice:
WordPress
De basis
Plug-ins
Het principe van templates

30. De basis (1)

31. De basis (2)

32. My weapon of choice:
WordPress
De basis
Plug-ins
Het principe van templates

33. Shopp plug-in (1)

34. Shopp plug-in (2)

35. Shopp plug-in (3)

36. Shopp plug-in (4)

37. Shopp plug-in (5)

38. My weapon of choice:
WordPress
De basis
Plug-ins
Het principe van templates

39. Het principe van templates

40. Eigenschappen thema

41. Index.php - Main template file

42. Loop.php - “The Loop” template

43. “The Loop”

44. Eigen (pagina) template

45. Eigen (pagina) template

46. Software: Aanraders
WordPress + Plug-in
Prestashop
Magento
Joomla + Virtuemart

47. Handige links (1)
Excellent Checkout Process - http://www.smashingmagazine.com/
2009/05/28/12-tips-for-designing-an-excellent-checkout-process
Paper prototyping - http://www.alistapart.com/articles/
paperprototyping
Wireframing software
Axure - http://axure.com
Just in mind - http://justinmind.com
Andere pakketten - http://www.heeftstijl.nl/design/review-
wireframe-pakketten-deel-1

48. Handige links (2)
Webshop Software
WordPress - http://nl.wordpress.org
Zelf je thema bouwen - http://codex.wordpress.org/
Theme_Development
WordPress Codex - http://codex.wordpress.org
Prestashop - http://www.prestashop.com
Magento - http://www.magentocommerce.com
Joomla - http://www.joomla.org
Virtuemart - http://virtuemart.net

49. Handige links (3)
Wordpress plug-ins
Shopp plug-in - http://shopplugin.net
WP e-Commerce - http://www.instinct.co.nz/e-commerce
Andere plug-ins - http://speckyboy.com/2010/06/16/the-
ultimate-wordpress-shoppingecommerce-toolbox-plugins-
and-themes