Ermis Digital. Θα χρησιµοποιηθεί, σε περίπτωση βράβευσης, για την παρουσίαση της συµµετοχής στην τελετή απονοµής και στα έντυπα της διοργάνωσης.

Transcript

1 Ermis Digital Η έκθεση δεν θα πρέπει να ξεπερνάει συνολικά τις 10 σελίδες (µαζί µε τις οδηγίες συµπλήρωσης των πεδίων). Για τις απαντήσεις θα πρέπει να χρησιµοποιηθεί µέγεθος γραµµατοσειράς 10 ή και µεγαλύτερο. Οι οδηγίες για τη συµπλήρωση των πεδίων της φόρµας δεν πρέπει να διαγράφονται, καθώς αποτελούν οδηγό για τις κριτικές επιτροπές. Σε κανένα σηµείο της έκθεσης δεν πρέπει να αναγράφεται το όνοµα της συµµετέχουσας εταιρίας επικοινωνίας. Κατηγορία/Οµάδα: Websites Τίτλος Συµµετοχής: Skroutz.gr Προϊόν/Υπηρεσία (Brand Name): Skroutz.gr Εταιρία/Πελάτης: ΣΚΡΟΥΤΖ Α.Ε. Είδος Προϊόντος/Υπηρεσίας: Αναζήτηση και σύγκριση τιµών και προϊόντων Σύντοµη Περιγραφή της Συµµετοχής (µέγιστο 80 λέξεις) Θα χρησιµοποιηθεί, σε περίπτωση βράβευσης, για την παρουσίαση της συµµετοχής στην τελετή απονοµής και στα έντυπα της διοργάνωσης. Το Skroutz.gr είναι µηχανή αναζήτησης και σύγκρισης προϊόντων, η οποία εξυπηρετεί εκατοµµύρια χρήστες µηνιαίως, στοχεύοντας στη συνεχή βελτίωση της διαδικασίας online σύγκρισης τιµών. Στόχος του έργου ήταν ο ανασχεδιασµός της δηµοφιλούς ιστοσελίδας και η µεταφορά της σε responsive web design, έτσι ώστε αυτή να είναι βελτιστοποιηµένη για κάθε συσκευή ανεξαρτήτως µεγέθους και ανάλυσης οθόνης. Προηγήθηκε συστηµατική µελέτη, µε user profiling, ανάλυση αρχιτεκτονικής περιεχοµένου, user testing και wireframes για να φτάσουµε τελικά στο σχεδιασµό του νέου minimal και φρέσκου user interface. 1.Τι ζητήθηκε από τον πελάτη - Backround, Στόχοι, Ανάγκες της µάρκας (µέγιστο 100 λέξεις) Οι κυριότεροι στόχοι του πελάτη ήταν: Η ανανέωση της εικόνας του brand µέσω ενός design που αρµόζει σε εταιρεία τεχνολογίας αιχµής. Η δηµιουργία µιας βελτιστοποιηµένης για κάθε συσκευή σελίδα, ανεξαρτήτως µεγέθους/ανάλυσης οθόνης. Η υιοθέτηση ενός minimal design που θα είναι απόλυτα ενστικτώδες για κάθε χρήστη. Η εξασφάλιση της ευχρηστίας, αφού πάνω από όλα το Skroutz αποτελεί ένα χρηστικό εργαλείο για τους επισκέπτες του. Ακόµα, έπρεπε να ληφθεί υπόψη ότι το redesign ενός τόσο επιτυχηµένου site είναι σοβαρή υπόθεση και µεγάλη πρόκληση. Κάθε αλλαγή µπορεί να επιφέρει σηµαντικές αντιδράσεις από τα εκατοµµύρια χρηστών που το εµπιστεύονται. 2. Στρατηγική Κοινό Στόχος Μηχανισµός (µέγιστο 100 λέξεις) Για την επίτευξη των στόχων του αυτού προκλητικού project, ήταν αναγκαίο να περάσουµε από όλα τα στάδια του user centered design process πριν καταλήξουµε στη νέα µορφή του site. Συγκεκριµένα, η στρατηγική που ακολουθήσαµε περιελάµβανε µεταξύ άλλων τις παρακάτω ενέργειες:

