De moderne webshop    Ontwerp en Techniek
InhoudWat is een moderne webshop?Interactie Ontwerp & PrototypingDe techniekSoftware: AanradersHandige links
Wat is een moderne     webshop?Helder product overzichtGoede cross- en upsell mogelijkhedenDuidelijk kassaproces &verwacht...
Wat is een moderne     webshop?Helder product overzichtGoede cross- en upsell mogelijkhedenDuidelijk kassaproces &verwacht...
Product overzicht :D
Product overzicht :D
Product overzicht :’(
Wat is een moderne     webshop?Helder product overzichtGoede cross- en upsell mogelijkhedenDuidelijk kassaproces &verwacht...
Cross-selling (1)
Cross-selling (2)
Upselling
Upselling
Wat is een moderne     webshop?Helder product overzichtGoede cross- en upsell mogelijkhedenDuidelijk kassaproces &verwacht...
Stappen indicator, registratie, terug knop
Is het product op voorraad?
Hulp bij kopen
Vraag Anna
Houd mensen binnen het kassaproces!
Geef feedback
Interactie Ontwerp &     PrototypingPaper prototypingWireframing software  Axure  Just in mindUser testing  Usabilla
Paper prototyping
Wireframing software
User testing - Scenario (1)
User testing - Scenario (2)
De techniekWat is PHP en wat kan je ermee?My weapon of choice: WordPress  De basis  Plug-ins  Het principe van templates
HTML is statischPHP is dynamisch
SimpelIf ( $a === 1 ) { do something }
My weapon of choice:    WordPressDe basisPlug-insHet principe van templates
My weapon of choice:    WordPressDe basisPlug-insHet principe van templates
De basis (1)
De basis (2)
My weapon of choice:    WordPressDe basisPlug-insHet principe van templates
Shopp plug-in (1)
Shopp plug-in (2)
Shopp plug-in (3)
Shopp plug-in (4)
Shopp plug-in (5)
My weapon of choice:    WordPressDe basisPlug-insHet principe van templates
Het principe van templates
Eigenschappen thema
Index.php - Main template file
Loop.php - “The Loop” template
“The Loop”
Eigen (pagina) template
Eigen (pagina) template
Software: AanradersWordPress + Plug-inPrestashopMagentoJoomla + Virtuemart
Handige links (1)Excellent Checkout Process - http://www.smashingmagazine.com/2009/05/28/12-tips-for-designing-an-excellen...
Handige links (2)Webshop Software    WordPress - http://nl.wordpress.org        Zelf je thema bouwen - http://codex.wordpr...
Handige links (3)Wordpress plug-ins   Shopp plug-in - http://shopplugin.net   WP e-Commerce - http://www.instinct.co.nz/e-...
Upcoming SlideShare
Loading in …5
×

Moderne webshop

926 views
862 views

Published on

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.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
926
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Moderne webshop

  1. 1. De moderne webshop Ontwerp en Techniek
  2. 2. InhoudWat is een moderne webshop?Interactie Ontwerp & PrototypingDe techniekSoftware: AanradersHandige links
  3. 3. Wat is een moderne webshop?Helder product overzichtGoede cross- en upsell mogelijkhedenDuidelijk kassaproces &verwachtingsmanagement
  4. 4. Wat is een moderne webshop?Helder product overzichtGoede cross- en upsell mogelijkhedenDuidelijk kassaproces &verwachtingsmanagement
  5. 5. Product overzicht :D
  6. 6. Product overzicht :D
  7. 7. Product overzicht :’(
  8. 8. Wat is een moderne webshop?Helder product overzichtGoede cross- en upsell mogelijkhedenDuidelijk kassaproces &verwachtingsmanagement
  9. 9. Cross-selling (1)
  10. 10. Cross-selling (2)
  11. 11. Upselling
  12. 12. Upselling
  13. 13. Wat is een moderne webshop?Helder product overzichtGoede cross- en upsell mogelijkhedenDuidelijk kassaproces &verwachtingsmanagement
  14. 14. Stappen indicator, registratie, terug knop
  15. 15. Is het product op voorraad?
  16. 16. Hulp bij kopen
  17. 17. Vraag Anna
  18. 18. Houd mensen binnen het kassaproces!
  19. 19. Geef feedback
  20. 20. Interactie Ontwerp & PrototypingPaper prototypingWireframing software Axure Just in mindUser testing Usabilla
  21. 21. Paper prototyping
  22. 22. Wireframing software
  23. 23. User testing - Scenario (1)
  24. 24. User testing - Scenario (2)
  25. 25. De techniekWat is PHP en wat kan je ermee?My weapon of choice: WordPress De basis Plug-ins Het principe van templates
  26. 26. HTML is statischPHP is dynamisch
  27. 27. SimpelIf ( $a === 1 ) { do something }
  28. 28. My weapon of choice: WordPressDe basisPlug-insHet principe van templates
  29. 29. My weapon of choice: WordPressDe basisPlug-insHet principe van templates
  30. 30. De basis (1)
  31. 31. De basis (2)
  32. 32. My weapon of choice: WordPressDe basisPlug-insHet principe van templates
  33. 33. Shopp plug-in (1)
  34. 34. Shopp plug-in (2)
  35. 35. Shopp plug-in (3)
  36. 36. Shopp plug-in (4)
  37. 37. Shopp plug-in (5)
  38. 38. My weapon of choice: WordPressDe basisPlug-insHet principe van templates
  39. 39. Het principe van templates
  40. 40. Eigenschappen thema
  41. 41. Index.php - Main template file
  42. 42. Loop.php - “The Loop” template
  43. 43. “The Loop”
  44. 44. Eigen (pagina) template
  45. 45. Eigen (pagina) template
  46. 46. Software: AanradersWordPress + Plug-inPrestashopMagentoJoomla + Virtuemart
  47. 47. Handige links (1)Excellent Checkout Process - http://www.smashingmagazine.com/2009/05/28/12-tips-for-designing-an-excellent-checkout-processPaper prototyping - http://www.alistapart.com/articles/paperprototypingWireframing software Axure - http://axure.com Just in mind - http://justinmind.com Andere pakketten - http://www.heeftstijl.nl/design/review- wireframe-pakketten-deel-1
  48. 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. 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

×