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
74
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
CSS 101: Τα μυστικά του στυλ - Χάρης Βαλτζής
wpgr
0
8
Ολοκλήρωσα το SiteΜουNowWhat? - Στέφανος Παρασκευόπουλος
wpgr
0
7
Effective personal and business branding - Maria Zarotiadou
wpgr
0
9
Web Accessibility: Hardships, pitfalls, opportunities, and preparing for European Accessibility Act 2025 - Χρήστος Μπαφέρας
wpgr
0
15
Code, Test, Repeat: Accelerating Development with WordPress Playground - Uros Tasic
wpgr
0
12
Make your users’ search experience great - Nico Orfanos
wpgr
0
19
WooCommerce Automations: Revolutionizing eCommerce with Practical Solutions - Ioannis Kastorinis
wpgr
0
20
Block themes: The future of Full Site Editing and what to expect from WordPress 6.7 - Alexandros Kaounas
wpgr
0
17
Forking the GPL way - Βαγγέλης Παπαϊωάννου, Ορέστης Σαμαράς
wpgr
0
13
Other Decks in Science
See All in Science
FOGBoston2024
lcolladotor
0
120
(Forkwell Library #48)『詳解 インシデントレスポンス』で学び倒すブルーチーム技術
scientia
2
1.4k
局所保存性・相似変換対称性を満たす機械学習モデルによる数値流体力学
yellowshippo
1
120
AI科学の何が“哲学”の問題になるのか ~問いマッピングの試み~
rmaruy
1
2.3k
Factorized Diffusion: Perceptual Illusions by Noise Decomposition
tomoaki0705
0
280
マクロ経済学の視点で、財政健全化は必要か
ryo18cm
1
110
創薬における機械学習技術について
kanojikajino
13
4.7k
位相的データ解析とその応用例
brainpadpr
1
760
butterfly_effect/butterfly_effect_in-house
florets1
1
120
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
100
As We May Interact: Challenges and Opportunities for Next-Generation Human-Information Interaction
signer
PRO
0
230
統計学入門講座 第1回スライド
techmathproject
0
160
Featured
See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
29
2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
480
A Tale of Four Properties
chriscoyier
157
23k
Embracing the Ebb and Flow
colly
84
4.5k
Gamification - CAS2011
davidbonilla
80
5.1k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.4k
GitHub's CSS Performance
jonrohan
1030
460k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Music & Morning Musume
bryan
46
6.3k
What's in a price? How to price your products and services
michaelherold
244
12k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
940
Side Projects
sachag
452
42k
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! Σας ευχαριστώ!