Τον Σεπτέμβριο παρουσιάστηκε η ανάγκη να γίνει redesign στο passenger.gr.
Το Passenger είναι ένας ενημερωτικός ιστότοπος γύρω απο ταξιδιωτικά νέα.
Στον παλιό ιστότοπο είχαν διαπιστωθεί διάφορα σχεδιαστικά προβλήματα όπως βλέπουμε στην παρακάτω φωτογραφία:
- Κάθε δημοσιευμένο άρθρο συνοδευόταν από μια μεγάλη εικόνα ισοδύναμη με το μέγεθος ενός διαφημιστικού banner.
- Ο χρήστης αποπροσανατολιζόταν από τις πολλές φωτογραφίες. Δεν υπήρχε οπτική ενθάρρυνση να εστιάσει σε συγκεκριμένο περιεχόμενο.
- Οι πολλές εικόνες αύξαναν σημαντικά τον απαιτούμενο χρόνο φόρτωσης της αρχικής σελίδας στις συσκευές των χρηστών.
Passenger.gr αρχική σελίδα – ΠΡΙΝ
Στον ανασχεδιασμό η λογική ήταν να προβληθεί το περιεχόμενο του ιστοτόπου με έμφαση στην ευκολία της ανάγνωσης και την επίτευξη των επιχειρηματικών στόχων.
Με το νέο σχέδιο:
- Δίνουμε έμφαση στην αναγνωσιμότητα των τίτλων.
- Προβάλλουμε όσο το δυνατόν περισσότερους τίτλους στον ίδιο ωφέλιμο χώρο, χωρίς να κουράζουμε το μάτι του αναγνώστη με πολλές εικόνες.
- Έχουμε τον μεγάλο slider ως πιθανό σημείο προβολής διαφημιστικών άρθρων, ή περιεχόμενο που εμείς επιλέγουμε να προβάλλουμε για το διάστημα που επιθυμούμε.
- Τονίζουμε με μεγάλες φωτογραφίες ορισμένα άρθρα σε σχέση με τα υπόλοιπα.
- Τον καθοδηγούμε καλύτερα τον αναγνώστη στα σημεία που θέλουμε να εστιάσει την προσοχή του.
Passenger.gr αρχική σελίδα – ΜΕΤΑ
- Κρατάμε το σχέδιο απλό, λιτό για να δώσουμε μια ευχάριστη, ξεκούραστη εμπειρία ανάγνωσης με έμφαση στα κινητά τηλέφωνα και tablets.
- Μειώνουμε τον “θόρυβο” στις κεντρικές σελίδες των κατηγοριών και στις σελίδες των άρθρων. (βλέπε εικόνες παρακάτω)
- Ταυτόχρονα χρησιμοποιούμε τα χρώματα του λογοτύπου για να ξεχωρίσουμε τις ενότητές μας και να δώσουμε ένα μοντέρνο τόνο.
- Έχουμε carousel module ( οργάνωσε το ταξίδι σου ) και tab module (καρτέλες) για να μπορεί ο χρήστης να δει όσους τίτλους θέλει χωρίς να μετακινεί το ποντίκι του
- Χρησιμοποιούμε Sidebar για να προβάλλουμε διαφημίσεις και λοιπό περιεχόμενο που μας ενδιαφέρει (newsletter, social media, περισσότερα άρθρα )
- Καταλήγουμε στον footer όπου ο χρήστης πάλι βλέπει το βασικό μενού του ιστοτόπου για να πλοηγηθεί γρήγορα σε μια επόμενη ενότητα.
Passenger.gr tab module
Passenger.gr σελίδα κατηγορίας άρθρων – ΠΡΙΝ
Passenger.gr σελίδα κατηγορίας άρθρων – ΜΕΤΑ
Passenger.gr σελίδα άρθρου – ΠΡΙΝ
Passenger.gr σελίδα άρθρου – ΜΕΤΑ
Επίλυση Τεχνικών Θεμάτων
Εκτός από τις σχεδιαστικές προκλήσεις, επιλύθηκαν και τεχνικά θέματα που είχαν προκαλέσει ζημιές στον παλιό ιστότοπο. Αυτό συνέβη διότι ο ιστότοπος χρησιμοποιούσε μια μακέτα η οποία -χωρίς καμία προειδοποίηση- είχε σταματήσει να υποστηρίζεται από την κατασκευάστρια εταιρία. Έτσι δεν είχαν κυκλοφορήσει νέες εκδόσεις του συγκεκριμένου λογισμικού, με αποτέλεσμα να αποκαλυφθούν κενά ασφαλείας.
Το ζήτημα επιλύθηκε με εγκατάσταση και παραμετροποίηση νέας, σύγχρονης μακέτας πάνω στην οποία δημιουργήθηκε ο νέος ιστότοπος.
Τέλος έγινε ασφαλής μεταφορά 10.000+ άρθρων ( μαζί με τις εικόνες τους) από τον παλαιό ιστότοπο στον νέο.