7 cara untuk membuat tata letak situs band yang akan Anda sukai

Baik Anda baru memulai dengan desain situs web band baru, atau memperbarui situs Anda untuk proyek baru yang sedang dikerjakan, platform Bandzoogle menyediakan alat yang hebat untuk memperluas kemungkinan tata letak situs web Anda.

Apa pun templat situs web band yang Anda pilih, ada banyak cara untuk menyesuaikan tata letak untuk menciptakan tampilan yang benar-benar sesuai dengan kebutuhan dan estetika spesifik Anda.

Saat membangun situs web untuk band Anda atau proyek musik lainnya, penting untuk memberikan informasi sejelas mungkin, sambil tetap setia pada merek dan nilai Anda sebagai seorang seniman.

Fitur "Gambar dan Teks" adalah salah satu fitur favorit saya untuk digunakan saat membuat tata letak unik untuk halaman situs web. Ini adalah fitur yang sangat serbaguna dan memastikan pemformatan yang bersih di semua perangkat.

Saya akan menunjukkan cara menggunakan fitur ini, dikombinasikan dengan penyesuaian bagian, untuk membuat tata letak situs web 7 band untuk berbagai keperluan di situs web Anda.

Pertama-tama, saya akan menjelaskan semua elemen fitur "Gambar dan Teks" yang dapat digunakan atau dihilangkan sesuai kebutuhan:

• Gambar: Tentu saja, Anda dapat menambahkan gambar ke fitur "Gambar dan Teks". Gambar ini dapat dipangkas sebagai persegi, lingkaran, atau pada rasio 5:4 atau 16:9. Anda juga dapat menambahkan hyperlink ke gambar ini di area "Tautan gambar". Pastikan untuk mengoptimalkan gambar Anda untuk web sebelum mengunggahnya ke situs web Anda.
• Heading: Anda dapat menambahkan heading yang menarik gaya fontnya dari pengaturan "Heading 1" di tab Edit Theme.
• Subheading: Anda dapat menambahkan subheading yang menarik gaya fontnya dari pengaturan "Heading 2" di tab Edit Theme.
• Deskripsi: Deskripsi atau 'teks isi' di sini bisa pendek atau panjang, dan ada opsi untuk membungkus teks di sekitar gambar jika teksnya cukup panjang (mungkin untuk biografi artis yang mendalam - lebih lanjut tentang itu nanti ). Hyperlink dapat ditambahkan ke teks di area deskripsi.
• Tombol: Tombol dapat menautkan ke halaman eksternal, halaman di situs Anda, trek, album, file, atau alamat email.

Sekarang, inilah 7 cara menarik untuk menerapkan fitur ini dan penyesuaian tata letak lainnya ke situs web Anda - selamat menikmati!

1. Atur katalog musik Anda, portofolio proyek, dan banyak lagi

Jika Anda memiliki banyak proyek, layanan, album, dll. berbeda yang ingin Anda soroti pada halaman, opsi yang bagus adalah membuat 'halaman arahan' menggunakan beberapa fitur Gambar dan Teks di beberapa kolom di halaman Anda.

Untuk melihat ini beraksi, lihat halaman "Produksi dan Teknik" Jojo Worthington, di mana dia menggunakan fitur gambar dan teks untuk mendaftar semua kreditnya secara terorganisir.

Situs web artis: Jojo Worthington

Untuk mendapatkan tampilan serupa, pertama buat halaman atau bagian baru. Untuk membuat halaman baru, di bawah Edit Konten, klik "Halaman" > "Tambahkan halaman" dan beri nama halaman sesuai kebutuhan. Klik "Buat halaman saya".

Untuk membuat bagian baru, di bawah Edit Konten, arahkan kursor di antara dua bagian di halaman Anda dan klik tombol biru “+ Tambahkan bagian”.

Rancang situs web yang memukau dengan tampilan dan nuansa khusus yang sesuai dengan musik Anda. Bangun situs web dengan Bandzoogle sekarang!

Saya akan merekomendasikan membagi bagian halaman menjadi dua atau tiga kolom untuk memulai. Di bawah Edit Konten, klik "Bagian baru" (garis horizontal biru di dalam tata letak halaman) lalu arahkan kursor ke bagian yang Anda buat, dan klik "Edit Kolom" - lalu pilih "2 kolom" atau "3 kolom" di sini.

Untuk menambahkan fitur “Gambar dan Teks”, klik "Tambahkan fitur" > "Gambar dan Teks" dan tempatkan fitur tersebut di salah satu kolom di bagian ini menggunakan panah penempatan abu-abu. Pilih opsi tampilan "Stack" agar tombol dan teks apa pun berada di bawah gambar.