2 User profiling και καταγραφή των δηµοφιλέστερων σεναρίων χρήσης πάνω στα οποία βασίστηκε το design. Fluid wireframes για να εξασφαλίσουµε ότι το layout προσαρµόζεται σωστά σε όλες τις οθόνες. Card sorting για τη βελτιστοποίηση της αρχιτεκτονικής περιεχοµένου. UI design µε minimal, flat προσέγγιση και έµφαση σε implicit design patterns. User testing για µικρές βελτιώσεις και τελευταίες πινελιές. 3. Αποτελέσµατα ενέργειας ROI, response rates, redemption Συµπληρώνεται µόνο στην κατηγορία Viral Campaigns. (µέγιστο 100 λέξεις) 4. Μέσα που χρησιµοποιήθηκαν Websites Display Social Media Newsletters Viral Άλλο User testing, Card sorting Mobile Branded Content 5. Πιστεύετε ότι η Συµµετοχή αυτή αξίζει να λάβει το Best Use of New Formats? Συµπληρώνεται µονό αν η συµµετοχή διαγωνίζεται στη κατηγορία Display Advertising και έχετε δηλώσει ότι θέλετε να διεκδικήσει τον έπαινο, Best Use of New Formats. 6. Πιστεύετε ότι η Συµµετοχή αυτή αξίζει να λάβει το Best Navigation? Συµπληρώνεται µονό αν η συµµετοχή διαγωνίζεται στη κατηγορία Website και έχετε δηλώσει ότι θέλετε να διεκδικήσει τον έπαινο, Best Navigation. Η φιλοσοφία σχεδιασµού του νέου Skroutz.gr είναι βασισµένη στη λογική των λεγόµενων «implicit design patterns», τα οποία αποτελούν επαναλαµβανόµενα σχεδιαστικά µοτίβα που σταδιακά «εκπαιδεύουν» τον επισκέπτη στη χρήση της σελίδας, µε διακριτικό και ενστικτώδη τρόπο. Η πλοήγηση στη σελίδα γίνεται εύκολα και ενστικτωδώς, χωρίς να χρειάζεται κραυγαλέα σήµανση ή περίπλοκο labeling. Όλα τα design templates του Skroutz έχουν βασιστεί το κεντρικό µοτίβο, που είναι το δίπολο λευκό/γκρι, το οποίο υποδηλώνει τις προτεραιότητες στο περιεχόµενο κάθε σελίδας. Χωρίζοντας το περιεχόµενο της σελίδας σε δύο οµάδες (µία µε γκρι background και µία µε λευκό), εκπαιδεύουµε το χρήστη στην κατανόηση ότι το κυρίως περιεχόµενο βρίσκεται στις λευκές περιοχές, ενώ το βοηθητικό περιεχόµενο στις γκρίζες. Παραδείγµατα εφαρµογής:

3 Αρχική σελίδα: Αναζήτηση σε λευκό, κατηγορίες σε γκρι. Λίστα προϊόντων: Προϊόντα σε λευκό, φίλτρα σε γκρι. Αποτελέσµατα αναζήτησης: Κατηγορίες αποτελεσµάτων σε λευκό, σχετικά προϊόντα σε γκρι. Σελίδα προϊόντος: Κυρίως περιεχόµενο σε λευκό, επιλογές πλοήγησης σε γκρι. κ.α. To site επίσης, έχει σχεδιαστεί γύρω από τους δύο βασικούς τρόπους πλοήγησης που είναι: Αναζήτηση µε λέξεις κλειδιά Πλοήγηση µέσω των κατηγοριών Η αρχική σελίδα δίνει τον ξεκάθαρο διαχωρισµό µεταξύ των δύο σεναρίων. Τέλος, έχουν εφαρµοστεί όλες οι βέλτιστες πρακτικές usability & findability, ώστε η πλοήγηση στο site να είναι απόλυτα ενστικτώδεις. Ενδεικτικά: Autocomplete/autosuggest στο πεδίο αναζήτησης Έξυπνες αντιπροτάσεις σε περίπτωση ορθογραφικών λαθών Dropdown menus Breadcrumbs Tagging Προτεινόµενα προϊόντα User friendly URLs κ.α. 7. Πιστεύετε ότι η Συµµετοχή αυτή αξίζει να λάβει το Best Innovative & Functional Design? Συµπληρώνεται µονό αν η συµµετοχή διαγωνίζεται στη κατηγορία Website και έχετε δηλώσει ότι θέλετε να διεκδικήσει τον έπαινο, Best Innovative & Functional Design. ηµιουργικό Υλικό ( jpg ) Βάλτε ενδεικτικές φωτογραφίες της συµµετοχής σας.

4 Αρχική σελίδα

5 Σελίδα κατηγορίας

6 Σελίδα κατηγορίας

7 Σελίδα προϊόντος Fluid wireframes

8 Applied design patterns Url s Τα links για το δηµιουργικό υλικό θα πρέπει να είναι απόλυτα και όχι σχετικά ( πχ