Το μεγαλύτερο ελληνικό εκπαιδευτικό ειδησεογραφικό

AlfaVita

Το μεγαλύτερο εκπαιδευτικό ειδησεογραφικό στην Ελλάδα έπρεπε να ανασχεδιαστεί από την αρχή λαμβάνοντας υπόψιν δύο στόχους. Να είναι προσιτό και γρήγορο!
Screenshot of the case study page inside an 27 inch iMac
Alfavita homepage full screenshot

Objective

Σχεδιασμός και ανάπτυξη ένος πολύ γρήγορου και καθαρού website, τύπου περιοδικού, για ένα από τα μεγαλύτερα ειδησεογραφικά της Ελλάδας, εξυπηρετώντας εκαταμμύρια χρήστες κάθε μήνα.

Solution

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

Πως φτιάχτηκε

Το Design

Ξεφεύγοντας από ένα παλιό και ξεπερασμένο design, αποφασίσαμε να ακολουθήσουμε την τελευταία και καλύτερη γλώσσα design, ανεπτυγμένη από την Google, επικεντρωμένη να είναι φιλική προς τον χρήστη και γνωστή για την καθαρότητα των προδιαγραφών του design.

Σκεφτήκαμε οτι αυτό το σαν κάρτα σχέδιο, θα είναι ιδανικό για μια ιστοσελίδα με τεράστια πληροφορία ενώ παράλληλα να μην είναι πηγμένη από όλο αυτό το περιεχόμενο. Τα χρώματα επιλέχτηκαν με βάση τα χρώματα της εταιρίας συνδυάζοντας τα με υλικό από τα χρώματα του design.

Screenshot of alfavita material design homepage
Alfavita material design single article page screenshot

Το Σύστημα

Για μια πολύπλοκη ιστοσελίδα όπως αυτή με χιλιάδες άρθρα, ειδικές σελίδες, πολλαπλούς εκδότες και πολλά άλλα ένα ισχυρό CMS σύστημα ήταν απαραίτητο.

Η ομάδα μας λαμβάνοντας υπόψιν όλες τις ανάγκες της επιχείρησης επέλεξε το Drupal CMS, το οποίο προσφέρει τα πάντα ενός premium CMS. Είναι το πιο ασφαλές, απόλυτα παραμετροποιήσιμο, ατελείωτα κλιμακωτό και κυρίως ανοιχτού λογισμικού.

Ως μέλη της κοινότητας του Drupal έχουμε απόλυτη γνώση αυτού του συστήματος και μπορούμε να αξιοποιήσουμε όλα τα προχωρημένα χαρακτηριστικά του για οποιοδήποτε project, όσο περίπλοκο κι αν είναι.

Το template φτιάχτηκε με το χέρι και ο κώδικας γράφτηκε από την αρχή, από τον front end developer μας και ήταν τελείως custom. Σε όλα τα βήματα του template επικεντρωθήκαμε να έχουμε το μικρότερο δυνατόν αποτύπωμα για να διατηρήσουμε την ιστοσελίδα όσο πιο ελαφριά γίνεται. Κάτι που είναι πολύ δύσκολο με τέτοιες ιστοσελίδες που στηρίζονται στην διαφήμιση.

Η Δομή

Το alfavita.gr είναι από τα μεγαλύτερα ειδησεογραφικά στην Ελλάδα. Σε περιόδους αιχμής έχει περισσότερους από 12 εκατομμύρια χρήστες ανά μήνα. Ναι καλά ακούσατε, 12000000 επισκέπτες τον μήνα σε περιόδους αιχμής χρησιμοποιώντας δεδομένα από τα analytics. Κατά την διάρκεια τέτοιων περιόδων έχουμε δει στα analytics να είναι ταυτόχρονα 4000 - 5000 χρήστες.

Για τον λόγο αυτό χρειάστηκε να στήσουμε ένα custom server stack για να το κάνουμε να λειτουργεί σωστά όλες τις φορές. Εφαρμόσαμε εργαλεία όπως Varnish cache, Percona db, nginx, php-fpm, memcache, load balancers και πολλά άλλα για να διατηρήσουμε τα πράγματα γρήγορα και ομαλά.

Είμαστε περήφανοι που έχουμε διατηρήσει σε αυτή την ιστοσελίδα τον χρόνο φορτώματος κάτω από 3 δευτερόλεπτα το 80% των περιπτώσεων, συμπεριλαμβανομένου και των διαφημίσεων. Για όσο διάστημα φιλοξενούσαμε την ιστοσελίδα στις υποδομές μας είχε πιστοποίηση SLA 99.9%

Alfavita material design category page screenshot

Έχεις μια καταπληκτική ιδέα; Ας την συζητήσουμε


...ή δείτε κι άλλες δουλειές