Kemudian, tambahkan gambar yang mewakili satu proyek/album/dll, dan tambahkan teks apa pun sesuai kebutuhan. Jika Anda tidak menginginkan judul/deskripsi apa pun, hapus saja perintah dari bidang teks dan biarkan kosong.

Untuk menambahkan tautan pada gambar ini, klik "edit" di bawah gambar mini gambar. Sebuah menu akan muncul di samping gambar. Klik "Tautan" dan kemudian pilih jenis tautan Anda - jika Anda membuat halaman diskografi, Anda dapat menautkan ke "Album" atau "Trek" untuk menautkan ke album atau trek/single yang disiapkan di situs Anda. Jika Anda membuat portofolio sebagai produser, insinyur, dll, Anda dapat menautkan ke "halaman eksternal" dan memasukkan URL ke proyek di bidang yang disediakan. Klik Terapkan.
Last but not least, ada opsi Tombol - untuk mengecualikan tombol, pilih "Tidak ada tautan" di bawah "Tautan Tombol". Atau, pilih jenis tautan lain (kemungkinan tautan yang sama dengan yang Anda terapkan pada gambar Anda).

Klik Simpan untuk menyimpan semua perubahan ini. Lanjutkan menambahkan fitur “Gambar dan Teks” untuk semua item dalam diskografi, portofolio proyek, dll. Setelah fitur tersebut dibuat, Anda akan memiliki kotak item yang bagus untuk diklik oleh pengunjung situs Anda.

2. Sorot proyek atau produk di beranda Anda

Cara hebat lainnya untuk menggunakan fitur "Gambar dan Teks" adalah dengan menyorot beberapa item utama di Beranda situs web band Anda. Beranda adalah tempat yang tepat untuk memberikan gambaran singkat tentang proyek terbaru Anda dan semua yang ditawarkan situs Anda. Mungkin Anda memiliki beberapa pengumuman menarik, atau ingin mengarahkan pengunjung situs Anda ke album baru, toko merchandise online, atau jadwal tur Anda.

Anda dapat menggunakan fitur "Gambar dan Teks" untuk menyorot hal-hal ini dengan jelas dan menautkan orang-orang ke halaman dalam situs Anda tempat konten ini dapat ditemukan. Penggunaan gambar selalu berguna untuk menarik perhatian pengunjung situs Anda. Ini membuat Beranda Anda terlihat bersih dan sederhana, dan mendorong lebih banyak interaksi dengan halaman dalam situs Anda.

Wolf & Moon dan Lightbound Music keduanya melakukan pekerjaan ini dengan baik di halaman beranda mereka.

Situs web artis: Wolf & Moon

Situs web artis: Lightbound Music

Perhatikan penggunaan gaya tampilan “Kolase” pada kedua halaman ini. Mereka telah menyesuaikan templat situs web mereka untuk melengkapi produk/proyek baru mereka sehingga warna latar belakang hamparan kolase sangat cocok dengan karya seni.

Anda benar-benar dapat bermain dengan banyak warna di sini, antara warna latar bagian, warna hamparan kolase, warna tombol, dan warna pada gambar yang Anda gunakan.

3. Tambahkan bio Anda untuk menambah kepribadian

Dengan pilihan judul, subjudul, tombol, dan gambar di fitur “Gambar dan Teks”, Anda dapat menambahkan banyak kepribadian saat Anda menulis bio musisi Anda. Anda dapat memilih untuk menyertakan atau menghilangkan salah satu item ini sesuai kebutuhan.

Annie Sumi melakukan pekerjaan ini dengan baik di halaman Bio-nya. Annie telah menempatkan kutipan yang selaras dengan latihan musiknya di bidang "subjudul" dari fitur "Gambar dan Teks". Ini akan ditata secara berbeda dan disorot di bagian atas bio-nya. Dia telah menggunakan opsi tampilan "split" untuk menempatkan gambar di samping teks bio.

Dia telah memangkas gambar headshot artisnya menjadi lingkaran - ini tidak hanya melengkapi gambar, tetapi juga mengalir dengan baik dengan tema dalam musiknya. Untuk memotong gambar di fitur "gambar dan teks", klik "edit" di bawah gambar mini gambar. Sebuah menu akan muncul di samping gambar. Klik "Pangkas" di sini dan pilih gaya potong yang sesuai untuk Anda. Seret gambar sesuai kebutuhan untuk memposisikannya dan klik Terapkan.

Dia juga telah mengaktifkan "On" sakelar "Bungkus teks" di bawah "Opsi" sehingga teks membungkus gambar. Ini akan merespons dengan baik untuk ukuran layar yang berbeda, dan membuat tata letak halaman terlihat penuh untuk seluruh panjang bio.

Artis: Annie Sumi

4. Buat EPK yang super terorganisir

