Upload
milan-van-bruggen
View
1.068
Download
1
Embed Size (px)
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.
Citation preview
De moderne webshopOntwerp en Techniek
Inhoud
Wat is een moderne webshop?
Interactie Ontwerp & Prototyping
De techniek
Software: Aanraders
Handige links
Wat is een moderne webshop?
Helder product overzicht
Goede cross- en upsell mogelijkheden
Duidelijk kassaproces & verwachtingsmanagement
Wat is een moderne webshop?
Helder product overzicht
Goede cross- en upsell mogelijkheden
Duidelijk kassaproces & verwachtingsmanagement
Product overzicht :D
Product overzicht :D
Product overzicht :’(
Wat is een moderne webshop?
Helder product overzicht
Goede cross- en upsell mogelijkheden
Duidelijk kassaproces & verwachtingsmanagement
Cross-selling (1)
Cross-selling (2)
Upselling
Upselling
Wat is een moderne webshop?
Helder product overzicht
Goede cross- en upsell mogelijkheden
Duidelijk kassaproces & verwachtingsmanagement
Stappen indicator, registratie, terug knop
Is het product op voorraad?
Hulp bij kopen
Vraag Anna
Houd mensen binnen het kassaproces!
Geef feedback
Interactie Ontwerp & Prototyping
Paper prototyping
Wireframing software
Axure
Just in mind
User testing
Usabilla
Paper prototyping
Wireframing software
User testing - Scenario (1)
User testing - Scenario (2)
De techniek
Wat is PHP en wat kan je ermee?
My weapon of choice: WordPress
De basis
Plug-ins
Het principe van templates
PHP is dynamisch
HTML is statisch
If ( $a === 1 ) { do something }
Simpel
My weapon of choice: WordPress
De basis
Plug-ins
Het principe van templates
My weapon of choice: WordPress
De basis
Plug-ins
Het principe van templates
De basis (1)
De basis (2)
My weapon of choice: WordPress
De basis
Plug-ins
Het 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: WordPress
De basis
Plug-ins
Het 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: Aanraders
WordPress + Plug-in
Prestashop
Magento
Joomla + Virtuemart
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
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
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