Studi Kasus: Monolith Studio – Beragampengetahuan

Pernahkah Anda menemukan desain situs web studio tato dengan perhatian yang sama Kompleksitas menjadi studio desain, agen pengembangan atau industri kreatif lainnya? Mungkin tidak, karena industri tato Ruang digital jarang diprioritaskan. Sebagian besar situs web terkait tato cenderung sederhana, situs web portofolio tiga halaman untuk masing-masing seniman.

Kami berpikir, mengapa tidak mengambil skala, interaktivitas, dan penceritaan terstruktur dari industri lain dan menerapkannya pada dunia tato? Hal ini mengarah pada pembuatan situs web Monolith, yang menyatukan seniman tato terkenal, masing-masing memiliki portofolionya sendiri di dalam situs tersebut. Namun tujuan situs web tidak berhenti di situ.

Membawa tato ke era digital

Selama tahap konsep, kami tahu bahwa pengalaman interaktif 3D akan menjadi inti, menyambut pengguna sejak detik pertama. Idenya adalah untuk membuktikan bahwa industri tato tidak ketinggalan. Tato bisa menjadi digital seperti industri lain yang telah bertransformasi atau sedang bertransformasi.

Namun tujuannya tidak berhenti di situ. Tantangan berikutnya adalah menemukan cara untuk menampilkan portofolio masing-masing artis tanpa harus terus-menerus menelusuri berbagai halaman. Selain itu, kami bertujuan untuk menciptakan sesuatu yang mirip dengan basis pengetahuan yang berisi artikel yang didedikasikan untuk budaya dan seni tato.

konsep visual utama

Berdasarkan namanya mungkin kita langsung terpikir dengan konsep visualnya. Tapi bukan itu masalahnya. Awalnya, kami mempertimbangkan sebuah patung dan merasa itu akan sangat cocok untuk industri tato dan estetikanya.

Namun, setelah banyak berdiskusi dengan Okan dan Oscar, kami menyadari bahwa konsep visual terbaik dan paling menarik tersembunyi di dalam namanya sendiri – Monolith – walaupun terlihat ironis.

Pemodelan dan Desain

Grafik 3D berfungsi sempurna dengan latar belakang hitam atau latar belakang gelap lainnya. Dengan menggunakan bayangan tambahan, Anda dapat menciptakan kedalaman dan memberi kesan bahwa objek tersebut tertanam di latar belakang halaman. Hal sebaliknya terjadi bila menggunakan latar belakang putih dan objek bayangan. Pengaturan pencahayaan tradisional seperti softbox (lampu dasar dalam program 3D) atau lampu sorot tidak cocok untuk skenario ini.

Cara paling menarik dan menarik untuk melakukan ini adalah dengan menggunakan penetasan yang jelas dan terdefinisi dengan baik, yang membantu mencapai koneksi mulus dengan latar belakang. Garis-garis ini menekankan objek tanpa merusak estetika desain secara keseluruhan. Situs web ini semakin dilengkapi dengan tipografi tebal, garis bersih, dan fokus pada kisi terstruktur.

Adegan 3D dan dunia tambahan

Adegan 3D lebih dari sekedar elemen visual, ia menciptakan dunia yang imersif. Ini melampaui permukaan situs web dan memungkinkan pengguna merasakan hubungan yang lebih dalam dengan konten. Dunia ini menambahkan lapisan dan kompleksitas pada penceritaan, menjadikan situs ini bukan sekadar portofolio tetapi juga perjalanan interaktif.

Tantangannya adalah menciptakan pantulan pada bongkahan batu yang menutupi segala sesuatu di sekitarnya. Kami menghabiskan lebih dari seminggu untuk menyempurnakan efek ini dan kami sangat senang dengan hasilnya. Berikutnya adalah tahap rendering dan penyesuaian grafis jaringan. Kita perlu sedikit mengurangi framerate dan ukuran file.

kontrol kamera

Kami mempertimbangkan tiga metode menggerakkan kamera. Namun bagi saya, bagian paling menarik dari proses pengembangan adalah mengujinya dengan konten dan kemudian merender kamera yang sudah ada di dalamnya ke dalam gerakan itu sendiri. Kami melakukan hal yang sama di halaman beranda. Semua tindakan hadir dengan 30FPS untuk kelancaran yang lebih baik.

Salah satu aspek terpenting adalah memiliki sistem manajemen yang ramah pengguna. Portofolio seniman pada dasarnya adalah kumpulan karya berbeda dalam berbagai format – gambar, video, berita, dan media. Setiap seniman di Monolith Studio memiliki segudang karya dan pengalaman yang ingin kami soroti, serta perjalanan pribadi mereka hingga saat ini. Dalam hal ini, tidak perlu memiliki situs web terpisah untuk setiap artis, karena situs web studio mencakup aspek ini secara komprehensif.