Opsi tampilan lain untuk fitur "Gambar dan Teks" adalah "Teks pada gambar". Ini membebaskan begitu banyak kemungkinan untuk membuat beberapa tata letak indah yang sangat berfokus pada gambar. Opsi ini berfungsi dengan baik untuk membuat EPK di situs web Anda yang akan dihargai oleh pemesan dan orang-orang industri lainnya karena mereka dapat dengan cepat menemukan apa yang mereka cari dengan satu klik. Saya mengambil contoh ini dari EPK band saya sendiri, di mana elemen-elemennya diuraikan dengan jelas menggunakan opsi "Teks pada gambar".

Di sini, saya telah menyiapkan tata letak yang serupa dari saran “Halaman Landing” di atas (#1). Saya menggunakan beberapa gambar tekstur dari pemotretan yang kami lakukan untuk album baru kami, dan memotong semua ini sebagai lingkaran. Kemudian saya menambahkan "Heading" sederhana untuk setiap fitur gambar dan teks untuk memberi label berbagai elemen yang termasuk dalam EPK band kami.

Setiap gambar ditautkan ke halaman bukan dalam menu terpisah yang menyimpan konten untuk setiap kategori. Misalnya, saya memiliki halaman "EPK - Foto" khusus dengan semua foto pers kami di dalamnya.

Jangan ragu untuk mencoba ini untuk halaman EPK yang sangat visual!

Situs web artis: The Lifers

5. Buat halaman Info untuk Langganan, Layanan, dll.

Banyak anggota kami menawarkan layanan luar biasa kepada pengunjung situs mereka - apakah ini menjual langganan penggemar atau layanan khusus lainnya (pelajaran musik, sesi rekaman, terapi, dll), kami selalu kagum dengan apa yang dibawa anggota kami ke dunia.

Jackie Gage telah membuat halaman info yang bagus untuk penawaran Berlangganan mereka. Jackie menggunakan opsi tampilan "Split" untuk fitur "Image and Text" untuk menguraikan jenis layanan yang mereka tawarkan. Jackie sangat memanfaatkan komponen Heading, subheading, dan tombol dari fitur Gambar dan Teks sehingga informasi utama diuraikan dengan jelas untuk pengunjung situs mereka. Pekerjaan yang luar biasa di sini!

Situs web artis: Jackie Gage

6 . Gunakan latar belakang bagian untuk dampak besar dalam tata letak Anda

Ada begitu banyak kekuatan dalam citra besar. Dengan menambahkan gambar latar belakang ke bagian, Anda akan memecah halaman secara visual. Jeda ini disambut oleh mata manusia yang berputar, dan konten itu akan segera muncul sebagai penting dan menarik. Ini adalah cara hebat lainnya untuk memasukkan ajakan bertindak di suatu tempat di halaman.

The Intune Experience melakukan ini dengan indah di halaman beranda mereka. Mereka telah menetapkan gambar tekstur yang indah sebagai "gambar latar bagian" pada bagian di tengah halaman Beranda mereka. Mereka telah menambahkan kutipan dari diri mereka sendiri di fitur "Teks", diikuti oleh tombol tertaut, memanggil pengunjung untuk memesan sesi.

Tata letak ini sempurna, karena memberikan sentuhan pribadi, menarik secara visual, dan memberikan pesan yang jelas untuk terlibat. Kesederhanaan benar-benar kunci di sini.

Situs web artis: Becki Fleischer

7. Bersenang-senanglah dengannya!

Ada begitu banyak cara untuk bermain-main dengan tata letak jika Anda mau bereksperimen sedikit. Berikut adalah contoh bagus dari situs yang bermain dengan kemungkinan tata letak menggunakan pemotongan berbentuk, warna yang menyenangkan, latar belakang bagian, tata letak kolom yang berbeda, dan banyak lagi.

Piper Hayes telah mengukir estetika yang hebat di situs Pelatihan Vokalnya dengan penggunaan cropping melingkar dan opsi tampilan 'kolase' untuk fitur Gambar dan Teks. Situs ini menggabungkan palet warna yang bagus, citra tekstur yang indah, dan sentuhan pribadi yang tak kenal takut untuk menciptakan ruang online yang sangat ramah.

Situs web artis: Piper Hayes

Saya berharap posting ini telah membantu memberikan beberapa inspirasi tentang bagaimana Anda dapat membawa sentuhan pribadi dan estetis ke situs web Anda sendiri dengan membuat tata letak yang berbeda di halaman Anda. Tentu saja, jangan ragu untuk menghubungi tim dukungan pemenang penghargaan kami jika Anda ingin kami melihat apa yang telah Anda buat dan memberikan umpan balik. Kami menawarkan ulasan situs band gratis untuk semua anggota kami!