Master Roast PC. | Σχεδιασμός UI UX και Κατασκευή Ιστοσελίδας

Αρχική σελίδα Master Roast PC
Χρήση εικόνας Parallax

Για το project του σχεδιασμού διεπαφής της ιστοσελίδας της εταιρίας Master Roast PC ξεκινήσαμε με μια ανανέωση στο λογότυπο τους.

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

Η επιλογή του σκούρου κόκκινου για τη χρωματική παλέτα έχει επίσης τις ρίζες της στο καβούρδισμα του καφέ. Το σκούρο κόκκινο, που θυμίζει βαθιά καβουρδισμένους κόκκους, απεικονίζει την ουσία της ίδιας της διαδικασίας καβουρδίσματος. Αντανακλά την ένταση και την τόλμη που υπάρχει σε ένα καλοφτιαγμένο φλιτζάνι καφέ, δημιουργώντας μια οπτική ένωση που εκφράζει απόλυτα την βασική ταυτότητα της Master Roast PC ως εταιρεία εμπορίου και επεξεργασίας καφέ. Επιπλέον, η επιλογή αυτού του χρώματος ενισχύει την οπτική ταυτότητα του brand, αφηγούμενη μια ιστορία παράδοσης, ποιότητας και καλλιτεχνίας πίσω από την τεχνογνωσία τους στο καβούρδισμα.

Ποιοι είμαστε | Αρχική σελίδα
Γνωρίστε την εταιρία μας

Master Roast PC | Η διεπαφή σε mobile συσκευές
Αρχική σελίδα, Sidebar Menu, Γραφικά στοιχεία που συνδυάζουν ένα φλιτζάνι με κόκκους καφέ, κάρτες με οριζόντιο χειροκίνητο scroll

Σελίδα επικοινωνίας

Δημιουργήσαμε τη σελίδα της Επικοινωνίας με μια προσεγμένη σχεδίαση διαχωρισμένης οθόνης. Στην αριστερή πλευρά, τοποθετήσαμε μια φωτογραφία που τραβήχτηκε στο εργοστάσιο του Master Roast PC που απεικονίζει δύο χέρια να κρατούν απαλά κόκκους καφέ. Αυτή η εικόνα δεν είναι απλώς ένα οπτικό στοιχείο αλλά συμβολίζει την στενή σύνδεση του καφέ με την ανθρωπότητα, όπου οι κόκκοι εμπλέκονται σε μια απτική «επαφή» με τα ανθρώπινα χέρια, αναδεικνύοντας τον ζεστό χαρακτήρα της εταιρείας.

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

Μπορείτε να δείτε ολοκληρωμένη την ιστοσελίδα της Master Roast PC στο www.masterroast.gr