Case study

Apollo Victory

Δες το website live
  • Ναυπηγικές εργασίες
  • Έρευνα
  • Σχεδιασμός
  • Ανάπτυξη
  • Κύπρος

Website Redesign Project

Η 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

Χρησιμοποίησα custom κώδικα για διάφορα στοιχεία τα οποία δεν μπορούσαν να αναπαραχθούν με τις στάνταρ ρυθμίσεις.

Speed Enhancements

  • Page caching
  • Javascript & CSS Minification
  • Image resizing and compression