Sistem CMS dirancang berdasarkan jenis konten yang diunggah. Jika Anda mengupload video, bagian tambahan dengan bingkai diam akan muncul. Jika ada artikel berita atau konten lainnya, kami akan menampilkan bagian tambahan. Beberapa sistem memiliki struktur bersarang di mana satu koleksi tertanam di dalam koleksi lainnya, sehingga memungkinkan pengelolaan konten dinamis.

Hal lainnya adalah sistem slider pada halaman artis dan portofolio artis sedikit berbeda. Penggeser di halaman beranda seniman menampilkan karya terpenting dari berbagai sudut, sedangkan portofolionya sendiri menampilkan karya seni secara lebih detail dan dalam skala yang lebih besar.

Pemutaran suara artikel

Fitur ini ditambahkan karena penasaran. Okan tertarik untuk menyederhanakan interaksi pengguna bagi orang-orang yang tidak suka membaca informasi dalam jumlah besar dan lebih suka mendengarkannya di latar belakang.

Saya tidak yakin apakah kami dapat mengintegrasikan fungsi tersebut karena saya belum pernah mengalami hal ini sebelumnya. Namun, ternyata hal itu mungkin saja terjadi. Saat ini, fitur ini hanya tersedia di versi desktop, namun kami berencana menambahkannya ke versi seluler pada akhir tahun ini, sambil menunggu beberapa pengujian.

Persyaratan dan Karir Tato

Mengirimkan permintaan tato bukanlah tugas yang mudah. Hal ini terutama karena memerlukan banyak masukan. Klien perlu memilih artis, memahami semua detailnya, mengomunikasikan keinginannya, dan melakukan percakapan. Penting juga untuk dicatat bahwa banyak klien melakukan perjalanan ke New York khusus untuk mendapatkan tato impian mereka dan membuat rencana sebelumnya untuk memesan dengan artis tertentu. Tidak seperti layanan lainnya, tato akan tetap ada seumur hidup Anda, jadi pengisian formulir aplikasi harus dilakukan dengan serius. Memberikan informasi komprehensif dari klien merupakan langkah penting dalam proses ini.

Kita harus memvalidasi semua kolom dengan hati-hati, menghapus kolom yang tidak perlu, dan memberikan kesempatan kepada pengguna untuk membagikan semua yang diperlukan agar sesi berhasil. Semua informasi awal dikumpulkan dari seniman tato di studio, yang tahu persis apa yang mereka butuhkan untuk memahami keinginan klien. Sebagai seorang desainer, tanggung jawab saya adalah mengatur informasi ini dengan benar dan membaginya menjadi beberapa entitas untuk memastikan pemahaman yang jelas dan komunikasi yang lancar. Semua formulir terintegrasi dengan MailChimp melalui webhook untuk mengelompokkan audiens untuk pemasaran email dan pemberitahuan lebih lanjut.

Dari sudut pandang tim, hal ini memungkinkan kami memfilter dan memproses permintaan berdasarkan informasi yang diberikan. Kami dapat mengidentifikasi dari mana permintaan tersebut berasal dari klien serius yang fokus untuk mendapatkan hasil berkualitas, dan dari mana orang tersebut tidak yakin dengan apa yang diinginkannya. Ini membantu untuk melakukan panggilan dan melanjutkan pemrosesan detail sesi.

Proses lamaran karir sangat mirip. Seniman dipilih berdasarkan karya dan pengalaman mereka. Para calon mungkin memiliki kesempatan untuk magang di studio dan belajar dari para master terbaik di industri tato di New York dan di seluruh dunia.

sebagai kesimpulan

Kolaborasi yang sukses hanya terjadi ketika semua peserta memiliki pemahaman yang sama. Ketika semua orang bekerja sama untuk kepentingan proyek, sinergi luar biasa akan tercipta. Saya sangat berterima kasih kepada seluruh tim atas kepercayaan dan dedikasinya. Bersama-sama kita mencapai tujuan kita. Dua minggu setelah peluncuran, situs tersebut telah menerima sekitar 100.000 pengunjung. Proyek ini juga telah memenangkan beberapa penghargaan, termasuk Site of the Day Award dari Awwwards, FWA, CSS Design Award, dan banyak lagi.

Kolaborasi kami tidak berakhir di situ. Kami berencana untuk terus menambahkan fitur, halaman, dan proyek baru lainnya ke Monolith Studio. Demo desain lengkap tersedia di Behance. Anda juga akan menemukan link ke anggota tim dan nominasi lainnya di sana.