BrewThink Website
Μια ιστοσελίδα προϊόντος φτιαγμένη σαν προϊόν, όχι συναρμολογημένη σε page builder.
- ΠΕΛΑΤΗΣ
- BrewThink
- ΕΤΟΣ
- 2026
- Ο ΡΟΛΟΣ ΜΑΣ
- Ανάπτυξη theme, κίνηση, SEO, σύνδεση με την εφαρμογή
- ΤΕΧΝΟΛΟΓΙΕΣ
- WordPress, PHP, ACF
01 / Επισκόπηση
Το BrewThink χρειαζόταν δημόσια ιστοσελίδα που να εξηγεί το προϊόν, να δείχνει τις τιμές και να στέλνει τους επισκέπτες στη web εφαρμογή και στα stores. Ο σχεδιασμός παραδόθηκε σε Figma· τον υλοποιήσαμε ως custom WordPress theme, ώστε η ομάδα να επεξεργάζεται κάθε ενότητα μόνη της και η ιστοσελίδα να παραμένει γρήγορη.
02 / Η πρόκληση
Να αποδοθεί ένας λεπτομερής σχεδιασμός με ακρίβεια, μαζί με ένα hero όπου η μπίρα σερβίρεται καθώς κάνεις scroll, χωρίς το βάρος ενός page builder. Το περιεχόμενο να το επεξεργάζονται μη τεχνικοί, και το γλωσσάρι της ιστοσελίδας να είναι πάντα ίδιο με αυτό μέσα στην εφαρμογή, χωρίς να το συντηρεί κανείς δύο φορές.
03 / Τι φτιάξαμε
Custom theme, χωρίς page builder
Επτά πρότυπα σελίδων και περίπου σαράντα πέντε επιμέρους τμήματα, γραμμένα σε PHP πάνω σε ελαφρύ σκελετό. Κάθε ενότητα είναι ομάδα πεδίων ACF με προεπιλεγμένο περιεχόμενο, ώστε η ιστοσελίδα να εμφανίζεται σωστά ακόμη και πριν συμπληρωθούν τα κείμενα.
Ένα hero που σερβίρει καθώς κάνεις scroll
Κίνηση σε canvas που ακολουθεί τη θέση του scroll, με 65 καρέ WebP για υπολογιστή και 65 για κινητό, προφορτωμένα και με προτεραιότητα. Σέβεται τη ρύθμιση μειωμένης κίνησης και χωρίς JavaScript δείχνει στατική εικόνα.
Φτιαγμένη για ταχύτητα και αναζήτηση
Εικόνες WebP, γραμματοσειρές από τον ίδιο τον server, lazy loading, CSS που φορτώνει μόνο στις σελίδες που το χρειάζονται, και δομημένα δεδομένα για τις συχνές ερωτήσεις και το γλωσσάρι, ώστε οι μηχανές αναζήτησης να καταλαβαίνουν το περιεχόμενο.
Συνδεδεμένη με την εφαρμογή
Η σελίδα του γλωσσαρίου τραβά τους όρους από το API της εφαρμογής BrewThink και τους κρατά για πέντε λεπτά: μία πηγή αλήθειας, με αναζήτηση και φίλτρα ανά γράμμα και κατηγορία στην ιστοσελίδα.
04 / Αποτελέσματα
Μια ιστοσελίδα που η ομάδα του BrewThink επεξεργάζεται χωρίς να αγγίζει κώδικα, φορτώνει γρήγορα στο κινητό, παρουσιάζει καθαρά το προϊόν και τις τιμές του, και δεν ξεσυγχρονίζεται ποτέ από την εφαρμογή.