Anjuran + larangan tentang cara menggunakan logo Anda dalam desain situs web Anda – Logo Anda tidak hanya memperkuat identitas merek Anda di header dan favicon situs web (gambar kecil di samping URL Anda), tetapi juga membuat pengalaman lebih menyenangkan dengan mengarahkan pengguna dan memungkinkan mereka untuk kembali ke beranda Anda kapan saja dengan mengklik logo.
Anjuran + larangan tentang cara menggunakan logo Anda dalam desain situs web Anda
firsthometour – Dalam posting ini, kami akan memandu Anda melalui apa yang harus dan tidak boleh dilakukan tentang cara menggunakan logo Anda dalam desain situs web Anda, dimulai dengan “dos.”
Baca Juga : 7 tips hebat untuk membuat halaman arahan yang efektif
Lakukan: Ratakan kiri logo Anda dan tautkan kembali ke beranda Anda
Logo rata kiri di situs web hadir dengan beberapa riwayat. Di masa lalu, browser biasanya diperbaiki, artinya logo yang ditempatkan di kanan (atau bahkan di tengah) terkadang tidak muncul, tergantung pada ukuran layar atau bentuk jendela browser.
Kebiasaan masyarakat Barat yang mengakar dalam membaca dari kiri ke kanan telah terbawa ke situs web dan desain seluler. Di bawah ini, Anda dapat melihat bagaimana merek ikonik dari Starbucks hingga Apple telah mengadopsi pendekatan logo rata kiri.
Karena orang terbiasa melihat logo berada di pojok kiri atas, menempatkan logo Anda di sana memberikan manfaat orientasi utama dari perspektif pengalaman pengguna. Logo yang diposisikan di tempat lain dapat membingungkan orang, atau bahkan menyebabkan pengalaman pengguna yang buruk dan rasio pentalan yang lebih tinggi.
Anda mungkin menemukan logo terpusat di situs web yang sarat konten seperti outlet berita dan majalah dan ini dapat berfungsi (mungkin juga merupakan posisi default dalam tema atau template situs web yang Anda pilih).
Merek kacamata independen Ollie Quinn menjalankan logo rata tengah dengan baik, karena tidak bertentangan dengan elemen halaman lainnya dan berfungsi dengan navigasi situs.
Lakukan: Gunakan versi PNG dari logo Anda dengan latar belakang transparan
Logo Anda harus memiliki beberapa variasi warna yang berbeda: latar belakang penuh warna, hitam, putih, dan transparan. Versi latar belakang transparan dari logo Anda biasanya merupakan pilihan terbaik untuk situs web, karena latar belakang berwarna tidak selalu cocok dengan warna halaman Anda.
Misalnya, jika Anda menggunakan logo di bawah ini dengan latar belakang biru, logo tersebut akan menonjol dan terlihat kikuk saat ditempatkan di situs web dengan latar belakang putih. Tetapi jika Anda mengunggah file logo dengan latar belakang transparan (kanan bawah), itu akan bekerja dengan mulus di hampir semua warna.
Faktor lain yang perlu dipertimbangkan adalah kontras. Jika situs web Anda memiliki latar belakang kuning pucat, mungkin bukan ide terbaik untuk menggunakan versi logo yang serba putih karena kurangnya kontras, yang dapat menghambat aksesibilitas situs web Anda .
Catatan: Jenis file logo terbaik yang digunakan untuk aplikasi digital adalah PNG. File-file ini dapat menampilkan jutaan warna, dan mendukung latar belakang transparan. Jika Anda menggunakan JPEG, logo Anda mungkin tidak muncul sejelas yang Anda inginkan.
Lakukan: Ketahui variasi logo Anda yang akan digunakan
Seiring dengan variasi warna, logo Anda mungkin juga memiliki versi “utama” (versi lengkap dari logo) dan versi “sekunder”, yang dapat berupa variasi simbol atau monogram saja untuk digunakan di ruang yang lebih kecil. Jika Anda memiliki slogan, Anda mungkin juga memiliki variasi dengan dan tanpa slogan.
Meskipun Anda mungkin akan menggunakan versi lengkap dari logo Anda di tajuk situs web Anda, Anda juga ingin mempertimbangkan favicon, simbol kecil di sebelah URL dalam tab browser yang berukuran kecil 16 x 16 piksel atau 32 x 32 piksel. Yang terbaik adalah menggunakan versi simbol saja atau monogram dari logo Anda di tempat ini untuk keterbacaan.
Situs web Wealthsimple adalah kasus di mana sebuah perusahaan telah memahami cara menggunakan berbagai variasi logo mereka. Versi wordmark utama dari logo telah diterapkan ke situs desktop, sedangkan versi monogram saja digunakan di situs seluler untuk menghemat ruang.
Lakukan: Ciptakan pengalaman bermerek yang holistik
Perkuat merek Anda dengan memunculkan logo Anda ke area selain bilah navigasi: footer, foto produk, dan di seluruh alur pembayaran jika Anda memiliki situs e-niaga.
Jangan malu untuk memainkan warna merek Anda juga Anda dapat memasukkannya ke dalam elemen desain situs web seperti teks di halaman, tombol, formulir, latar belakang gambar, dan banyak lagi.
Casper melakukan pekerjaan yang solid dalam memberikan pengalaman branding terpadu ke situs web mereka dengan mempertahankan skema warna yang konsisten melalui logo, teks, UI, dan footer.
Kiat pro: Mengikuti serangkaian pedoman merek yang terdokumentasi akan memudahkan Anda memberi arahan dalam membuat situs web bermerek menggunakan platform seperti Looka dapat membantu dengan itu!
Jangan: Buat logo Anda terlalu besar atau terlalu kecil
Anda ingin memastikan logo Anda jelas dan dapat dibaca di semua perangkat dan ukuran layar. Logo yang terlalu besar akan mengalahkan konten lain di bagian atas halaman Anda, seperti pesan utama dan item navigasi. Menggunakan logo Anda lebih dari sekali di paro atas adalah berlebihan dan mengalihkan perhatian dari informasi lain yang mungkin dicari pengguna.
Di ujung lain spektrum, logo yang terlalu kecil akan sulit dibaca, jadi Anda berisiko tidak diperhatikan ketika seseorang pertama kali membuka situs web Anda. Sangat penting untuk mendapatkan ukuran yang tepat jika logo Anda menggunakan font yang lebih tipis, slogan, atau simbol.
Jangan: Potong logo Anda
Menempatkan logo Anda terlalu dekat dengan margin halaman tidak memberikan ruang bernapas yang cukup, menghasilkan logo yang terpotong dan bukan dengan cara “ini disengaja”. Ini membuat logo Anda mudah terlewatkan, dan bahkan dapat berdampak negatif pada navigasi. Setelah mengunggah logo Anda ke pembuat situs web Anda, pratinjau dan ubah ukurannya sesuai kebutuhan untuk memastikan hal ini tidak terjadi!
Mengikat logo Anda ke dalam desain situs web Anda mungkin tampak seperti tugas yang mudah, tetapi ini penting. Luangkan waktu untuk mengumpulkan file dan variasi yang benar, bereksperimen dengan penempatan dan ukuran, dan cari peluang untuk menggunakan logo, warna merek, dan font Anda di seluruh situs web Anda.
