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

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

  • Πελάτης Master Roast PC
    Εμπόριο & Επεξεργασία Καφέ
  • Έτος 2024
  • Υπηρεσία Σχεδιασμός UI UX και Κατασκευή Ιστοσελίδας

Η διαδικτυακή παρουσία του Master Roast PC συνδυάζει τον μοντέρνο μινιμαλισμό με την παραδοσιακή γοητεία, με εκλεπτυσμένο σχεδιασμό UI/UX σε σκούρες κόκκινες και σκούρες γκρι αποχρώσεις.

image

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

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

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

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

image

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

image

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

image

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


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

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

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

ΕΠΙΣΤΡΟΦΗ

Φόρμα Επικοινωνίας Ας μιλήσουμε!