Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Konstantinos Pappas - Βέλτιστες πρακτικές σχεδι...
Search
WordPress Greek Community
May 28, 2018
Science
0
80
Konstantinos Pappas - Βέλτιστες πρακτικές σχεδιασμού ενός e-commerce website, 13th WordPress Thessaloniki Meetup
Βέλτιστες πρακτικές σχεδιασμού ενός e-commerce website, 13th WordPress Thessaloniki Meetup
WordPress Greek Community
May 28, 2018
Tweet
Share
More Decks by WordPress Greek Community
See All by WordPress Greek Community
Thanassis Zannias - Flexible WordPress Dev Environment with Docker
wpgr
0
10
Andreas Karavanas - AI Supercharged Landing Pages
wpgr
0
15
Όμορφα, γρήγορα και οικονομικά websites με WordPress
wpgr
0
18
Unlocking creativity - Marilia Darilli
wpgr
0
46
Έλλη Μουχτάρη - Χτίσε το προσωπικό σου brand και απόκτησε τους πελάτες που θες
wpgr
0
32
Ioannis Kastorinis - WooCommerce technical automations in the real world
wpgr
0
46
Christos Paloukas - Cache me if you can, a journey through caching layers in WordPress
wpgr
0
53
Ευάγγελος Πάλλης - Malware Cleanup & Protection
wpgr
0
59
Νίκος Μαυράκης - Κοστολογώντας τη δημιουργικότητα
wpgr
0
41
Other Decks in Science
See All in Science
baseballrによるMLBデータの抽出と階層ベイズモデルによる打率の推定 / TokyoR118
dropout009
1
540
mathematics of indirect reciprocity
yohm
1
160
生成検索エンジン最適化に関する研究の紹介
ynakano
2
1.3k
データベース06: SQL (3/3) 副問い合わせ
trycycle
PRO
1
620
論文紹介 音源分離:SCNET SPARSE COMPRESSION NETWORK FOR MUSIC SOURCE SEPARATION
kenmatsu4
0
290
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
0
130
機械学習 - pandas入門
trycycle
PRO
0
300
CV_5_3dVision
hachama
0
140
機械学習 - ニューラルネットワーク入門
trycycle
PRO
0
840
How To Buy, Verified Venmo Accounts in 2025 This year
usaallshop68
2
250
データベース14: B+木 & ハッシュ索引
trycycle
PRO
0
430
データマイニング - グラフ構造の諸指標
trycycle
PRO
0
160
Featured
See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
820
How to Ace a Technical Interview
jacobian
279
23k
A Tale of Four Properties
chriscoyier
160
23k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Producing Creativity
orderedlist
PRO
347
40k
GitHub's CSS Performance
jonrohan
1031
460k
How STYLIGHT went responsive
nonsquared
100
5.7k
Six Lessons from altMBA
skipperchong
28
4k
BBQ
matthewcrist
89
9.8k
KATA
mclloyd
32
14k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
The Cost Of JavaScript in 2023
addyosmani
53
8.8k
Transcript
Βέλτιστες πρακτικές σχεδιασμού ενός e-commerce website Κωνσταντίνος Παππάς www.stonewave.net
[email protected]
Το eshop είναι ένα κατάστημα • Παραγωγή – Προϊόντα, Φωτογραφίες,
Τιμές, Περιγραφές κτλ • Διαχείριση – Πελάτες, Παραγγελίες, Email, Αλλαγές κτλ • Πώληση – Frontend, Design, Χρηστικότητα, Λειτουργίες (καλάθι, checkout, λογαριασμός πελάτη, μεταφορικά, τρόποι πληρωμής)
Το eshop είναι ένα κατάστημα • Marketing – SEO, Προσφορές,
Εκπτώσεις κτλ • Διασύνδεση με άλλα συστήματα – Διασύνδεση με Erp, Product Feeds (Google Merchant, Facebook Business Manager, Skroutz, BestBuy, Linkwise, Ntynomai κτλ κτλ κτλ)
Βασικός κανόνας • Η αρχή και το τέλος ενός καλοσχεδιασμένου
ecommerce site βρίσκεται στο brief – Απαιτήσεις – Περιεχόμενο – Εμπλεκόμενοι χρήστες – Spot the boss – Επικοινωνία – Συνεννόηση – Συντονισμός
Προϊόντα • Κατάλογος προϊόντων (excel,xml,csv κάτι!) • Κωδικοποίηση προϊόντων /
επιλογών • Φωτογραφίες (specs) • Περιγραφές • Άλλες πληροφορίες • Multilanguage
Διαχείριση • Διαχείριση παραγγελιών (ολοκλήρωση, ακύρωση, αποστολή) • Ενημέρωση αποθεμάτων/τιμών
• Διαχείριση backend • Διαχείριση επικοινωνίας • Εκπαίδευση
Design • Η απλότητα κερδίζει • Homepage -> Product ->
Checkout • ΠΡΟΣΟΧΗ στην επιλογή theme • Custom theme (you can do it!)
Design Βασικά στοιχεία σε standard θέσεις που περιμένει να βρει
ο μέσος χρήστης – Header (logo, menu, cart, account, search) – Footer (social buttons, newletter, χρήσιμα links) – Homepage (Sliders, Call to Actions, Banners, New In, Hot Products) – Κατηγορία (λίστα προϊόντων, φίλτρα)
Design Βασικά στοιχεία σε standard θέσεις που περιμένει να βρει
ο μέσος χρήστης – Προϊοντική (τίτλος, φωτογραφίες, τιμή, επιλογές) – Cart – Checkout (απλό, κατανοητό, χωρίς θόρυβο και περισπάσεις) – Στατικές σελίδες (about us, brands, καταστήματα)
Performance • ΠΟΛΛΗ ΠΡΟΣΟΧΗ στην επιλογή theme • Πολλά plugins,
visual composers, άχρηστα αρχεία css/js, μεγάλες φωτογραφίες = performance killers • Custom themes • Custom functions/plugins (Woocommerce API + Wordpress to rule them all) • Standard plugins • Η cache δε λύνει τα πάντα (optimize > caching)
Performance • Οφέλη σε load time • Οφέλη σε user
experience • Αύξηση πωλήσεων = ευχαριστημένος πελάτης = ήρεμος προγραμματιστής • Οφέλη σε server load = ευχαριστημένος sysadmin = ήρεμος προγραμματιστής • Ήρεμος προγραμματιστής = παραγωγικός και αποτελεσματικός προγραμματιστής
Feedback • Keep the customer informed • Keep the customer
involved • Ζητήστε feedback και έλεγχο από τον πελάτη ανά τακτά χρονικά διαστήματα • Δουλέψτε μαζί με τον πελάτη • Συνεργασία, συνεννόηση, επικοινωνία
Happy ecommercing! Σας ευχαριστώ!