Seiring dengan kemajuan teknologi, kita dapat mencapai lebih banyak tugas tanpa menyadari betapa kompleksnya hal tersebut. Desain situs web oleh diri sendiri adalah salah satunya.
Berkat evolusi pembuat situs web, Anda dapat merancang situs web dan membuat kehadiran online yang mengesankan. Dengan menggunakan fitur desain web profesional, Anda dapat menghasilkan pendapatan, membangun komunitas penggemar, dan mempromosikan merek Anda secara online.
Jadi, apa itu desain situs web (dan apa saja praktik terbaik desain situs web) dan bagaimana cara memulainya? Kami memiliki pengetahuan yang Anda butuhkan untuk memulai dengan langkah yang benar. Dari memilih pembuat situs web dan nama domain, hingga memahami bagaimana merancang setiap elemen situs Anda dari konsep desain Anda, panduan lengkap ini akan memandu Anda dalam mendesain dan membuat situs web.
Mulai Situs Anda
Cara merancang situs web
- Tentukan tujuan Anda
- Pilih pembuat situs web
- Tentukan tata letak Anda
- Klaim nama domain Anda
- Kumpulkan konten Anda
- Tambahkan halaman yang tepat
- Desain elemen situs web Anda
- Pilih alat profesional yang Anda butuhkan
- Pastikan aksesibilitas untuk semua orang
- Optimalkan untuk perangkat seluler
- Perkuat SEO Anda
- Berinteraksi dengan pengunjung
- Minta umpan balik
- Publikasikan dan perbarui
- Monitor dan sesuaikan
01. Tentukan tujuan Anda
Sebelum Anda mendesain situs web, pastikan Anda jelas mengenai apa yang ingin dicapai. Dengan begitu banyak jenis situs web di luar sana, Anda harus mulai dengan memutuskan jenis situs mana yang dapat membantu Anda mencapai tujuan Anda dan menjangkau audiens serta pasar target Anda:
- Situs toko online atau eCommerce untuk menjual produk Anda
- Portofolio online untuk memamerkan karya seni Anda
- Situs bisnis untuk mengelola dan mengembangkan bisnis Anda
- Situs resume untuk menarik perhatian calon pemberi kerja
- Blog untuk berbagi pengetahuan Anda dengan dunia
- Situs acara untuk pernikahan, pesta, dan acara perusahaan
- Situs fotografi untuk menampilkan dan menjual cetakan
- Situs kebugaran untuk memesan klien baru
- Situs restoran untuk membantu dengan pesanan online, pengantaran, dan pembayaran
Sebagai bagian dari langkah ini, Anda juga perlu melakukan riset tentang bagaimana situs Anda sebaiknya disusun dan dirancang, baik untuk jenis situsnya maupun merek Anda. Situs eCommerce, misalnya, dirancang berbeda dari situs blog — terutama karena perbedaan pengalaman pengguna (UX) dan niat pengguna (UI), yang bervariasi pada setiap situs. Lihat terlebih dahulu bagaimana pesaing Anda merancang situs mereka, mungkin ada halaman, konten, atau tata letak yang wajib dimiliki.
Setelah Anda memutuskan jenis situs yang dibutuhkan, saatnya memulai bagian yang menyenangkan – mendesain situs Anda. Selalu ingat tujuan utama Anda dan pikirkan bagaimana desain dapat membantu mencapai tujuan tersebut.
Mulailah dengan daftar periksa desain situs web.
Saat Anda melanjutkan merancang situs web, Anda akan mendapati bahwa elemen-elemen yang Anda pilih akan bervariasi tergantung pada apa yang ingin Anda capai. Misalnya, jika Anda ingin menjual foto Anda secara online, coba tampilkan karya Anda dalam format portofolio dan sertakan toko online tempat Anda dapat menjual cetakan. Atau, jika Anda membuat situs web dengan tujuan untuk mendapatkan pekerjaan, situs resume yang sederhana dan profesional tanpa dekorasi mungkin lebih cocok.
Jika Anda perlu bantuan untuk membayangkan desain yang sesuai dengan tujuan Anda, jelajahi contoh situs Wix untuk inspirasi. Anda juga harus melihat tren desain web dan galeri untuk inspirasi lebih lanjut. Pertimbangkan juga untuk membuat papan mood, hanya untuk mencatat warna, gaya, dan hal-hal relevan lainnya di tahap awal desain situs web Anda.
Sedang memulai bisnis desain? Gunakan generator nama desain ini untuk menamainya.
02. Pilih pembuat situs web Anda
Setelah Anda menentukan tujuan, langkah selanjutnya adalah memilih pembuat situs web yang tepat untuk mencapainya. Pembuat situs web (juga dikenal sebagai CMS) adalah platform tempat Anda dapat merancang, mempersonalisasi, dan menerbitkan situs web tanpa memerlukan pengetahuan tentang pengkodean.
Ada banyak platform yang tersedia di pasar. Tidak yakin yang mana yang harus digunakan? Wix.com adalah pembuat situs web berbasis HTML yang menduduki peringkat #1 sebagai pembuat situs web terbaik di dunia, dan itu bukan tanpa alasan.
Pelajari lebih lanjut tentang keuntungan Wix: Wix vs Squarespace
Berikut adalah beberapa keuntungan menggunakan Wix:
- Model harga yang beragam: Membuat, menerbitkan, dan menghosting situs web Anda sepenuhnya gratis, selama yang Anda inginkan. Jika Anda ingin meningkatkan kehadiran online Anda dengan beberapa fitur khusus, paket Premium juga tersedia. Mereka mencakup semua yang Anda perlukan untuk sukses secara online, dari template profesional dan fitur desain web, hingga nama domain kustom.
- Kustomisasi Desain: Baik Anda seorang desainer web berpengalaman atau masih belajar bagaimana mendesain situs web, Anda akan menemukan bahwa Wix menawarkan berbagai jalur kreatif untuk semua orang. Salah satu pilihan adalah Wix Editor, yang memungkinkan Anda menggunakan teknologi seret-dan-lepas dan perangkat lunak WYSIWYG untuk memberi Anda kebebasan desain penuh. Setiap elemen desain situs web Anda dapat disesuaikan untuk mendapatkan tampilan yang Anda inginkan, sementara banyak alat dan fitur bawaan akan meningkatkan tampilan profesionalnya. Anda tidak perlu mengetahui atau memahami bahasa markup (HTML, CSS, Javascript) untuk membangun situs web Wix. Pemula juga mungkin akan menikmati menggunakan pembuat situs web AI Wix, pengalaman berbasis obrolan pertama di dunia yang memanfaatkan ADI (Kecerdasan Desain Buatan) Wix untuk membantu Anda merancang situs web dalam waktu singkat. Cukup obrolkan visi Anda untuk situs tersebut dengan AI, dan Anda akan mendapatkan situs web lengkap yang dapat Anda sesuaikan sesuka hati. Pelajari lebih lanjut tentang beberapa pembuat situs web AI terbaik.Pada saat yang sama, pembuat konten berpengalaman dapat melihat Velo oleh Wix, yang memungkinkan Anda untuk menggali mesin dan antarmuka situs Anda untuk membangun aplikasi, API, dan basis data yang lebih rumit. Anda memiliki kendali penuh atas pengembangan situs web Anda. Dengan cara ini, Anda dapat memastikan hasil yang unik yang sangat cocok dengan merek Anda, dan terlihat berbeda dari situs web mana pun di dunia. Juga perhatikan Wix Studio, platform pembuatan situs web canggih yang dibangun untuk agensi, yang membutuhkan lebih banyak fitur dari platform pembuatan situs web mereka.
Solusi Profesional: Karena situs web Anda adalah pusat kehidupan online Anda, Wix menempatkan semua solusi profesional yang Anda perlukan dalam satu tempat. Alat seperti pemasaran email, faktur, pemesanan, akun media sosial, dan lainnya dapat diintegrasikan ke dalam desain situs web Anda untuk pengalaman terbaik dalam mengelola situs dan bisnis Anda. Di atas itu, Anda juga dapat mengoptimalkan situs Anda dengan Wix SEO untuk meningkatkan peluang Anda ditemukan di Google.
“Sebagai seorang pembuat atau pengusaha, Anda sering kali mengenakan berbagai topi. Anda mendesain situs web, mengoptimalkan untuk SEO. Ini berarti Anda memerlukan pembuat situs web yang memudahkan dan sangat dapat dipelajari untuk melakukan semua itu, di platform yang sama dan tetap memberikan hasil seolah bekerja dengan para ahli di bidang tersebut.”
— Esin D. Habif, pemimpin pemasaran produk untuk outbound di Wix.comFitur Desain Unik: Fitur desain Wix sepenuhnya dapat disesuaikan, yang berarti Anda dapat merancang situs web Anda persis seperti yang Anda inginkan. Dari kumpulan gambar dan latar belakang hingga fitur inovatif seperti video transparan dan efek gulir, Anda akan memiliki banyak pilihan untuk memulai, dan Anda selalu dapat mengunggah file Anda sendiri.
Layanan Pelanggan: Anda tidak sendirian dalam perjalanan Anda belajar bagaimana mendesain situs web. Jika Anda membutuhkan bantuan, Anda selalu dapat berbicara dengan seseorang berkat tim dukungan Wix yang tersedia 24/7 dan halaman media sosial mereka. Jika Anda ingin membaca tips desain situs web, mencari tutorial desain web, dan mendapatkan inspirasi, Anda akan menemukan banyak materi yang bermanfaat tersedia secara online. Untuk mengembangkan pengetahuan Anda dalam desain web, pemasaran online, SEO, dan lainnya— lihatlah Blog Wix (Sincerely Yours) dan Pusat Bantuan.
Siap untuk mendesain situs web dengan Wix Editor? Berikut cara memulainya:
- Kunjungi Wix.com dari desktop atau perangkat seluler Anda.
- Masukkan alamat email Anda, pilih kata sandi—dan voilà. Anda sekarang memiliki akun, dari mana Anda dapat membuat sebanyak mungkin situs web sesuai keinginan.
- Jelajahi koleksi template situs web yang sangat besar, pilih yang paling relevan dengan kebutuhan Anda, dan mulai sesuaikan dengan alat dan fitur pilihan Anda. Jika Anda lebih suka membangun situs web Anda dari awal, Anda dapat memulai dengan kanvas kosong dan melanjutkannya dari sana.
Pelajari lebih lanjut tentang cara membangun situs web dengan Wix Editor melalui kursus online ini.
03. Tentukan Tata Letak Anda
Setelah Anda masuk ke platform pilihan Anda, saatnya untuk merencanakan tata letak situs web Anda. Jika Anda ingin memulai dari awal, Anda mungkin ingin merencanakan desain (dan struktur) situs web Anda di atas kertas sebelum mulai menggunakan pembuat situs seret dan lepas. Namun, pilihan lain adalah menggunakan template, yang merupakan tata letak pra-desain yang dibuat oleh desainer profesional.
Wix menawarkan pustaka template situs web gratis yang sangat luas. Anda akan menemukan desain untuk segala jenis situs web, baik Anda ingin membuat situs bisnis, blog, atau situs pribadi. Mulailah dengan menjelajahi ratusan opsi hingga Anda menemukan tata letak yang Anda sukai. Kemudian, Anda dapat membuatnya milik Anda dengan sepenuhnya menyesuaikan semua elemen dan menghapus, menambahkan, atau mengubah detail seperti teks, gambar, dan warna.
Dari desain-desain ini, Anda dapat memilih antara template multi-halaman dan satu halaman. Jika situs web Anda berisi banyak konten, Anda mungkin akan memilih situs multi-halaman. Namun, dengan konten yang lebih sedikit untuk ditampilkan, Anda mungkin ingin melihat template situs satu halaman. Opsi trendi ini adalah pilihan populer untuk halaman arahan, situs acara, dan situs konten singkat lainnya.
Tip Pro: Tidak ada cara yang lebih baik untuk menginspirasi ide desain web Anda daripada mencari inspirasi kreatif. Cara yang baik untuk memulai adalah dengan melihat contoh situs web yang sudah berhasil. Ambil pena dan kertas, dan catat ide yang Anda suka saat menjelajahi beberapa desain situs web terbaik. Ada banyak platform media sosial yang didedikasikan untuk inspirasi desain, seperti Pinterest dan Dribbble, jadi pastikan untuk memeriksanya juga. Anda juga dapat memperluas pengetahuan desain Anda dengan menjelajahi konsep-konsep seperti rasio emas dan bagaimana penerapannya dalam desain situs web yang efektif, khususnya tata letaknya.
“Hal terpenting sebelum membangun situs web adalah riset yang baik. Ketahui apa yang ingin Anda lakukan dan kumpulkan inspirasi yang baik yang akan berkontribusi pada desain Anda.”
— Anna Suntsov, pimpinan tim desain blog dan sosial di Wix.com
-
Klaim Nama Domain Anda
Untuk menyederhanakan, nama domain Anda adalah alamat Anda di internet. Ini adalah yang akan dilihat pengunjung di bar browser mereka, tepat setelah “www.”
Mendaftarkan nama domain Anda sangat penting untuk kesuksesan online. Situs web dengan domain khusus secara otomatis dianggap lebih profesional dan dapat dipercaya oleh pengguna internet.
Ketika dipilih dengan bijak, nama domain juga membantu mesin pencari (seperti Google dan Bing) memahami apa yang situs web Anda tentangnya. Ini penting karena dapat membantu mendatangkan lebih banyak lalu lintas ke situs web Anda.
Lalu, bagaimana cara memilih nama domain untuk merek Anda? Agar mudah diingat, pastikan nama domain Anda:
- Pendek: Semakin panjang, semakin besar kemungkinan pengunjung salah mengejanya.
- Sederhana: Hindari simbol, karakter khusus, dan angka.
- Profesional: Nama domain Anda sebaiknya mencakup nama Anda sendiri atau nama bisnis Anda, agar tidak membingungkan.
- Evokatif: Berikan petunjuk tentang apa yang Anda lakukan melalui nama domain dengan menggabungkan kata-kata yang terkait dengan bisnis Anda.
Anda dapat memeriksa ketersediaan nama domain impian Anda menggunakan alat pendaftaran domain ini. Jika pilihan utama Anda masih tersedia, jangan ragu untuk mengklaim properti virtual Anda. Jika tidak, jangan panik. Cobalah berbagai variasi dari pilihan asli Anda dengan mengubah urutan kata atau menambahkan kata “the” di depan.
Tip Pro: Memilih nama domain juga berarti menggunakan ekstensi domain yang tepat. Dari .org hingga .com dan .net, Anda dapat memilih dari 45 ekstensi domain tingkat atas. Praktik terbaik adalah menggunakan yang sesuai dengan jenis bisnis dan lokasi geografis Anda.
Memilih domain juga berarti memilih penyedia hosting web yang tepat. Dengan Wix, hosting web yang andal dan aman sudah tersedia dengan setiap situs yang dirancang.
- Kumpulkan Konten Anda
Sekarang setelah Anda membangun fondasi untuk desain digital Anda, saatnya untuk mempersiapkan konten yang akan ditampilkan di situs web Anda. Ini mencakup semua konten web Anda — gambar, teks, logo, video, dan lainnya.
Gunakan materi Anda sendiri sebanyak mungkin untuk memastikan Anda menawarkan konten yang unik dan bermerk. Jika Anda tidak menggunakan konten asli, pastikan Anda memperoleh sumber daya Anda secara sah. Wix menyediakan berbagai fitur media, termasuk pustaka lebih dari satu juta foto gratis dari mitra kami di Unsplash, ilustrasi vektor, dan video interaktif yang eksklusif untuk Wix. Ada juga banyak reservoir foto dan gambar stok yang bisa Anda telusuri. Atau, alat gambar AI Wix.
Baca juga: 7 hal yang bisa Anda lakukan dalam 30 detik menggunakan alat gambar AI Wix.
Meskipun memiliki banyak materi di situs web Anda itu bagus, ingatlah untuk selalu mengutamakan kualitas daripada kuantitas. Di era rentang perhatian yang semakin menurun, cara terbaik untuk menarik perhatian pengunjung adalah dengan menampilkan hanya konten terbaik Anda.
Akhirnya, pastikan konten Anda sepenuhnya bermerk. Anggap situs web Anda sebagai persona online—segala hal mulai dari konten tertulis hingga warna dan font yang Anda gunakan harus mencerminkan siapa Anda atau apa identitas merek Anda.
Tip Pro: Baru dalam dunia pemasaran, atau merasa perlu menyempurnakan bahasa merek Anda? Dari membuat logo hingga mendefinisikan nada suara Anda, panduan ini menjelaskan segala hal yang perlu Anda ketahui tentang membangun identitas merek yang solid. - Tambahkan Halaman yang Tepat
Setiap bisnis itu unik, begitu juga setiap situs web. Namun, ada beberapa bagian tradisional yang diharapkan pengunjung situs Anda akan temui. Jika Anda membuat desain situs web multi-halaman, berikut beberapa halaman yang wajib ada:
- Beranda: Anda hanya memiliki satu kesempatan untuk membuat kesan pertama yang baik, dan beranda Anda adalah kesempatan itu. Karena ini kemungkinan besar adalah hal pertama yang akan dilihat pengunjung, buatlah beranda yang bersih, terorganisir, dan menarik. Halaman ini harus menjelaskan siapa Anda dan apa yang Anda lakukan, serta menjadi titik awal bagi pengunjung untuk menavigasi situs Anda lebih lanjut.
Pastikan itu memuat informasi paling penting: logo Anda, nama bisnis Anda, dan menu navigasi yang mengundang pengunjung untuk menjelajah lebih jauh. Setelah Anda menyiapkan elemen dasar ini, pertimbangkan jenis latar belakang situs web, gambar, konten tertulis, dan ajakan untuk bertindak yang bisa Anda tambahkan di sini untuk berinteraksi dengan pengunjung.
Halaman Tentang Kami:
Ceritakan kisah Anda dan bagikan nilai-nilai, metode, serta informasi lain yang mendefinisikan merek Anda melalui halaman Tentang Kami. Sambut pengunjung baru dengan menggunakan kata ganti orang pertama (“Saya” atau “Kami”), karena ini menambahkan sentuhan keakraban dan kehangatan. Selain itu, jangan lupa untuk menyertakan foto diri Anda atau anggota tim Anda, karena klien selalu suka melihat wajah di balik sebuah bisnis.
Halaman Kontak:
Saat pengunjung ingin menghubungi Anda, mereka harus dapat menghubungi Anda dengan mudah. Di sinilah halaman kontak berperan. Pastikan untuk mencantumkan nomor telepon, alamat pos, alamat email bisnis, dan akun media sosial Anda. Anda juga bisa mempertimbangkan untuk menambahkan widget obrolan langsung yang memberi pengunjung kesempatan untuk menghubungi Anda dan mendapatkan respon segera, atau formulir kontak di mana mereka dapat menulis pesan langsung melalui situs Anda.
Ekstra (tetapi sangat disarankan):
Halaman produk atau layanan Anda:
Halaman produk (atau halaman layanan, tergantung pada industri Anda) adalah tempat pengunjung menemukan apa yang Anda tawarkan, dan jika mereka yakin, mereka akan mengeluarkan kartu kredit mereka dan melakukan pembelian.
Saat merancang situs web dengan halaman produk atau layanan dalam pikiran, berikut beberapa rekomendasi kunci: Tambahkan fotografi produk berkualitas tinggi, tulis deskripsi produk atau layanan yang tepat dan menarik, serta transparan tentang ketentuan Anda (seperti kebijakan pengiriman, pengembalian, atau pembatalan).
Blog:
Memulai blog dengan pembuat blog dapat meningkatkan reputasi Anda sebagai seorang ahli, membantu Anda membangun komunitas yang setia, dan merupakan cara efektif untuk mendatangkan lalu lintas ke situs web Anda.
Jika Anda bukan penulis alami, jangan khawatir – Anda memiliki banyak hal untuk dibagikan lebih dari yang Anda kira. Anda bisa menulis tentang klien Anda (kisah sukses, studi kasus, wawancara) atau diri Anda sendiri (acara yang Anda hadiri, karyawan baru, dan lainnya). Namun, ide blog yang paling berharga akan datang dari keahlian Anda sendiri. Pembaca Anda akan senang menemukan tips, metode, dan trik yang Anda gunakan untuk menyelesaikan masalah yang Anda hadapi dan pasti akan menghargai nilai tambah yang diberikan.
Testimoni:
Halaman testimoni yang jujur adalah tambahan yang sangat efektif untuk desain situs web Anda. Studi menunjukkan bahwa 77% pelanggan yang puas akan merekomendasikan bisnis atau layanan Anda kepada teman setelah memiliki pengalaman positif. Jika tujuan situs web Anda adalah untuk mendatangkan pelanggan baru, manfaatkan kekuatan dari rekomendasi mulut ke mulut dan biarkan klien yang puas yang menjual untuk Anda. Anda juga bisa mempertimbangkan untuk menggunakan contoh bukti sosial sebagai bagian dari halaman ini. Ini dapat membantu memberikan kredibilitas pada situs dan bisnis Anda.
Splash page:
Halaman splash bertindak sebagai pratinjau situs Anda, menyambut pengunjung sebelum mereka mencapai halaman beranda. Ini adalah cara yang bagus untuk berinteraksi dengan pengunjung menggunakan visual berkualitas tinggi atau teks yang menarik, atau untuk mempromosikan penawaran atau acara khusus.
Halaman FAQ:
Halaman FAQ adalah halaman khusus di situs web Anda yang memberikan pengunjung jawaban cepat dan sederhana untuk pertanyaan umum secara terorganisir dan terstruktur. Halaman ini dapat menghemat waktu dengan memberikan jawaban otomatis dan memberikan pengalaman yang baik bagi pengguna.
Halaman Privasi:
Halaman ini mungkin diperlukan untuk kepatuhan hukum, jadi pastikan untuk memeriksa di negara Anda. Kebijakan privasi membantu Anda membangun diri sebagai merek yang transparan, yang dapat dipercaya oleh pelanggan. Selain itu, seringkali menggunakan layanan pihak ketiga, seperti platform analitik web, atau memonetisasi situs Anda melalui iklan, dapat berarti Anda memerlukan halaman kebijakan privasi untuk bekerja sama dengan mitra ini.
Setelah Anda memutuskan halaman apa yang Anda perlukan, prioritas berikutnya adalah merencanakan dan menyusun halaman-halaman tersebut di situs web Anda. Menetapkan hierarki halaman sangat penting untuk navigasi situs Anda dan memastikan orang dapat bergerak melalui situs dengan mudah. Ini juga akan membantu Anda memutuskan halaman dan tautan mana yang perlu diprioritaskan di header dan footer situs Anda.
07. Desain elemen situs web Anda
Anda sudah menyiapkan konten, mengklaim nama domain, dan menyusun halaman situs web Anda. Saatnya untuk mendesain elemen-elemen dari situs web Anda.
Di bagian ini, kami akan membahas semua detail yang akan menyatukan situs web Anda dan bagaimana menyusunnya untuk membentuk desain yang kohesif—baik itu terinspirasi oleh minimalis, modernisme, brutalism, atau gaya lainnya. Pada akhirnya, keputusan ini harus dipandu oleh identitas merek Anda—penampilan dan suara yang khas yang Anda gunakan untuk mengkomunikasikan pesan kepada audiens. Selain itu, perhatikan juga kegunaan: situs web Anda harus selalu memudahkan navigasi dan berusaha memberikan pengalaman pengguna yang menarik.
Berikut adalah beberapa elemen yang perlu Anda perhatikan saat mempelajari cara mendesain situs web:
Arsitektur situs web:
Untuk memberikan pengalaman navigasi situs web terbaik bagi pengunjung, halaman-halaman Anda perlu terhubung dengan baik satu sama lain. Pastikan pengunjung dapat dengan mudah menemukan halaman yang mereka butuhkan dengan menambahkan menu navigasi dan mengimplementasikan tautan internal. Pada akhirnya, ikuti “aturan dua klik.” Pengunjung Anda tidak boleh harus mengklik lebih dari sekali untuk mengakses halaman apa pun di situs Anda, di mana pun mereka berada.
“Saat membuat situs web, ada baiknya mempertimbangkan untuk membangun rencana untuk semua halaman situs Anda sejak awal. Ini berarti membuat rencana situs web yang jelas yang mencakup halaman yang sudah direncanakan dan halaman yang mungkin ada di masa depan. Ini memungkinkan Anda membangun struktur URL yang bersih dan konsisten untuk situs Anda. Hal ini juga dapat berarti Anda menghindari perlu memperbaiki struktur URL Anda nanti, dengan pengalihan dan memperbarui atau mengubah tautan internal Anda.” – Nitsan Eiges, pemimpin tim SEO teknis di Wix.com
Menu:
Elemen sentral dari desain ini akan menampilkan berbagai item yang ada di situs web Anda, memastikan pengunjung dapat dengan mudah menemukan dan menavigasi dari satu halaman ke halaman lainnya. Menu situs web berkisar dari menu header horizontal standar, hingga menu hamburger yang lebih ringkas. Apa pun gaya yang Anda pilih, disarankan untuk membuatnya dapat diakses di setiap halaman situs Anda dan menjaga jumlah item seminimal mungkin agar tidak mengacaukan layar.
Warna:
Psikologi warna membuktikan bahwa warna yang berbeda memiliki dampak yang berbeda pada perilaku manusia, itulah sebabnya ini adalah aspek yang sangat penting dalam desain situs web. Warna yang Anda pilih dapat melibatkan berbagai emosi pada pengguna Anda dan memengaruhi tingkat pentalan situs Anda. Saat memilih skema warna situs web, aturan umumnya adalah membatasi pada tiga warna: satu warna utama (60% dari campuran), satu warna sekunder (30%), dan satu warna aksen (10%). Tentu saja, jika Anda sudah memiliki warna merek yang telah dipastikan untuk diri Anda atau bisnis Anda, warna-warna ini harus dimasukkan. Jangan lupa untuk mempertimbangkan palet warna Anda dan penggunaan konsep warna web serta ruang warna.
Font:
Saat memilih font untuk situs web Anda, pilih tipe huruf yang mudah dibaca (baik di desktop maupun mobile) dan konsisten dengan identitas merek Anda. Meskipun dunia tipografi web sangat luas, pilih maksimal tiga font untuk menghindari kekacauan visual dan memastikan keterbacaan.
Header dan footer:
Header dan footer situs web Anda ditemukan di bagian paling atas dan bawah situs web, masing-masing. Kedua elemen ini dapat digunakan dalam desain situs Anda untuk meningkatkan kegunaan dan keterlibatan. Baik header maupun footer Anda berkontribusi pada hierarki visual situs Anda, yang penting bagi pengguna dan mesin pencari untuk memahami apa yang situs Anda tawarkan dan siapa yang menjadi targetnya. Header situs web adalah tempat yang bagus untuk menambahkan fitur yang ingin Anda pengunjung temui segera, seperti logo Anda atau menu navigasi. Sementara footer situs web tidak akan terlihat segera, itu masih bisa digunakan untuk membantu pengunjung Anda dalam berbagai cara. Misalnya, ini adalah tempat yang bagus untuk menambahkan informasi kontak Anda, tombol media sosial, atau formulir pendaftaran email.
Gerakan:
Ini merujuk pada semua elemen multimedia non-statis dari situs web Anda, yang bisa sangat berguna ketika Anda berusaha menarik perhatian pengunjung. Gerakan bisa datang dalam berbagai bentuk, ukuran, dan lokasi di desain situs web Anda: menerapkan efek hover untuk mendorong interaksi, menggunakan VideoBox untuk menambahkan efek menakjubkan, atau bahkan mengunggah latar belakang video penuh. Meskipun animasi pasti akan mempercantik situs Anda, gunakan dengan moderasi. Panduan ini menjelaskan segala hal yang perlu Anda lakukan dan hindari saat menambahkan animasi pada desain situs web Anda.
Efek scroll:
Seperti namanya, efek scroll muncul ketika pengunjung menggulir ke atas atau ke bawah situs Anda. Kehalusannya memiliki potensi untuk menarik perhatian, tetapi yang terpenting, efek ini membantu menciptakan transisi yang mulus antara lapisan-lapisan berbeda di halaman situs. Salah satu efeknya adalah parallax scrolling. Efek 3D profesional ini dapat menambahkan kedalaman pada halaman Anda, menghasilkan pengalaman jelajah yang hidup. Ini, bersama dengan efek scroll lainnya (seperti reveal atau zoom-in), dapat dicapai menggunakan Wix Editor.
- Toko Online:
Ingin menjual barang Anda secara online dan menghasilkan pendapatan yang terus-menerus? Toko online adalah solusi yang tepat. Mulai dari melacak pesanan Anda hingga menerima pembayaran secara online, hingga mendapatkan pembayaran dengan mudah, Anda akan dapat mengelola semuanya dari satu tempat yang didedikasikan.Pos Sosial:
Tingkatkan kesadaran merek dan tarik lebih banyak pengunjung ke situs Anda dengan membuat grafik media sosial yang menarik dan membagikan pos Anda langsung ke Facebook dan Instagram.Musik:
Wix Music adalah platform canggih untuk musisi yang ingin memperluas audiens mereka sambil mempertahankan kebebasan kreatif penuh. Ini memungkinkan Anda untuk menjual musik Anda langsung di situs web Anda dan mempertahankan 100% keuntungan. Sementara itu, musik Anda akan didistribusikan ke lebih dari 120 toko digital.Pembuat Video:
Tahukah Anda bahwa video dapat meningkatkan lalu lintas pencarian organik ke situs web Anda hingga 157%? Dengan Pembuat Video Wix, Anda dapat meningkatkan desain situs Anda dengan video kustom untuk berinteraksi dengan audiens Anda dan meningkatkan lalu lintas. Video ini dapat digunakan untuk mempromosikan produk atau layanan Anda, berbagi pembaruan menarik, dan lainnya.Aplikasi Wix:
Aplikasi Wix memungkinkan Anda menjalankan situs Anda dari mana saja, baik itu berarti mengobrol langsung dengan pengunjung atau mendesain situs web Anda saat bepergian. Anda bahkan akan memiliki ruang mobile tempat pengikut dan klien reguler Anda dapat bergabung.Tip Ahli:
Pasar Aplikasi Wix mencakup berbagai aplikasi untuk meningkatkan potensi bisnis situs web Anda. Mulai dari obrolan hingga pembayaran, pop-up, dan iklan di Google, ada alat untuk setiap aspek bisnis Anda.
09. Buat Situs Anda Aksesibel untuk Semua Orang
Saat ini, desain situs web yang benar-benar hebat harus dapat diakses oleh semua orang. Aksesibilitas web memastikan bahwa semua orang, tanpa memandang kemampuan mereka, dapat dengan nyaman mengalami dan berinteraksi dengan situs web Anda. Ini termasuk orang dengan gangguan penglihatan, cedera sementara, kehilangan pendengaran, dan lainnya. Dengan lebih dari satu miliar orang yang hidup dengan beberapa bentuk kecacatan, memenuhi kebutuhan semua orang sangat penting. Ini juga menunjukkan bahwa Anda dan bisnis Anda menghargai inklusivitas dan keberagaman.
Ada beberapa cara untuk meningkatkan pengalaman pengguna di situs web Anda untuk semua orang. Pastikan untuk membangun tata letak situs web Anda secara hierarkis, menggunakan judul yang jelas untuk mendefinisikan berbagai tingkat informasi. Selain itu, pastikan bahwa situs Anda dapat dioperasikan sepenuhnya dengan keypad, menulis teks alt untuk gambar Anda, menggunakan tag heading, dan lainnya.
“Website yang dapat diakses tidak hanya menguntungkan orang dengan kecacatan, tetapi juga semua orang. Misalnya, situs web dengan kontras yang baik tidak hanya lebih ramah dan dapat digunakan oleh orang dengan penglihatan rendah, tetapi juga meningkatkan pengalaman pengguna yang menggunakan smartphone saat berjalan di luar pada hari yang cerah.” – Nir Horesh, Kepala SEO & Aksesibilitas Wix
10. Optimalkan untuk Perangkat Mobile
Layar yang lebih kecil tidak berarti dampak yang lebih kecil. Dengan meningkatnya penggunaan smartphone dan tablet, sangat penting untuk memastikan pengalaman browsing yang mulus di semua perangkat dengan mengoptimalkan desain situs web Anda untuk perangkat mobile.
Saat membuat situs dengan Wix, versi mobile situs Anda secara otomatis dihasilkan dengan Mobile Editor. Ini berarti Anda tidak perlu khawatir tentang membangun struktur baru dari awal. Namun, tetap menjadi tanggung jawab Anda untuk memastikan bahwa Anda mengoptimalkan konten Anda agar sesuai dengan ruang yang lebih kecil ini.
Pertama, pada desain situs web mobile Anda, cobalah untuk hanya menyertakan elemen yang paling penting di halaman, menghapus elemen yang tidak benar-benar diperlukan. Kedua, optimalkan ruang di atas lipatan (above the fold) dengan menempatkan informasi yang paling vital di sana, seperti menu atau nama. Ini adalah yang akan dilihat pengunjung pertama kali di browser mobile, jadi pastikan itu menarik dan informatif.
11. Perkuat SEO Anda
Setelah Anda mendesain sebuah situs web, tidak ada yang lebih memuaskan daripada melihat jumlah pengunjung yang terus berkembang. Salah satu cara untuk meningkatkan lalu lintas ke situs web Anda adalah dengan membangun desain situs yang mengikuti praktik terbaik SEO. SEO (optimisasi mesin pencari) adalah praktik mengoptimalkan konten situs web Anda agar mendapatkan peringkat yang baik di hasil pencarian.
SEO membutuhkan waktu, kesabaran, dan ketekunan untuk mendapatkan hasil, tetapi Anda dapat mulai mengatur SEO Anda saat mendesain situs web Anda. Berikut adalah beberapa tips SEO yang dapat Anda terapkan pada konten Anda untuk meningkatkan peluang Anda mendapatkan peringkat di hasil pencarian teratas:
- Lakukan riset kata kunci:
Riset kata kunci akan membantu Anda menemukan kata kunci yang paling relevan untuk situs Anda. Setelah Anda menemukannya, pilih satu kata kunci utama dan beberapa kata kunci sekunder—tetapi tidak lebih dari itu. Tempatkan kata kunci Anda di lokasi strategis di seluruh situs Anda (judul SEO dan deskripsi, halaman beranda, dll.), tetapi jangan berlebihan. Mesin pencari akan memberi sanksi pada situs yang “memasukkan” kata kunci secara tidak alami ke dalam kontennya. - Masukkan SEO on-page:
Ini adalah tentang memberi tahu mesin pencari apa yang ada di setiap halaman situs Anda. Di setiap halaman, pembuat situs Anda akan meminta Anda untuk mengisi metadata. Ini termasuk URL, judul SEO (tautan biru yang Anda lihat di halaman hasil Google) dan deskripsi. Meskipun pengunjung mungkin tidak memperhatikan elemen ini, mereka penting dalam peringkat. - Tambahkan teks alt:
Teks alt mengacu pada deskripsi yang Anda berikan pada gambar Anda. Teks ini tidak akan terlihat oleh pengunjung, tetapi memberikan petunjuk kuat kepada Google tentang apa yang ada di media tersebut. Google mungkin memiliki banyak pengetahuan, tetapi ia tidak dapat “melihat” foto atau GIF (belum!). Teks alt akan membantu konten visual Anda muncul di halaman hasil pencarian Google. Selain itu, menulis teks alt yang ramah SEO untuk gambar Anda juga merupakan praktik penting dalam meningkatkan aksesibilitas situs web Anda. - Tingkatkan tautan internal:
Ini akan memudahkan bot Google untuk menavigasi dan mengenali situs web Anda. Menambahkan tautan di seluruh desain situs Anda juga akan mendorong pengunjung untuk menemukan lebih banyak halaman. - Buat sitemap:
Ini akan memudahkan Google dan mesin pencari lainnya untuk merayapi situs Anda dan memahami apa yang ada di dalamnya. Ini dapat dilakukan secara otomatis dengan rencana premium Wix.
Berlangganan blog Wix untuk mendapatkan tips dan tren desain web terbaru setiap minggu.
