Η ιστοσελίδα JonyBoat.gr

Η ιστοσελίδα JonyBoat.gr

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

Δική μας δουλειά θα ήταν να δημιουργήσουμε, ή μάλλον να ανανεώσουμε,  τη διαδικτυακή εικόνα της επιχείρησης.

Η ανακατασκευή της ιστοσελίδας

Η σελίδα ήταν φτιαγμένη σε διαφορετικό CMS, έτσι η ανακατασκευή της έπρεπε να γίνει από την αρχή. Στο θέμα της  εμφάνισης δεν έπρεπε να υπάρχει μεγάλη απόκλιση από τη παλιά ιστοσελίδα. Παρ΄ όλα αυτά δεν θα μπορούσαμε παρά να προσθέσουμε κάποιες επιπλέον πινελιές. Και γι΄ αυτό, θα έπρεπε να βρεθεί το κατάλληλο θέμα πάνω στο οποίο θα εργαζόμασταν.

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

  • Διαθέτει ικανοποιητική έως πρωτότυπη εμφάνιση.
  • Δίνει τα κατάλληλα εργαλεία που θα βοηθήσουν στο χτίσιμό του.
  • Είναι συμβατό με χρήσιμα και απαραίτητα plugins που θα βοηθήσουν τη λειτουργία του.
  • Υποστηρίζει κατάλληλα frameworks που θα κάνουν ευκολότερη την δημιουργία κώδικα, ώστε να μη μας δημιουργεί το ίδιο το θέμα περιορισμούς στην εμφάνιση της ιστοσελίδας.

Σε γενικές γραμμές οι συγκεκριμένες προϋποθέσεις για την επιλογή μας, απαιτούν το θέμα να στηρίζει δύο πράγματα. Το ένα είναι το frameword Boostrap και το άλλο τον builder Visual Composer. Το θέμα Kallyas όμως, με το οποίο έχουμε δημιουργήσει πάλι ιστοσελίδα, είναι ένα από αυτά που μας αρέσει πολύ, παρά το ότι διαθέτει δικό του, ξεχωριστό builder.

Για την ανακατασκευή της συγκεκριμένης σελίδας λοιπόν επιλέξαμε και πάλι το θέμα Kallyas. Η βασική μορφή της ιστοσελίδας δόθηκε από το ίδιο το θέμα. Όμως οι περιορισμοί που είχαμε, μας οδήγησαν αναγκαστικά να προχωρήσουμε σε επιπλέον σχεδιασμό.

Η ιστοσελίδα www.jonyboat.gr

Η αποθέωση του Responsive Design

Κάτι που προσφέρει ένα σωστά επιλεγμένο θέμα είναι ότι γενικά έχει responsive design. Με απλά λόγια, ότι έχει σχεδιαστεί έτσι ώστε να εμφανίζεται σωστά σε κινητές συσκευές. Κάτι τέτοιο ποτέ δεν είναι απόλυτο: πάντα, μετά τη κατασκευή της ιστοσελίδας, πρέπει να γίνουν “με το χέρι” οι απαραίτητες ρυθμίσεις ώστε η προσαρμογή σε κινητές συσκευές να είναι απόλυτη.

Στη περίπτωσή μας δεν υπήρχε αυτό το “μετά”: εφ΄ όσον ο σχεδιασμός έπρεπε να ακολουθεί συγκεκριμένες αρχές, θα έπρεπε να υπάρχει ταυτόχρονος σχεδιασμός και για τις κινητές συσκευές. Όπως κι έγινε. Ένα συγκεκριμένο παράδειγμα:

Δοκιμάσαμε να συμπεριλάβουμε ένα 2ο slider στην αρχική σελίδα, όπου με εντυπωσιακό τρόπο θα εναλλάσσονταν μικρές κ΄ μεγάλες φώτο, ταυτόχρονα με κείμενο. Η μικρή οθόνη του κινητού δεν επέτρεπε όλη αυτή τη πολυμορφία, έτσι σχεδιάστηκε ένα εντελώς διαφορετικό slider για τα κινητά και τα τάμπλετ. Το ίδιο έγινε και σε αρκετά ακόμη σημεία της ιστοσελίδας, με ένα τελικό αποτέλεσμα που άφησε τόσο εμάς όσο και τον ιδιοκτήτη της σελίδας απόλυτα ικανοποιημένους!

Και με τη ταχύτητα, τι γίνεται;

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

Στη δική μας περίπτωση δεν υπήρχε κάποιος λόγος να προταθεί στον ιδιοκτήτη να επιβαρυνθεί με επιπλέον έξοδα.  Έτσι κι αλλιώς η ιστοσελίδα έχει όλα τα απαραίτητα στοιχεία για να εμφανίζεται άμεσα στους χρήστες: με χρόνο πρώτης απόκρισης 1.1sec (!), χρόνο εμφάνισης πρώτης χρήσιμης μορφής 1.6sec(!!) και χρόνο πρώτης αλληλεπίδρασης 2.1sec, μπορούμε να πούμε ότι η ταχύτητά της είναι τουλάχιστον ικανοποιητική!

Η ανακατασκευή λοιπόν της ιστοσελίδας έγινε. Το site βρίσκεται ήδη στον αέρα, και του ευχόμαστε καλές εμφανίσεις και καλά κέρδη!

Δείτε την ιστοσελίδα στη διεύθυνση https://jonyboat.gr/. Προτείνουμε να δείτε την εμφάνισή της και από μικρότερες συσκευές!

Share this post

Leave a Reply

Your email address will not be published. Required fields are marked *