Emvoliazo
Brief
Η Pfizer ήθελε να αφυπνίσει την συνείδηση του κοινού για την σημασία του εμβολιασμού και στην Ελλάδα, όπως και σε άλλες χώρες. Στόχος να σχεδιάσουμε και να εφαρμόσουμε ένα Drupal CMS το οποίο θα είχε φρέσκο και καθαρό design για να προσελκύσει μεγάλο μέρος του πληθυσμού. Επίσης χρειαζόταν να έχει μερικά ειδικά εργαλεία για επαγγελματίες υγείας.
Approach
Προσεγγίσαμε αυτό το project με την καθαρότητα που ένας οργανισμός υγείας πρέπει να προβάλλεται στον κόσμο. Ο εμβολιασμός του κοινού είναι ένα σημαντικό θέμα, έτσι όσο περισσότεροι άνθρωποι περιηγούνται σε αυτές τις σελίδες τόσο το καλύτερο για την κοινωνία. Αγαπάμε να δουλεύουμε για τέτοιου είδους project.
Πως φτιάχτηκε
The Briefing
Όταν συνεργάζεσαι με μεγάλες εταιρίες που έχουν αντίκτυπο στον κόσμο είναι από μόνο του σπουδαίο. Την ίδια στιγμή είναι και μία πρόκληση. Τα πάντα είναι μελετημένα και τίποτα δεν αφήνεται στην τύχη.
Η Followapp, αποκλειστικός και έμπιστος αντιπρόσωπος στην Ελλάδα αναζητούσε μια εταιρία με εμπειρία και αποδεδειγμένη προϋπηρεσία πάνω στο σύστημα Drupal CMS. Η Pfizer είναι μεγάλος υποστηριχτής του Drupal και χρησιμοποιεί το σύστημα αυτό σε όλες τις ιστοσελίδες της, κάτι που φανερώνει την ποιότητα του Drupal ως επαγγελματικό CMS.
Η δουλειά μας ήταν να χτίσουμε ένα καλοσχεδιασμένο και εύκολο στην πλοήγηση website, το οποίο να ενημερώνει τον κόσμο για την σημασία του εμβολιασμού και της ανοσοποίησης. Η ιστοσελίδα έπρεπε να ενημερώνει τον κόσμο με γεγονότα και με δεδομένα από έρευνες που έχουν γίνει πάνω στα εμβόλια, ενώ όλες οι πληροφορίες έπρεπε να μπουν με τέτοιο τρόπο ώστε να μπορούν πολύ εύκολα να διαβαστούν και να πλοηγηθούν από τους χρήστες.
Ανακάλυψη και Επεξεργασία
Καθώς προχωρούσαμε το project, ανακαλύψαμε πολλούς και δημιουργικούς τρόπους να προσεγγίσουμε τις προκλήσεις και να βρούμε λύσεις σε κάθε μας βήμα.
Ο γραφίστας μας μετά από μία δημιουργική εβδομάδα και καταιγισμό ιδεών με την υπόλοιπη ομάδα και συνεργαζόμενος με τους front end developer και UX designer, έθεσε τα standards και τις καλύτερες πρακτικές για αυτό το project.
Το τελευταίο και καλύτερο Drupal 8 επιλέχθηκε για αυτό το έργο. Ο κώδικας του template έγινε σε Twig και γράφτηκε προσεχτικά για να είναι εύκολα συντηρίσιμος και όσο το δυνατόν πιο γρήγορος. Χρησιμοποιήσαμε όσο πιο πολύ από τον κορμό και περιοριστήκαμε μόνο στα απαραίτητα modules για να διατηρήσουμε τον back end κώδικα σταθερό και γρήγορο.
Λειτουργικότητα
Όσον αφορά την ειδική λειτουργία χρειαζόμασταν έναν τρόπο να ενημερώνουμε τους ταξιδιώτες ποια εμβόλια έπρεπε να κάνουν με βάση την χώρα που σχεδιάζουν να επισκεφτούν. Για αυτό πήραμε δεδομένα από το Υπουργείο Υγείας και δημιουργήσαμε μια βάση δεδομένων με όλα τα εμβόλια που χρειάζεται ένα άτομο, οργανωμένα ανά χώρα. Αυτή είναι μια από τις πολύ λίγες βάσεις δεδομένων τέτοιου είδους και σίγουρα η πιο φιλική προς τον χρήστη.
Ο χρήστης / ταξιδιώτης επιλέγει την χώρα από μια dropdown λίστα και παίρνει αμέσως τις πληροφορίες, χωρίς να χρειάζεται να κάνει refresh την σελίδα ή να πλοηγηθεί σε άλλη σελίδα.
Προσθέτοντας αυτή την χρήσιμη λειτουργία, τελικός μας στόχος ήταν η ιστοσελίδα emvoliazo.gr να είναι ο πρώτος και μοναδικός προορισμός των ταξιδιωτών όπου θα μπορούν να ενημερώνονται για τον απαραίτητο εμβολιασμό.
Υπερπληροφόρηση
Όπως και με κάθε ενημερωτικό website, η μεγαλύτερη μας πρόκληση ήταν να στήσουμε την πληροφορία με τέτοιο τρόπο ώστε να είναι εύκολα προσβάσιμη, ευανάγνωστη και κατανοητή. Πολλοί χρήστες ρίχνουν μια γρήγορη ματιά στα έγγραφα, άλλοι τα διαβάζουν πιο προσεχτικά και ακόμα λιγότεροι κατανοούν όλο το περιεχόμενο.
Έπρεπε να είμαστε σίγουροι οτι όλοι, ακόμα κι αυτοί που ρίχνουν μια γρήγορη ματιά στην σελίδα θα φτάσουν στα σημαντικά μηνύματα. Μεγάλο μέρος του σκεπτικού μας ήταν πώς θα οργανώσουμε την πληροφορία και θα την παρουσιάσουμε με τέτοιο τρόπο ώστε να πετύχουμε τους στόχους μας.
Δημιουργήσαμε ένα πλαϊνο μενού πλοήγησης το οποίο παραμένει κολλημένο στην οθόνη όσο ο χρήστης σκρολάρει πάνω κάτω την σελίδα και τον βοηθάει να πλοηγηθεί στα κομμάτια της σελίδας που τον ενδιαφέρουν γρήγορα και χωρίς καμια προσπάθεια από την μεριά του. Η πλοήγηση αυτή είναι εμφανής και στα κινητά. Για να σιγουρευτούμε ότι είναι τόσο εμφανή όσο και στην έκδοση του desktop την κολλήσαμε στο κάτω μέρος της οθόνης του κινητού και σχεδιάστηκε έτσι ώστε τα κουμπιά να είναι οικεία στον καθένα που χρησιμοποιεί εφαρμογές όπως το instagram.
O γραφίστας μας έκανε όλα τα infographics που χρησιμοποιούνται στην ιστοσελίδα και η δουλειά του έχει ήδη αντίκτυπο στους επισκέτες που χρειαζόντουσαν γρήγορη και ξεκάθαρη πληροφορία για ασθένειες και εμβόλια.
Αποτελέσματα
Θέλετε να δείτε περισσότερα;