26
THE FUTURE IS BEAUTIFUL Theodore Lampropoulos http://www.youthink.gr @theolam Web designer & information architecture

How to Build the Perfect Website

  • Upload
    theolam

  • View
    275

  • Download
    2

Embed Size (px)

Citation preview

Page 1: How to Build the Perfect Website

THE FUTURE IS BEAUTIFUL

Theodore Lampropoulos

http://www.youthink.gr@theolam

Web designer & information architecture

Page 2: How to Build the Perfect Website

«Καινοτομία & Επιχειρηματικότητα στον Αθλητισμό»

13ο Πανελλήνιο Συνέδριο Διοίκησης Αθλητισμού και Αναψυχής

ΠΡΑΚΤΙΚΕΣ ΕΠΙΤΥΧΕΝΗΣ ΔΙΑΔΙΚΤΥΑΚΗΣΥΠΗΡΕΣΙΑΣ

Παρουσίαση :

Page 3: How to Build the Perfect Website

Neuro web design

• ΑΝΘΡΩΠΙΝΗ ΣΥΜΠΕΡΙΦΟΡΑ • ΚΙΝΗΤΡΑ, ΛΗΨΗ ΑΠΟΦΑΣΕΩΝ

Διερευνά

• Αποτελεσματικές• Ελκυστικές ιστοσελίδες

Συνδυασμός

Page 4: How to Build the Perfect Website

Neuro web design

Το website πρέπει να απευθύνεται σε ένα συγκεκριμένο κοινό προκειμένου να αυξήσει τις πωλήσεις, κρατήσεις κτλ.

………………………………………………………...

Αλλιώς οι χρήστες είναι βέβαιο ότι θα βρουν έναν άλλο χώρο, που θα πληρεί τις απαιτήσεις τους.

ΤΕΧΝΙΚΕΣΠΕΙΘΟΥΣ ΣΥΝΑΙΣΘΗΜΑ ΕΜΠΙΣΤΟΣΥΝΗ

Page 5: How to Build the Perfect Website

- πΣυγκίνηση εμ ειρία1

Page 6: How to Build the Perfect Website

– π Συναίσθημα εμ ειρία2

Page 7: How to Build the Perfect Website

πΆμεση ροσοχή3

Page 8: How to Build the Perfect Website

Neuro web design

• Αν κάποιος μας δίνει κάτι, είναι πολύ πιθανό ότι θα αισθανόμαστε υποχρεωμένοι να δώσουμε κάτι σε αντάλλαγμα.

• Αν υπάρχει περιορισμένη διαθεσιμότητα του κάτι, θεωρούμε ότι είναι πιο πολύτιμη, και θέλουμε ακόμα περισσότερο

• Αν θεωρούμε ότι οι άνθρωποι είναι σαν κι εμάς, έχουμε την τάση να μας αρέσει περισσότερο. Οι ιστορίες και φωτογραφίες σε μια ιστοσελίδα θα πρέπει να ταιριάζουν με το κοινό-στόχο

Susan M. Weinschenk

Page 9: How to Build the Perfect Website

Neuro web design

• Ο φόβος του να χάσουμε μια ευκαιρία, μας κινητοποιεί περισσότερο να την κερδίσουμε. Πχ. Ενημέρωση στην μείωση τιμών

• Οι ιστορίες και εικόνες είναι από τους πιο ισχυρούς τρόπους να κρατήσει την προσοχή και να πείσουν για δράση.

Susan M. Weinschenk

Page 10: How to Build the Perfect Website

Responsive design

Website που ανταποκρίνεται για όλες τις συσκευές SMART PHONES, TABLETS & DESKTOPS έχοντας την καλύτερη δυνατή εμπειρία πλοήγησης

Page 11: How to Build the Perfect Website

Responsive design4

Page 12: How to Build the Perfect Website

Responsive design5

DESKTOP MOBILE

Page 13: How to Build the Perfect Website

Responsive design

ΠΛΕΟΝΕΚΤΗΜΑΤΑ

1. Η ιστοσελίδας προσαρμόζεται ανάλογα με την ανάλυση της οθόνης του χρήστη. 2. Κοινός κώδικας συμβατός σε κάθε browser και σε κάθε οθόνη. 3. Αυξάνεται σημαντικά το usability γιατί ο χρήστης δεν χρειάζεται να κάνει zoom ή

