Σάββατο, 29 Νοεμβρίου 2014

Οι εντυπωσιακές νέας τεχνολογίας ιστοσελίδες


Τέσσερα εκπληκτικά παραδείγματα κατασκευής ιστοσελίδων HTML 5
Η HTML 5 άνοιξε νέους ορίζοντες στην δημιουργία διαδραστικών ιστοσελίδων με animation, ήχο και video.
κατασκευή ιστοσελίδων πλέον μπορεί να δώσει νέα επίπεδα εμπειρίας χρήστη.
Η HTML5 είναι η νέα έκδοση της γνωστής γλώσσας προγραμματισμού HTLM.
Η ανάγκη για standards και πλήρη συμβατότητα οδήγησε το World Wide Web Consortium (W3C) και το Web Hypertext Application Technology Working Group (WHATWG) να συνεργαστούν και να δημιουργήσουν την νέα αυτή γλώσσα.
Η HTML5 είναι ακόμα υπό ανάπτυξη, αλλά αρκετοί  browsers υποστηρίζουν από τώρα κάποια χαρακτηριστικά της και κάποιες λειτουργίες της.
Παρακάτω σας παρουσιάζουμε μερικά παραδείγματα που πολύ εύκολα θα καταλάβετε την διαφορά από τις κλασσικές ιστοσελίδες  με απλή HTML.

Dinoalatrata

Μια ιστοσελίδα αφιερωμένη στη μάχη κατά της παιδικής εκμετάλλευσης.
HTML 5 και parallax δίνουν ένα εκπληκτικό αποτέλεσμα αρκεί να κάνετε scroll με το «ροδάκι» του Mouse.


Sound City Project

Ακούστε τους ήχους της πόλης από τη Νεα Υόρκη το San Francisco ή την Στοκχόλμη. Επιλογή σε χάρτη από gοogle maps, εικόνες 360 μοιρών και ήχος. Πλήρως διαδραστικό.
html5+websites+designs.02


adidas Predator

Τι μπορείς να πεις για την Adidas.  Πάντοτε στην κορυφή της διαδικτυακής τεχνολογίας.
Mega Menu,  Video και φαντασία, απολαύστε το.
html5+websites+designs.11

http://www.adidas.com/com/apps/predator/

Celebrating 40th together

Η Μc Donald’s  σε μια πολύ πρωτότυπη και δημιουργική εφαρμογή γιρτάζει τα 40 χρόνια της. Μαζι με html 5 προφανως και WEB GL, javascript. Πραγματικά κορυφαίο.
html5+websites+designs.20
http://www.40together.com/
Χάρης Γρηγορέλης
Graphic Designer
www.eikosi.gr - Κατασκευη ιστοσελιδων - Ηρακλειο

Κυριακή, 26 Οκτωβρίου 2014

Τι είναι το SEO και γιατί θα σας φέρει χρήματα



Το SEO (search engine optimization) με πολύ απλά λόγια… είναι η διαδικασία με την οποία θα βελτιωθεί η κατάταξη της ιστοσελίδας σας στην google ή άλλες μηχανές αναζήτησης.
Αν π.χ. πουλάτε φακούς επαφής στην Αθήνα… θα ήταν πολύ σημαντικό όταν κάποιος χρήστης ψάξει με τις λέξεις «φακοί επαφής» , «Αθήνα» να εμφανιστείτε στα πρώτα αποτελέσματα της αναζήτησης. Αυτό σημαίνει ότι θα αποκτήσετε περισσότερους πελάτες άρα και χρήματα.
Συγκεκριμένα η μηχανή αναζήτησης που μας ενδιαφέρει για SEO είναι η google που έχει κατακτήσει μερίδιο πάνω από 70% στις αναζητήσεις παγκοσμίως.
Η μοναδικότητα και επιτυχία της βασίζεται στο ότι χρησιμοποιεί έναν «μυστικό» αλγόριθμο για να βαθμολογεί σελίδες ώστε να τις κατατάσσει  ψηλότερα ή χαμηλότερα από κάποια άλλες.
Οι εργασίες του search engine optimization ξεκινούν καταρχήν από την κατασκευή της ιστοσελίδας με τεχνικές που θα την κάνουν ποιο αναγνωρίσιμη στην Google και δίνοντας έμφαση στις λέξεις κλειδιά που μας ενδιαφέρουν.
Ακολουθεί η έξωθεν εργασία, δηλαδή 
link σε μας και αναφορές από άλλες ιστοσελίδες σχετικές με τις λέξεις κλειδιά που μας αφορούν.
Επειδή τα πράγματα δεν είναι τόσο απλά αρκεί να σας αναφέρουμε ότι ο αλγόριθμος χρησιμοποιεί πάνω από 70 παράγοντες, άλλους με μεγαλύτερη σημαντικότητα και άλλους με λιγότερη οπότε ο άνθρωπος που θα αναλάβει να βελτιστοποιήσει την ιστοσελίδα σας για κατάταξη στο 
google πρέπει να λάβει υπόψη του όλα αυτά όπως επίσης  το τι κάνουν οι ανταγωνιστές σας για να τους ξεπεράσει.
Πρέπει να γνωρίζετε ότι το 
SEO είναι μια ιδιαίτερα χρονοβόρα διαδικασία που μπορεί να κρατήσει μήνες… 
Μπορεί να κοστίσει από 150 – 300€/ μήνα χωρίς τις προωθητικές ενέργειες αλλά αυτό είναι κάτι πολύ γενικό γιατί η διαδικασίες είναι στην πραγματικότητα «ζωντανές» και η στρατηγική ίσως πρέπει να αλλάζει συχνά.
Ίσως πλέον καταλαβαίνετε οτι το 
SEO είναι επένδυση και όχι έξοδο.

