Studi Kasus: Motoyoshi Takamitsu | – Beragampengetahuan

Saya Meguru Muramoto, seorang desainer dan pengembang di Garden Even, sebuah studio kreatif yang berspesialisasi dalam pengalaman digital interaktif. Saya bertanggung jawab atas desain dan pengembangan situs portofolio fotografer Motoyoshi Takamitsu.

konteks

Saya pertama kali menjelajahi dunia fotografinya. Gayanya memadukan keacakan yang diilhami oleh kerusakan mekanis cahaya, suhu, kebisingan dan fotografi film, dan memiliki komposisi yang dihitung secara tepat. Kombinasi ini menciptakan gayanya yang unik, dalam kontingensi dan koeksistensi yang tepat. Situs web ini bertujuan untuk mengubah pendekatan artistiknya menjadi format digital, memberikan pengalaman mendalam yang memungkinkan pemirsa memasuki dunianya.

metode

Situs web ini dirancang untuk membantu pengunjung mengalami suasana fotonya secara intuitif dan menciptakan hubungan yang lebih dalam dengan pekerjaannya. Untuk melakukan ini, saya menerapkan metode berikut:

Gulir yang tak terbatas

Saya telah mengembangkan pengguliran tak terbatas di beranda saya, memungkinkan pengunjung untuk beralih dengan mulus dari satu foto ke foto lain untuk pengalaman penelusuran yang cairan dan bebas stres. Selain itu, saya merancang efek pengguliran untuk berubah secara dinamis sesuai dengan kecepatan gulir, yang selanjutnya meningkatkan rasa kontrol.

Mode Lihat

Ada dua mode tampilan: indeks dan tampilan yang diperluas. Transisi ke Extended View Feature Efek dan animasi mengingatkan pada efek negatif film, menciptakan transisi yang lancar antara ikhtisar dan fokus mendalam pada setiap foto.

Interaksi tikus dan efeknya

Untuk interaksi tikus, saya menghindari efek berlebihan untuk mempertahankan kualitas alami foto. Untuk meningkatkan rasa kontrol pengguna, saya menggabungkan efek paralaks saat menggulir untuk menambah kedalaman pengalaman. Saat melayang di atas foto dalam mode pembesaran, saya mengadopsi efek distorsi yang mirip dengan dilihat melalui jendela bidik kamera, yang membuat area di sekitar kursor terlihat lebih acak daripada sisa gambar.

desain

Tata letak sederhana dan dekorasi minimal secara alami akan menarik perhatian pada foto, memungkinkan pengunjung untuk menghargai detail dan suasana mereka. Untuk tipografi, saya memilih gaya yang melengkapi tekstur gambar sambil memastikan keterbacaan.

Ui

Sementara pengguliran horizontal menciptakan pengalaman mendalam, beberapa pengunjung mungkin tidak terbiasa dengannya. Untuk mengatasi masalah ini, saya menambahkan animasi pada beban pertama untuk membantu pengguna memahami arah pengguliran secara alami.

teknologi

CMS

Untuk mengoptimalkan kinerja, saya menggunakan WordPress dan membuat situs web statis. Saya menerapkan sistem yang memungkinkan pemilihan gambar beranda dari panel admin. Dengan menampilkan foto secara acak, saya dapat mengurangi beban saat membuat portofolio yang terasa tidak disengaja, memberi pengunjung pengalaman yang berbeda dengan setiap kunjungan.

Tumpukan Teknologi

• Webpack, Three.js, GSAP, Barba.js
• CMS: WordPress
• desain: Ara