moderne webshop
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
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