Επαγγελματικός Κλάδος
- Ναυπηγικές εργασίες
Υπηρεσίες
- Έρευνα
- Σχεδιασμός
- Ανάπτυξη
Χώρα
- Κύπρος
Apollo Victory
Η Apollo Victory είναι η εταιρεία στην οποία ήμουν εξωτερικός συνεργάτης εδώ από το 2010 ως υπεύθυνος για τις I.T. υπηρεσίες, την ασφάλεια και τα εσωτερικά υπολογιστικά της συστήματα.
Το website της εταιρείας είχε επανασχεδιαστεί το 2018 ως μια μονοσέλιδη παρουσίαση (one-page website) αλλά μετά από 5 χρόνια, το 2023, αποφασίστηκε να γίνει ολικός επανασχεδιασμός.
Οι κύριοι λόγοι για τους οποίους αποφασίστηκε το redesign ήταν:
Client
Apollo Victory Nautical Services
Scope
Website Redesign
Deliverables
Copywriting, Responsive Web Design, SEO, Analytics, Office 365 integration
Before
After
01.
Στάδιο Ανάλυσης
Παρωχημένος σχεδιασμός
Η πρώτη εντύπωση της ιστοσελίδας δεν ήταν βελτιστοποιημένη για να αφήνει μια καλή εντύπωση στους επισκέπτες της.
Έλλειψη ανάλυσης
Ο σχεδιασμός σε μια σελίδα δεν ήταν αρκετός για να καλύψει όλους τους τομείς της δράσης και της εμπειρίας της εταιρείας.
Responsive design
Η σελίδα παρουσίαζε προβλήματα στην υλοποίηση του responsive design με αποτέλεσμα να μην φαίνεται καλά στην προβολή από κινητές συσκευές.
SEO
Υπήρχαν πολλές βελτιώσεις που μπορούσαν να γίνουν για την βελτιστοποίηση της ιστοσελίδας ως προς τις μηχανές αναζήτησεις.
02.
Κατανόηση των στόχων της επιχείρησης
Ενημέρωση των επισκεπτών
Κύριος στόχος ήταν η σωστή και εκτενής ενημέρωση των επισκεπτών για την τεχνική αρτιότητα και την μεγάλη εμπειρία της εταιρείας στις ναυπηγικές εργασίες.
Μέτρηση αποτελεσμάτων
Δεν υπήρχε εικόνα για το πώς οι επισκέπτες χρησιμοποιούσαν την ιστοσελίδα λόγω έλλειψης εργαλείων για την μέτρηση εμπειρίας του επισκέπτη.
Ιστοσελίδα φιλική προς κινητά
Αν και το προηγούμενο website ήταν responsive, η παρουσίαση στα κινητά όσο και στα tablets δεν ήταν άρτια εκτελεσμένη.
Επίδειξη τεχνογνωσίας
Ήταν απαραίτητη η δημιουργία case studies για να δείξει η εταιρεία την τεχνογνωσία της στην κατασκευή / μετασκευή σκαφών.
03.
Ανάλυση και διατήρηση των καλών στοιχείων
Ανακατευθύνσεις παλιών URL
Όλα τα παλιά URLs (σύνδεσμοι) πέρασαν με 301 redirects στα καινούργια URLs στα οποία δημιουργήθηκαν. Αυτό κρίθηκε απαραίτητο για να διατηρηθεί η κατάταξη της ιστοσελίδας στο Google και τις υπόλοιπες μηχανές αναζήτησης.
Λέξεις-κλειδιά
Η ιστοσελίδα είχε ήδη κάποιες λέξεις-κλειδιά (keywords) με τις οποίες εμφανίζονταν στις μηχανές αναζήτησης (Google, Bing). Όλες διατηρήθηκαν για να μην χαθούν τα αποτελέσματα αυτά στις αναζητήσεις.
Google Webmaster Tools
Η ιστοσελίδα προστέθηκε στο Google Webmaster Tools για να έχουμε λεπτομερή εικόνα σχετικά με το ποιες ακριβώς αναζητήσεις στο Google φέρνουν τους επισκέπτες στην ιστοσελίδα.
Google Analytics Integration
Εγκατέστησα τον απαραίτητο κώδικα από το Google Analytics για να μπορεί να μετρηθεί και αξιολογηθεί η χρήση της ιστοσελίδας χωρίς να υποθέτουμε πώς μπορεί να την χρησιμοποιεί ο κάθε επισκέπτης.
04.
Προεργασία και πλάνο εκτέλεσης
Πλατφόρμα ιστοσελίδας
Ως CMS (σύστημα διαχείρισης περιεχομένου), το website ήταν ήδη στημένο σε WordPress, το οποίο είναι γνωστό για την ευχρηστία του και την παραμετροποίησή του.
Design System
Λόγω του μεγέθους του website (18 σελίδες) για την υλοποίηση του design, κρίθηκε απαραίτητη η χρήση του Figma για μια ολική και τυποποιημένη σχεδίαση.
Staging
Για την ανάπτυξη του νέου website και για να έχει η εταιρεία άμεση εικόνα για την πρόοδο, έγινε staging του νέου website σε προσωρινό subdomain (newsite.apollovictory.com).
User Personas
Αναλύσαμε τον ιδανικό επισκέπτη της ιστοσελίδας, το οποίο βοήθησε στον γενικό σχεδιασμό της ιστοσελίδας, την δομή, το ταξίδι του επισκέπτη και τον τόνο των κειμένων.
Παλέτα Χρωμάτων
Η χρωματική παλέτα που χρησιμοποιήθηκε βασίστηκε στα υπάρχοντα χρώματα της εταιρείας με προσθήκη του #c35f0f (πορτοκαλί) για τα accents.
#0f73c3
#0c5c9c
#c35f0f
#1c1c1c
#dddddd
#f2f2f2
Γραμματοσειρά
Για την γραμματοσειρά, επιλέχθηκε η ‘Inter Tight’ με πιο ισχυρά βάρη και μικρό μεσοδιάστημα για τις επικεφαλίδες και η ‘Inter Normal’ για το κυρίως κείμενο.
Inter Tight Bold
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
Inter Tight Regular
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
Inter Regular
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
Τεχνολογίες
Κάτω από το “καπό” η ιστοσελίδα έχει τεχνολογίες που την βοηθάνε τόσο στην ευχρηστία της όσο και στην κατάταξή της ψηλότερα στις μηχανές αναζήτησης.
WordPress CMS
- Salient theme
- Αγγλική γλώσσα
- Cookies and GDPR
Google Optimized
- Google Analytics 4
- Google Search Console
- SEO
Custom CSS
Speed Enhancements
- Page caching
- Javascript & CSS Minification
- Image resizing and compression