Το GICCT (Global Institute of Cybersecurity, Cloud & Technology) χρειαζόταν κάτι περισσότερο από έναν ιστότοπο. Χρειαζόταν ένα αξιόπιστο ψηφιακό σπίτι που θα παρουσίαζε έναν πλήρη κατάλογο επαγγελματικών προγραμμάτων εκπαίδευσης, θα εδραίωνε το κύρος του σε ένα ανταγωνιστικό πεδίο και θα κατατασσόταν στις αναζητήσεις τόσο στα ελληνικά όσο και στα αγγλικά. Στην ουσία, το brief ήταν: χτίστε ολόκληρη την πλατφόρμα, από άκρη σε άκρη, ξεκινώντας από το μηδέν.
Η πρόκληση
Ένα εκπαιδευτικό ινστιτούτο κρίνεται από την αξιοπιστία που εκπέμπει. Ένας υποψήφιος σπουδαστής που αποφασίζει πού θα επενδύσει σε μια πιστοποίηση κυβερνοασφάλειας κρίνει το ινστιτούτο εν μέρει από το πόσο σοβαρή και επαγγελματική είναι η online παρουσία του. Ο ιστότοπος έπρεπε να μεταδίδει αμέσως κύρος, να οργανώνει έναν μεγάλο και διαρκώς αυξανόμενο κατάλογο μαθημάτων χωρίς να γίνεται δυσκίνητος, και να εντοπίζεται από όσους αναζητούν εκπαίδευση στην Ελλάδα, μια αγορά όπου τα πιο πολύτιμα ερωτήματα αναζήτησης είναι στα ελληνικά, ακόμη κι όταν το περιεχόμενο των μαθημάτων είναι στα αγγλικά.
Έπρεπε επίσης να είναι φτιαγμένος για να διαρκέσει: εύκολος για τον πελάτη να τον επεκτείνει με νέα μαθήματα και εκπαιδευτές, γρήγορος, ασφαλής, και απαλλαγμένος από το φούσκωμα και την ευθραυστότητα που συσσωρεύουν με τον καιρό οι ιστότοποι με page builder.
Η προσέγγιση
Κατασκεύασα ένα εντελώς custom θέμα WordPress από το μηδέν, χωρίς page builders και χωρίς φουσκωμένα frameworks. Κάθε template είναι χειρόγραφη PHP, κάτι που κρατά τον ιστότοπο γρήγορο, ασφαλή και πλήρως ελεγχόμενο. Η αρχιτεκτονική βασίζεται σε δύο custom post types, Μαθήματα και Εκπαιδευτές, που διαχειρίζονται μέσω ACF, ώστε ο πελάτης να προσθέτει και να επεξεργάζεται περιεχόμενο χωρίς να αγγίζει κώδικα.
Το design system είναι προσεκτικά μελετημένο: μια δίχρωμη παλέτα σε τιρκουάζ πάνω σε βαθύ navy, μια κεφαλαία γραμματοσειρά τίτλων σε συνδυασμό με μια καθαρή γραμματοσειρά ανάγνωσης, και ένα χαρακτηριστικό κινούμενο μοτίβο ραντάρ στην αρχική σελίδα που συνδέεται άμεσα με την ταυτότητα ασφάλειας του ινστιτούτου. Η ίδια οπτική γλώσσα διατρέχει κάθε template (σελίδες μαθημάτων, προφίλ εκπαιδευτών, blog και νομικές σελίδες), ώστε ο ιστότοπος να μοιάζει με ένα ενιαίο, συνεκτικό προϊόν και όχι με συλλογή σελίδων.
Τι κατασκευάστηκε
- Ένα θέμα WordPress κατά παραγγελία: χειρόγραφα templates για την αρχική σελίδα, τον κατάλογο μαθημάτων, τη σελίδα μεμονωμένου μαθήματος, τον κατάλογο εκπαιδευτών, τα προφίλ εκπαιδευτών, το blog και τις νομικές σελίδες, με κοινό design system και καμία εξάρτηση από page builder.
- Ένας κατάλογος 14 μαθημάτων: κάθε μάθημα με εκτενές περιεχόμενο δομημένο για SEO, λίστα ενοτήτων ύλης, ενότητα FAQ και sticky sidebar με πλοήγηση βάσει πλαισίου και σχετικά μαθήματα.
- Ένας κατάλογος εκπαιδευτών: σελίδες προφίλ με βιογραφικά, πιστοποιήσεις, φωτογραφίες και τα μαθήματα που διδάσκει ο καθένας.
- Προηγμένο τεχνικό SEO: focus keyphrases, meta data, σχετικές keyphrases και σήμανση cornerstone σε όλο τον κατάλογο, με σκόπιμα δίγλωσση στρατηγική: ελληνικά metadata για να ανταγωνίζεται στην τοπική αγορά, αγγλικό περιεχόμενο στη σελίδα.
- Πλούσια structured data: χειροποίητο schema EducationalOrganization, Course, Person και FAQPage, εναρμονισμένο καθαρά με το SEO plugin ώστε οι μηχανές αναζήτησης να βλέπουν ένα ενιαίο, συνδεδεμένο γράφημα οντοτήτων.
- Ένα custom σήμα: λογότυπο με δακτυλίους ραντάρ, σχεδιασμένο ώστε να κλιμακώνεται από το πλήρες lockup μέχρι ένα favicon με προοδευτική λεπτομέρεια που παραμένει ευανάγνωστο στα 16 pixels.
- Μια μηχανή περιεχομένου: ένα blog με προσεγμένο σχεδιασμό και μια σειρά από αναλυτικά, βελτιστοποιημένα για SEO άρθρα που στοχεύουν αναζητήσεις υψηλής πρόθεσης, το καθένα με εσωτερικούς συνδέσμους προς τα σχετικά μαθήματα, ώστε το κύρος να διοχετεύεται εκεί όπου φέρνει μετατροπές.
Προσοχή στη λεπτομέρεια
Η διαφορά ανάμεσα σε έναν καλό και έναν επαγγελματικό ιστότοπο βρίσκεται στις λεπτομέρειες. Αυτή η υλοποίηση χειρίζεται όσα οι περισσότεροι ιστότοποι κάνουν λάθος: τους κανόνες τονισμού των ελληνικών σε κεφαλαίους τίτλους (όπου οι τόνοι παραλείπονται, κάτι που γίνεται αυτόματα), favicons με προοδευτική λεπτομέρεια που δεν γίνονται θολά σε μικρά μεγέθη, κάρτες που είναι ολόκληρες σύνδεσμοι για καλύτερη χρηστικότητα, schema που δεν διπλασιάζεται, και μια εμπειρία στο κινητό ρυθμισμένη ώστε να μένει γρήγορη και καθαρή, και όχι ένα στριμωγμένο αντίγραφο του desktop layout.
Το αποτέλεσμα
Το GICCT διαθέτει πλέον μια πλατφόρμα που μοιάζει και λειτουργεί σαν καθιερωμένο ίδρυμα (γρήγορη, προσεγμένη και αξιόπιστη) με αρχιτεκτονική περιεχομένου σχεδιασμένη για να μεγαλώνει και να κατατάσσεται. Κάθε κομμάτι της, από το γράφημα schema μέχρι το λογότυπο ραντάρ, κατασκευάστηκε κατά παραγγελία και δεν συναρμολογήθηκε από έτοιμα κομμάτια, πράγμα που σημαίνει ότι ο πελάτης είναι ιδιοκτήτης ενός καθαρού, συντηρήσιμου κώδικα χωρίς εξαρτήσεις αδειών χρήσης ή εγκλωβισμό σε builder.
Χρειάζεστε έναν ιστότοπο που θα κάνει την επιχείρησή σας να φαίνεται ο ηγέτης του κλάδου της; Επικοινωνήστε μαζί μου για μια δωρεάν συμβουλευτική συνάντηση, ή δείτε τις υπηρεσίες πίσω από αυτό το έργο: Κατασκευή ιστοσελίδων, Ανάπτυξη custom λογισμικού και Ψηφιακή στρατηγική.
