YETI PICTURES

ΥΠΗΡΕΣΙΕΣ:
- Σχεδιασμός ιστοσελίδας
- UI - UX
- Storytelling
ΒΡΑΒΕΙΑ - ΔΙΑΚΡΙΣΕΙΣ:
- Ebge Awards
- Awwwards
- FWA
- Css Design Awards
- Ermis Awards
Επισκεφθείτε online

Yeti Motion digital design player kommigraphics

Η ανανεωμένη ιστοσελίδα της Yeti Pictures έχει στόχο να απεικονίσει την ιδιότητα του γραφείου και την εξειδίκευση του στo motion design.
H σύνθεση εικόνας και χρόνισμών “blending time with striking imagery” για την τέλεια απόδοση της κίνησης ήταν και για εμάς η έναρξη της δημιουργικής εξερεύνησης για τη δημιουργία της νέας ιστοσελίδας της εταιρείας.

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

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

Προς ενίσχυση του βασικού concept “blending time with striking imagery” μεγάλη προσοχή δόθηκε στα key animation styleguides και micro animations της σελίδας μέσω του WebGL κώδικα, αποδίδοντας το expertise της εταιρείας
με ένα απροσδόκητο τρόπο ανά σελίδα που ταιριάζει καλύτερα στο περιεχόμενό της.

Στην αρχική σελίδα δημιουργήσαμε ένα οργανικό parallax περιβάλλον όπου η μία εικόνα μπλέκεται με την άλλη και παράλληλα στο hover state τους εμφανίζεται ένα μικρό preview του έργου που περιλαμβάνουν τα αντίστοιχα thumbs ενώ σε κάθε refresh randomly τα έργα αλλάζουν ελαφρώς θέση κάνοντας την αρχική σελίδα ένα σχεδόν υβριδικό περιβάλλον.

Μία από τις hero σελίδες της ιστοσελίδας αποτελεί αυτή του επιλεγμένου έργου η οποία φέρει πολλές διαφορετικές προδιαγραφές που θα έπρεπε να μελετηθούν αναλυτικά σε ότι αφορά στον τρόπο διαχείρισης του custom player των videos, τα transitions μεταξύ των sections καθώς επίσης και την λειτουργία της σελίδας στους διαφορετικούς κάθε φορά browsers, λειτουργικών και ratios των mobile συσκευών και τα limitations που αυτοί φέρουν σχετικά με τη θέση του navigation bar, το autoplay ή μη των videos τη διαχείριση του ήχου αλλά ακόμα και του scroll.

Μεγάλη προσοχή δόθηκε στα UI Elements και στην τυπογραφία ώστε να επικοινωνεί τον δημιουργικό αλλά κατά τα άλλα τεχνοκρατικό χαρακτήρα της εταιρείας, να δημιουργεί ταυτότητα (μιας και από μόνη της η εταιρεία δεν ακολουθεί ένα συγκεκριμένο visual language) καθώς επίσης στην προσθήκη διαφορετικών features και παραμετροποιήσεων των σελίδων κυρίως στο mobile version για την καλύτερη εμπειρία του χρήστη.