μεγάλο scroll ή resize 4. Καλύτερο SEO. Αύξηση επισκεψιμότητας. 5. Οικονομική λύση με ευκολία στις σχεδιαστικές τροποποιήσεις6. Μικρότερη χωρητικότητα εικόνων.

Page 14: How to Build the Perfect Website

Google analytics

Ανάλυση των στόχων που θέλετε να επιτύχουν οι επισκέπτες σας, να πραγματοποιήσουν μια αγορά, να εγγραφούν σε ένα ενημερωτικό δελτίο ή να δουν περιεχόμενο σε μια συγκεκριμένη σελίδα.

Page 15: How to Build the Perfect Website
Page 16: How to Build the Perfect Website
Page 17: How to Build the Perfect Website

Google analytics

1. Μάθε πως ήρθαν οι επισκέπτες στο website σας2. Ποιες σελίδες προτιμούν περισσότερο3. Το χρονικό διάστημα που έμειναν σε μια συγκεκριμένη σελίδα.4. Εκπληρώστε στόχους. Α/B testing + Conversion Rate

Χρησιμοποιήστε αυτές τις πληροφορίες ώστε να δείτεκαι να ανακαλύψετε τα πλεονεκτήματα του website σας.

Η πλήρης εικόνα των στατικών θα βοηθήσει να αυξήσετετους στόχους που έχετε θέσει.

ΠΛΕΟΝΕΚΤΗΜΑΤΑ

Page 18: How to Build the Perfect Website

Emailmarketing

• Αποτελεί ένα πολύτιμο εργαλείο για την προώθηση προϊόντων και υπηρεσιών• Ενημερώστε τους πελάτες σας για θέματα που τους ενδιαφέρουν• Αξιοποιήσετε καλύτερα την σχέση σας με τους πελάτες σας• Αυξήσετε τις πωλήσεις σας και να βρείτε νέους πελάτες.

ΣΤΟΧΕΥΜΕΝΗ ΔΙΑΦΗΜΙΣΗ

Page 19: How to Build the Perfect Website

Create campaign6

Page 20: How to Build the Perfect Website

Campaign report7

Page 21: How to Build the Perfect Website

Campaign report8

Δείτε τα email που τους ενδιαφέρουν οι θεματολογίες σας, ώστε να επαναλάβετε την αποστολή ή διαγράψετε τα από τη λίστα σας.

Ομαδοποίηση emails ανά κατηγορία ενδιαφέροντος

Page 22: How to Build the Perfect Website

Campaign report9

1. Δείτε τι προσελκύει τους συνδρομητές σας

2. Τελικά χρησιμοποιούν εικόνες ή links για άνοιγμα;

3. Μάθετε από τις συμπεριφορές

Page 23: How to Build the Perfect Website

Geolocation

Για παράδειγμα

Φανταστείτε να συνδέεστε σε ένα site το οποίο κατευθείαν να σας εμφανίζει πληροφορίες για αξιοθέατα, καταλύματα, εστιατόρια, νοσοκομεία κλπ που βρίσκονται γύρω από την περιοχή σας.

Υπηρεσίες κοινωνικού δικτύου να σας εμφανίζουν άλλους χρήστες που βρίσκονται σε κοντινές αποστάσεις κλπ

Υπηρεσίες που χρησιμοποιούν την περιήγηση με βάση την τοποθεσία σας, με αποτέλεσμα να σας παρέχουν πιο σχετικές πληροφορίες

Page 24: How to Build the Perfect Website

Eventora

Ελληνική υπηρεσία για συνέδρια και εκδηλώσεις

1. Online πληρωμές 2. Υποβολή και αξιολόγηση για συνέδρια3. Διάδοση σε social media και e-mail4. Επικοινωνία με τους συνέδρους5. Ηλεκτρονικά εισιτήρια. 6. Αυτόματο check-in με laptop ή κινητό. 7. Προσθήκη στο Google Calendar.

Page 25: How to Build the Perfect Website

NFCtechnology

Μικρής εμβέλειας ασύρματη τεχνολογία

Google wallet η υπηρεσία της Google για πληρωμές μέσω του smartphone. Τα δεδομένα αποθηκεύονται κρυπτογραφημένα σε ένα ειδικό chip

Ένας άνθρωπος γυρνάει πίσω στο σπίτι του περισσότερο για να πάρει το κινητό του παρά το πορτοφόλι του, όταν τα έχει ξεχάσει

Page 26: How to Build the Perfect Website

Theodore Lampropoulos

http://www.youthink.gr@theolam

Web designer & information architecture