Από το kickoff στο launch: τι συμβαίνει πραγματικά σε ένα website project

Οι περισσότεροι πελάτες βλέπουν ένα website project σε δύο στιγμές: όταν υπογράφουν την προσφορά και όταν το site βγαίνει live. Ανάμεσα όμως υπάρχουν εβδομάδες δουλειάς, δεκάδες αποφάσεις και αρκετές εγκρίσεις που καθορίζουν το τελικό αποτέλεσμα.

Ως project managers, η ερώτηση που ακούμε πιο συχνά είναι «σε ποιο σημείο βρισκόμαστε;». Γι' αυτό γράψαμε αυτόν τον οδηγό. Περιγράφει τις επτά φάσεις από τις οποίες περνά κάθε website που φτιάχνουμε στο dontmatter, τι κάνουμε εμείς σε κάθε μία και τι χρειαζόμαστε από εσάς.

Δεν είναι μια γραμμή παραγωγής. Είναι μια διαδικασία που κρατά τη στρατηγική, το design και τον κώδικα στην ίδια κατεύθυνση, ώστε αυτό που βγαίνει live να είναι αυτό που πραγματικά χρειάζεται η επιχείρησή σας.

1. Kickoff & Discovery: καταλαβαίνουμε πριν σχεδιάσουμε

Το discovery είναι η πιο σημαντική φάση του project, και η πιο εύκολη να την παραλείψει κανείς. Εδώ μαθαίνουμε την επιχείρησή σας: τι πουλάτε, σε ποιον, ποιοι είναι οι ανταγωνιστές σας και τι πρέπει να πετύχει το νέο site.

Στο kickoff meeting συζητάμε για:

• Στόχους: περισσότερα leads, online πωλήσεις, κρατήσεις, αναγνωρισιμότητα;
• Χρήστες: ποιος μπαίνει στο site, τι ψάχνει και τι θέλουμε να κάνει.
• Τεχνικές ανάγκες: e-shop, πολυγλωσσικότητα, συνδέσεις με ERP, CRM ή συστήματα κρατήσεων.
• Τι υπάρχει ήδη: το τρέχον site, τα δεδομένα του από Analytics και Search Console, το branding και τις οδηγίες σας.

Τι χρειαζόμαστε από εσάς: έναν βασικό υπεύθυνο επικοινωνίας από την πλευρά σας και ειλικρινείς απαντήσεις. Ένα «δεν ξέρουμε ακόμα» είναι πολύ πιο χρήσιμο από μια υπόθεση που θα αλλάξει στη μέση του project.

Παραδοτέο: ένα σύντομο brief με στόχους, scope και χρονοδιάγραμμα, που γίνεται το σημείο αναφοράς για όλες τις επόμενες αποφάσεις.

2. Sitemap & αρχιτεκτονική περιεχομένου

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

Σε αυτή τη φάση:

• Χαρτογραφούμε τις σελίδες και τις κατηγορίες.
• Ορίζουμε ποιο περιεχόμενο χρειάζεται κάθε σελίδα.
• Αν υπάρχει παλιό site, καταγράφουμε τα URLs που πρέπει να μεταφερθούν με redirects, για να μη χαθούν οι θέσεις στη Google.

Τι χρειαζόμαστε από εσάς: έγκριση του sitemap. Μια αλλαγή εδώ κοστίζει λίγα λεπτά. Η ίδια αλλαγή μετά το development μπορεί να κοστίσει μέρες.

3. Κείμενα & φωτογραφίες: πριν ξεκινήσει το design

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

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

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

Τι χρειαζόμαστε από εσάς: τελικά κείμενα, όχι πρόχειρα, και φωτογραφίες σε καλή ανάλυση. Αν θέλετε να αναλάβουμε εμείς το copywriting ή τη φωτογράφιση, το προγραμματίζουμε σε αυτή τη φάση.

4. Design: ξεκινάμε από την αρχική σελίδα

Το design ξεκινά πάντα από την αρχική σελίδα, σχεδιασμένη στο Figma με τα πραγματικά σας κείμενα και φωτογραφίες. Ανάλογα με το project, σχεδιάζουμε μαζί και μία βασική εσωτερική σελίδα, για παράδειγμα μια σελίδα προϊόντος σε ένα e-shop ή μια σελίδα έργου σε ένα portfolio.

Το ύφος του site βασίζεται στο branding σας: λογότυπο, χρώματα, γραμματοσειρές και τις οδηγίες που μας έχετε δώσει. Δεν επινοούμε μια νέα ταυτότητα. Μεταφέρουμε τη δική σας στο web, ώστε το site να μοιάζει φυσική συνέχεια της επιχείρησής σας.

