Moderne webshop

49
De moderne webshop Ontwerp en Techniek

description

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.

Transcript of Moderne webshop

Page 1: Moderne webshop

De moderne webshopOntwerp en Techniek

Page 2: Moderne webshop

Inhoud

Wat is een moderne webshop?

Interactie Ontwerp & Prototyping

De techniek

Software: Aanraders

Handige links

Page 3: Moderne webshop

Wat is een moderne webshop?

Helder product overzicht

Goede cross- en upsell mogelijkheden

Duidelijk kassaproces & verwachtingsmanagement

Page 4: Moderne webshop

Wat is een moderne webshop?

Helder product overzicht

Goede cross- en upsell mogelijkheden

Duidelijk kassaproces & verwachtingsmanagement

Page 5: Moderne webshop

Product overzicht :D

Page 6: Moderne webshop

Product overzicht :D

Page 7: Moderne webshop

Product overzicht :’(

Page 8: Moderne webshop

Wat is een moderne webshop?

Helder product overzicht

Goede cross- en upsell mogelijkheden

Duidelijk kassaproces & verwachtingsmanagement

Page 9: Moderne webshop

Cross-selling (1)

Page 10: Moderne webshop

Cross-selling (2)

Page 11: Moderne webshop

Upselling

Page 12: Moderne webshop

Upselling

Page 13: Moderne webshop

Wat is een moderne webshop?

Helder product overzicht

Goede cross- en upsell mogelijkheden

Duidelijk kassaproces & verwachtingsmanagement

Page 14: Moderne webshop

Stappen indicator, registratie, terug knop

Page 15: Moderne webshop

Is het product op voorraad?

Page 16: Moderne webshop

Hulp bij kopen

Page 17: Moderne webshop

Vraag Anna

Page 18: Moderne webshop

Houd mensen binnen het kassaproces!

Page 19: Moderne webshop

Geef feedback

Page 20: Moderne webshop

Interactie Ontwerp & Prototyping

Paper prototyping

Wireframing software

Axure

Just in mind

User testing

Usabilla

Page 21: Moderne webshop

Paper prototyping

Page 22: Moderne webshop

Wireframing software

Page 23: Moderne webshop

User testing - Scenario (1)

Page 24: Moderne webshop

User testing - Scenario (2)

Page 25: Moderne webshop

De techniek

Wat is PHP en wat kan je ermee?

My weapon of choice: WordPress

De basis

Plug-ins

Het principe van templates

Page 26: Moderne webshop

PHP is dynamisch

HTML is statisch

Page 27: Moderne webshop

If ( $a === 1 ) { do something }

Simpel

Page 28: Moderne webshop

My weapon of choice: WordPress

De basis

Plug-ins

Het principe van templates

Page 29: Moderne webshop

My weapon of choice: WordPress

De basis

Plug-ins

Het principe van templates

Page 30: Moderne webshop

De basis (1)

Page 31: Moderne webshop

De basis (2)

Page 32: Moderne webshop

My weapon of choice: WordPress

De basis

Plug-ins

Het principe van templates

Page 33: Moderne webshop

Shopp plug-in (1)

Page 34: Moderne webshop

Shopp plug-in (2)

Page 35: Moderne webshop

Shopp plug-in (3)

Page 36: Moderne webshop

Shopp plug-in (4)

Page 37: Moderne webshop

Shopp plug-in (5)

Page 38: Moderne webshop

My weapon of choice: WordPress

De basis

Plug-ins

Het principe van templates

Page 39: Moderne webshop

Het principe van templates

Page 40: Moderne webshop

Eigenschappen thema

Page 41: Moderne webshop

Index.php - Main template file

Page 42: Moderne webshop

Loop.php - “The Loop” template

Page 43: Moderne webshop

“The Loop”

Page 44: Moderne webshop

Eigen (pagina) template

Page 45: Moderne webshop

Eigen (pagina) template

Page 46: Moderne webshop

Software: Aanraders

WordPress + Plug-in

Prestashop

Magento

Joomla + Virtuemart

Page 48: Moderne webshop

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