Premium brand / ΠοτόΑυτοτελής μελέτη

Aether

Αυτοτελής μελέτη, χωρίς πελάτη: το Aether είναι φανταστικό ποτό από το Ηράκλειο. Ο ιστότοπος είναι πραγματικός και ζωντανός στο aether.selenedigital.com, με πλάνα παραγμένα με AI.

Το άνοιγμα του Aether: η επικεφαλίδα The fifth element. δίπλα σε παγωμένο αλουμινένιο κουτί με σταγόνες και ανάγλυφο κλαδί μάραθου

Το πρόβλημα

Τα premium brands ποτών παρουσιάζονται σχεδόν πάντα με το ίδιο μοτίβο: μεγάλες φωτογραφίες, λίγο κείμενο, ένα βίντεο που παίζει μόνο του κάπου στη μέση. Θέλαμε να δούμε τι γίνεται αν το βίντεο γίνει η ίδια η σελίδα.

Το Aether είναι ένα πείραμα σκηνοθεσίας: μια ταινία προϊόντος που δεν παίζει μόνη της, αλλά κυλά με τον ρυθμό του χεριού σου.

Η προσέγγιση

Ένα αρχείο HTML, χωρίς framework. Έξι πλάνα παίζουν καρέ-καρέ καθώς κυλάς: το scroll δεν προσπερνά την ταινία, τη σκηνοθετεί. Τα πλάνα είναι παραγμένα με AI και το δηλώνουμε: το brand είναι φανταστικό και δεν υπήρχε τίποτα να φωτογραφίσουμε.

Ο τίτλος κάθε κεφαλαίου συντίθεται πάνω στο φιλμ την ώρα που φτάνεις στο αντίστοιχο πλάνο, και σε reduced motion η κίνηση αποσύρεται χωρίς να χαθεί περιεχόμενο.

Στοιχεία

Κατάσταση
Live: aether.selenedigital.com
Υλοποίηση
Ένα αρχείο HTML, χωρίς framework
Φιλμ
6 πλάνα που κυλούν με το scroll
Κίνηση
GSAP ScrollTrigger + Lenis
Τυπογραφία
Fraunces + Inter
Πλάνα
Παραγμένα με AI
Κοντινό πλάνο από το φιλμ του Aether: ανοιγμένο κουτί με υδρατμό να ανεβαίνει και τη λέξη Open. να διακρίνεται πίσω του

Το αποτέλεσμα

Δεν υπάρχει build και δεν υπάρχει backend: ό,τι βλέπει ο επισκέπτης είναι ένα αρχείο HTML και έξι πλάνα που απαντούν στην κύλησή του.

Είναι ζωντανό στο aether.selenedigital.com: το πιο κινηματογραφικό κομμάτι της δουλειάς μας, φτιαγμένο με τα πιο απλά υλικά.

Δείτε το ζωντανά