MILLHOUSE

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

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

Στην αρχική σελίδα δημιουργήσαμε ένα slider που είναι εμπνευσμένο από την κυκλική κίνηση του μύλου (σύμβολο της millhouse), καθώς επίσης σε δεύτερη ανάγνωση αποτελεί και τα διαφορετικά στάδια της ημέρας (κίνηση του ήλιου) που κάποιος μπορεί να απολαύσει τα γευστικά προϊόντα του brand.

Για την υλοποίηση του concept, επιλέξαμε να κάνουμε custom φωτογραφήσεις με bowls που περιέχουν τα προϊόντα της εκάστοτε κατηγορίας (χωρίς να εμφανίσουμε τις συσκευασίες), ενώ δώσαμε βάθος και μια πιο ρεαλιστική διάσταση μέσω του parallax effect στα floating περιμετρικά στοιχεία, τονίζοντας ακόμα περισσότερο τα συστατικά τους.

Το γενικότερο layout και user interface είναι έντονο, με μεγάλη απεικόνιση φωτογραφιών, τονισμένη ανά σημεία τυπογραφία. Στόχος μας είναι η εύκολη ανάγνωση από όλους τους επισκέπτες αλλά και τη διακριτή αλλαγή των sections, σε σελίδες με πολύ content.

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

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

Τέλος σε ότι αφορά τη χρήση της ιστοσελίδας από mobile συσκευές, ο σχεδιασμός έγινε εξαρχής για 4 διαφορετικά breakpoints, με εναλλαγές στο style guide της τυπογραφίας και παραμετροποιήσεις στο user experience, ώστε να πετύχουμε ένα άμεσο και γρήγορο user journey.