Σας ενδιαφέρει; Θέλετε να ενημερωθείτε περισσότερο; Μπορείτε να μας στείλετε email στο info@eikosi.gr

Παρασκευή, 24 Οκτωβρίου 2014

Κατασκευη ιστοσελιδων: Ποια είναι η δουλειά του WEB DESIGNER; Τι πρέπει να γνωρίζει;

Η λέξη web designer, δηλαδή σχεδιαστής εφαρμογών για διαδίκτυο μας δίνει την πρώτη εικόνα που αφορά την εργασία του.
Ουσιαστικά ο άνθρωπος αυτός σχεδιάζει αυτά που φαίνονται στους χρήστες μι ς ιστοσελίδας. Λέμε φαίνονται γιατί το κομμάτι του προγραμματιστικού τομέα αναλαμβάνει ο web developer που είναι εξειδικευμένος σε κώδικα και παρεμφερείς τεχνολογίες .
Αν ξεκινήσουμε από την στιγμή που ο πωλητής της επιχείρησης κατασκευής ιστοσελίδων πείθει έναν πελάτη να συνεργαστεί με την δική μας στην κατασκευή ιστοσελίδας ή εφαρμογής το επόμενο βήμα είναι του web designer.
Η παρακάτω περιγραφή έχει κρατηθεί σε πολύ απλό επίπεδο και χωρίς ιδιαίτερους τεχνικούς όρους. Μπορείτε να ενημερωθείτε και για άλλα ενδιαφέροντα θέματα στο blog μας.
Η ΑΡΧΗ
Ένα ή περισσότερα ραντεβού με τον πελάτη είναι απαραίτητα ώστε να κατανοήσουμε τις ιδιαιτερότητες της επιχείρησης, τις ανάγκες και να προτείνουμε λύσεις κατά την γνώμη μας. Η επαφή αυτή είναι το 40% της επιτυχίας κυρίως γιατί προσπαθούμε να «κερδίσουμε» την εμπιστοσύνη του πελάτη, οπότε η καλή προετοιμασία είναι εξαιρετικά σημαντική. Ταυτόχρονα μαζεύουμε κείμενα -φωτογραφίες όπως επίσης λογότυπα – εταιρική ταυτότητα ώστε να κινηθούμε στα ίδια αισθητικά χαρακτηριστικά.
Η ΕΜΠΝΕΥΣΗ
Επειδή ο χρόνος είναι χρήμα και κανείς δεν περιμένει πότε θα μας έρθει η ιδέα στο κεφάλι ανατρέχουμε σε ειδικευμένες ιστοσελίδες όπως http://www.smashingmagazine.com http://webneel.com/
mockupΤΟ ΣΚΑΡΙΦΗΜΑ
Πριν ξεκινήσουμε με το Photoshop ή illustrator ένα γενικό σκαρίφημα σε χαρτί ή ηλεκτρονικά είναι μια καλή ιδέα για να στήσουμε τα αντικείμενα στον χώρο. Δεν το δείχνουμε στον πελάτη… δεν τον αφορά… και δεν θα καταλάβει τίποτα.
ΗΛΕΚΤΡΟΝΙΚΟΣ ΣΧΕΔΙΑΣΜΟΣ
Ξεκινάμε με ένα νέο αρχείο στο Photoshop βασισμένο όμως σε «αποτύπωμα» με κολόνες και οδηγούς που θα βοηθήσει και τον web developer να στήσει τα κουτιά περιεχόμενου, όποιο και να είναι αυτό. Ένα αρκετά γνωστό είναι το 960.gs grid system.
Οτιδήποτε έχουμε σχεδιάσει στο σκαρίφημα παίρνει «σάρκα και οστά» σχεδιαζόμενο με λεπτομέρειες.
Το αποτέλεσμα ή και οι εναλλακτικές προτάσεις παρουσιάζονται στον πελάτη για έγκριση ή αλλαγές.
ΤΕΛΙΚΟΣ ΣΧΕΔΙΑΣΜΟΣ
Στο τελευταίο στάδιο μπορεί να εμπλακεί ο web designer ή ο developer.
Θα ήταν στα θετικά του σχεδιαστή ιστοσελίδων να «κόψει» το αρχείο του Photoshop και να δημιουργήσει ο ίδιος τις στατικές σελίδες ώστε ο developer να κάνει μόνο το «δέσιμο» με το CMS, το δυναμικό κομμάτι του site.
web-site- designΑυτό έχει τα θετικά ότι ο designer έχει πλήρη έλεγχο στο σχεδιασμό αλλά ο developer πρέπει να ψαχτεί λίγο και να βρει τον κώδικα όπως πρέπει για να κάνει την δουλειά του.
Φυσικά η ιστοσελίδα δεν έχει τελειώσει εδώ… ακολουθούν το στήσιμο στον server, έλεγχος, εκπαίδευση πελάτη, SEO κλπ.