Portofolio Rogier de Boevé 2024 – Beragampengetahuan

memperkenalkan

Merancang dan mengembangkan portofolio produk merupakan tantangan berat bagi setiap desainer atau pengembang, dan melakukannya sambil mengerjakan proyek klien bahkan lebih menuntut. Hal ini sering kali berarti bekerja pada malam hari dan akhir pekan, terus-menerus mempertanyakan apakah konsep Anda secara efektif menunjukkan visi dan keterampilan Anda. Bagi saya, tidak ada bedanya. Saya harus melalui beberapa iterasi sebelum menemukan keseimbangan yang tepat.

inspirasi

Saya selalu menjadi penggemar berat film fiksi ilmiah distopia seperti Blade Runner 2049, Mad Max, dan Dune, yang memiliki suasana gelap dan berpasir. Saya ingin situs web ini membangkitkan estetika visual film-film ini tanpa terlihat terlalu futuristik. Kontras antara lanskap yang luas dan terpencil serta elemen fiksi ilmiah canggih yang penuh gaya adalah inspirasi utama desain visual saya.

Namun, inspirasi untuk portofolio saya tidak dicari secara aktif sebelumnya. Gaya visual ini berkembang secara alami melalui eksperimen, memengaruhi berbagai elemen seperti antarmuka pengguna dan desain suara.

perancangan dan pengembangan

Dengan WebGL yang begitu menonjol, situs seperti ini mendapat manfaat dari iterasi yang konstan antara desain dan pengembangan. Anda mungkin memiliki gambaran kasar tentang apa yang ingin Anda capai, tetapi hal itu tidak selalu berjalan sesuai keinginan Anda.

Visi Guru

Ide dasarnya adalah memproyeksikan gambar atau video ke dalam kotak kubus transparan, dengan setiap kubus diberi nilai alfa acak untuk membuat lapisan kedalaman tambahan. Saya segera menyadari bahwa mengacak sepenuhnya nilai alfa setiap kubus tidak akan berhasil karena kurangnya struktur. Saya memutuskan untuk menggabungkan nilai alfa acak per baris (sumbu z) dengan alfa per kubus untuk menemukan keseimbangan sempurna antara struktur dan keacakan.

Untuk menavigasi pemandangan, saya tidak menggerakkan kamera. Sebagai gantinya, saya memutar layar dan mereka ditempatkan secara merata di sepanjang jalur melingkar. Saya selalu berusaha menghindari menulis terlalu banyak logika kamera karena ini bisa menjadi sangat rumit, terutama saat menambahkan panel kamera.

Proyeksi gambar proyek disinkronkan dengan kamera tetapi sedikit diimbangi untuk menciptakan efek paralaks. “Layar kubus” disembunyikan saat tidak terlihat untuk meningkatkan kinerja.

rendering pipa

Sejak awal saya menggunakan Photoshop, saya selalu senang bereksperimen dengan menggunakan lapisan untuk membuat efek visual yang kompleks. Tentu saja dengan WebGL kita dapat membuat lapisan ini dinamis dan interaktif.

Saya telah mengerjakan pipeline render selama beberapa waktu, yang memungkinkan saya memanipulasi dan mengontrol urutan render secara tepat, mengaktifkan lapisan dan efek visual yang dapat menyesuaikan dan menskalakan performa secara dinamis.

tumpukan teknologi

Salah satu keuntungan proyek pribadi adalah kebebasan penuh dalam memilih tumpukan teknologi Anda. Saya sangat senang dengan tumpukan yang saya gunakan pada proyek non-CMS baru-baru ini, jadi tidak ada alasan untuk mengubahnya. Karena banyaknya pembaruan konten dan kemudahan penggunaan kerangka kerja seperti Astro, saya memutuskan untuk tidak menautkan situs web saya ke CMS mana pun.

antarmuka pengguna

Antarmuka pengguna menampilkan estetika fiksi ilmiah minimalis yang dirancang untuk melengkapi keseluruhan lingkungan tanpa mengganggu visual utama. Tata letaknya sengaja dibuat tipis, memungkinkan visual utama bersinar tanpa terbebani oleh terlalu banyak detail.

suara

Karena tujuan saya adalah menciptakan suasana sinematik, desain suara sangatlah penting. Soundscape perlu mencerminkan pergerakan dalam adegan, lanskap yang luas, dan interaksi halus dari pengguna.

Untuk suara sekitar, saya menggabungkan karya generatif berjudul “Drones 2” oleh Alex Bainter dengan sampel dari AVA Music Group. Semua suara lainnya merupakan sampel dari AVA atau diekstraksi dari suara sekitar untuk menciptakan pengalaman yang koheren dan mendalam.

font

Saya tidak perlu mencari terlalu keras untuk menemukan font monospace utama. JetBrains Mono adalah font open source gratis saya untuk pengkodean dan berfungsi dengan baik untuk saya. Untuk elemen teks lainnya saya menggunakan Neue Haas Grotesk, font yang sangat mudah dibaca dan elegan yang berfungsi dengan baik baik dalam ukuran besar maupun kecil.

surat terima kasih

Saya mengharapkan respon positif ketika saya memposting update portofolio ini, namun tidak pernah membayangkan respon luar biasa yang saya terima dari komunitas. Saya ingin mengucapkan terima kasih kepada semua orang yang meluangkan waktu untuk berkomentar, menyukai, atau membagikan karya saya. Dukungan Anda sangat berarti bagi saya.