Δεν ξεκινάμε με ασπρόμαυρα wireframes. Ένα πραγματικό design, με τα δικά σας υλικά, είναι πολύ πιο εύκολο να το αξιολογήσει κανείς από ένα αφηρημένο σχεδιάγραμμα. Όταν εγκριθεί η αρχική, επεκτείνουμε το ίδιο ύφος στις υπόλοιπες σελίδες.

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

Παραδοτέο: εγκεκριμένα designs, έτοιμα για development.

5. Development: από το design στον κώδικα

Οι developers μετατρέπουν τα designs σε λειτουργικό site. Στήνουμε το CMS, ώστε να μπορείτε να διαχειρίζεστε μόνοι σας σελίδες, άρθρα και προϊόντα, και υλοποιούμε όλες τις λειτουργίες που ορίστηκαν στο discovery.

Το site που παραδίδουμε είναι πιστή υλοποίηση του design που εγκρίνατε, όχι κάτι που απλώς του μοιάζει. Δεν ξεκινάμε από έτοιμο template για να το προσαρμόσουμε όσο γίνεται. Κάθε σελίδα χτίζεται αποκλειστικά για τη δική σας επιχείρηση, με τις αποστάσεις, την τυπογραφία και τις λεπτομέρειες που είδατε στο Figma. Αυτό που βλέπετε στο design είναι αυτό που θα βγει live.

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

Στο development ανήκουν και όσα δεν φαίνονται αλλά μετράνε:

• Responsive συμπεριφορά σε κάθε μέγεθος οθόνης.
• Ταχύτητα φόρτωσης και τεχνική βάση για SEO.
• Συνδέσεις με τρίτα συστήματα: πληρωμές, courier, newsletter, ERP.
• Ασφάλεια και backups.

Δεν χρειάζεται να περιμένετε το τέλος για να δείτε πρόοδο. Δουλεύουμε σε staging περιβάλλον και μοιραζόμαστε link μόλις υπάρχει κάτι ουσιαστικό να δείτε.

Τι χρειαζόμαστε από εσάς: να συζητάμε κάθε αλλαγή scope πριν γίνει. Μια νέα λειτουργία στη μέση του development είναι εφικτή, αλλά επηρεάζει χρόνο και κόστος, και θα σας το πούμε πριν την υλοποιήσουμε.

6. QA: ελέγχουμε πριν ελέγξει ο χρήστης

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

Ελέγχουμε:

• Εμφάνιση σε διαφορετικούς browsers και συσκευές.
• Φόρμες, emails επιβεβαίωσης και ολόκληρη τη διαδικασία αγοράς, αν υπάρχει e-shop.
• Ταχύτητα φόρτωσης και Core Web Vitals.
• Σπασμένα links, redirects από το παλιό site, meta tags και sitemap.
• Σωστή λειτουργία του tracking: Google Analytics, Tag Manager, pixels.

Τι χρειαζόμαστε από εσάς: έναν τελευταίο γύρο ελέγχου με τα δικά σας μάτια. Εσείς ξέρετε καλύτερα από όλους αν μια τιμή, ένα τηλέφωνο ή μια περιγραφή προϊόντος είναι σωστά.

7. Launch & μετά: η αρχή, όχι το τέλος

Το launch γίνεται σε προγραμματισμένη ώρα, συνήθως με χαμηλή επισκεψιμότητα, και το παρακολουθούμε στενά τις πρώτες μέρες. Κάνουμε τα τελευταία βήματα: σύνδεση domain, SSL, υποβολή sitemap στο Google Search Console και έλεγχο ότι τα redirects δουλεύουν σε πραγματικές συνθήκες.

Μετά το launch σας δίνουμε εκπαίδευση στο CMS, ώστε να ενημερώνετε το site χωρίς να εξαρτάστε από εμάς για κάθε αλλαγή.

Ένα website όμως δεν τελειώνει ποτέ πραγματικά. Τα δεδομένα των πρώτων μηνών δείχνουν τι λειτουργεί και τι μπορεί να βελτιωθεί. Εκεί ξεκινά η συνεργασία για support, SEO και performance marketing, για όσους θέλουν να την συνεχίσουμε.

Συμπέρασμα

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

Σκέφτεστε νέο website ή redesign του υπάρχοντος; 
Επικοινωνήστε μαζί μας και ας ξεκινήσουμε από το πιο σημαντικό βήμα: το discovery.