Example of Interesting UI on Website (Life Of Pi )

Post kali ini merupakan Tugas 1 untuk Mata Kuliah "Interaksi Manusia dan Komputer" Ilmu Komputer IPB, mengenai contoh antarmuka yang menarik, dalam hal ini antarmuka movie-website.

Mungkin bagi anda yang sudah menonton atau tahu film Life of Pi, membahas film ini terasa kurang up-to-date. Memang film ini sudah lama dirilis, tepatnya pada 21 November 2012 lalu. Pada masa sekarang ini, sudah wajib hukumnya sebuah film mempunyai sebuah website sendiri. Fungsinya bermacam-macam, mulai dari promosi, penjualan, maupun hiburan dengan game-game sederhana. Dari sekian banyak situs film yang ada sekarang, menurut saya belum ada situs lain yang semenarik situs ini.  Alasannya? Berikut sebagian hal-hal menarik yang ada.

1. Scrolling Style
Hal yang pertama kali menarik perhatian saya waktu itu adalah situs ini dibuat dengan gaya scroll untuk transisi antar kontennya. Saat ini sudah banyak sekali situs-situs yang menggunakan style seperti itu, namun untuk 3 tahun yang lalu, itu merupakan fitur yang menarik buat saya.



Halaman awal yang menginstruksikan untuk scroll down



2. Behind The Scene


Pada website ini, disertakan pula beberapa adegan-adegan utama beserta Behind The Scene-nya. Film ini memang hampir seluruh adegannya menggunakan efek animasi komputer, sehingga bagian Behind The Scene ini dapat menjadi referensi atau penambah wawasan bagi pengunjung yang memang tertarik di bidang visual effect. Adegan asli dengan adegan yang sudah diberi efek ditampilkan berurutan dengan scroll style dan transisi yang halus.



Behind The Scene adegan kapal






Behind The Scene dalam air 



Adegan dengan efek paling keren di film ini



3. Little Interactive Game


Selain Behind The Scene, ada satu fitur lagi yang unik yaitu satu game sederhana. Pada bagian ini, pengunjung diberikan pilihan untuk menentukan gambar mana yang asli dan mana yang merupakan efek komputer. Objek yang digunakan adalah seekor harimau partner tokoh utama di film ini. Sekilas, akan sulit untuk menentukan yang mana yang asli, karena pada film ini efek yang digunakan tidak tanggung-tanggung.





Spot the difference. Can you?

Terlepas dari tampilan yang bagus dan efek yang unik pada situs ini, proses loading yang agak lambat merupakan kelemahan yang paling terasa. Tentu saja hal itu disebabkan situs ini memproses banyak sekali gambar sekaligus. Namun, tampilan yang menarik rasanya berhasil menutupi kelemahan tersebut.

sumber :  http://journey.lifeofpimovie.com