Cara mendesain situs web bisnis satu halaman di WordPress

Diterbitkan: 2018-09-11

Ada banyak cara Anda dapat mendesain situs web untuk bisnis Anda, tergantung pada tujuan Anda dan jumlah konten yang perlu Anda sertakan. Meskipun terkadang masuk akal untuk membuat situs yang rumit dengan banyak halaman dan banyak konten, itu juga bisa menjadi mahal dan rumit.

Sebagai gantinya, Anda mungkin ingin mempertimbangkan untuk membuat situs web yang hanya berisi satu halaman. Meskipun kedengarannya seperti itu tidak cukup untuk memuat semua informasi dan fungsionalitas yang Anda perlukan, Anda mungkin akan terkejut. Situs web satu halaman sebenarnya bisa menjadi cara yang sangat efektif untuk mendorong konversi dan memberikan nilai bagi pengguna Anda.

Dalam artikel ini, kita akan mulai dengan membahas mengapa Anda mungkin ingin menggunakan situs web satu halaman. Kami kemudian akan memandu Anda melalui proses menggunakan salah satu tema bisnis WordPress favorit Anda untuk menyatukannya untuk perusahaan Anda. Ayo pergi!

Bagaimana situs web satu halaman dapat menguntungkan bisnis Anda

Seperti yang Anda duga, situs web satu halaman hanyalah situs yang hanya terdiri dari satu halaman. Sebagian besar situs ini dirancang sebagai rangkaian bagian yang dapat digulir oleh pengunjung. Dan situs Co adalah contoh yang baik dari tindakan ini:

contoh screenflow situs web bisnis satu halaman dan co

Meskipun mungkin tampak tidak intuitif, membuat situs satu halaman sebenarnya bisa sangat bermanfaat, terutama untuk bisnis. Misalnya, situs bisnis satu halaman memungkinkan Anda untuk:

  • Ceritakan kisah perusahaan Anda. Menggunakan satu halaman memungkinkan Anda membuat narasi linier, menyajikan bisnis dan layanan Anda persis seperti yang Anda inginkan.
  • Sederhanakan pesan Anda. Dengan berfokus pada aspek terpenting dari bisnis Anda, Anda memudahkan pengunjung untuk memahami pesan inti Anda.
  • Tingkatkan keterlibatan pengguna dan tingkatkan konversi. Situs satu halaman dapat disusun untuk mengarahkan pengunjung ke satu tujuan tertentu.
  • Habiskan lebih sedikit waktu untuk pemeliharaan situs web. Kesederhanaan situs satu halaman membuatnya lebih mudah untuk dikelola dan dikerjakan seiring waktu.
  • Buat situs yang lebih responsif. Karena semua konten Anda tersedia di halaman yang sama, situs Anda akan ideal untuk perangkat seluler, karena pengguna cukup menggulir konten.

Saya harus mencatat bahwa ada juga potensi kerugian menggunakan desain satu halaman. Misalnya, jika situs Anda perlu berisi banyak informasi dan memerlukan fitur kompleks seperti opsi keanggotaan, maka satu halaman tidak akan cukup.

Anda juga dapat menghadapi kinerja yang lambat karena seluruh situs Anda perlu dimuat setiap kali pengguna mengaksesnya. Namun, ini dapat dihindari dengan mengoptimalkan kecepatan situs Anda, dan memastikan Anda menggunakan tema berperforma tinggi.

Cara mendesain situs web bisnis satu halaman (dalam 4 langkah)

Sekarang setelah kita melihat manfaat dari situs bisnis satu halaman, mari kita bahas cara membuatnya. Untuk contoh ini, kami akan menggunakan WordPress, jadi pastikan Anda telah menyiapkan instalasi baru terlebih dahulu. Anda juga dapat menggunakan alat pengembangan lokal seperti Lokal untuk menguji tema baru tanpa merusak situs langsung. Kemudian, Anda bisa mulai bekerja!

Langkah 1: Temukan dan pasang tema bisnis satu halaman

Tugas pertama Anda adalah menemukan tema WordPress yang tepat. Tema mengubah tampilan dan tata letak situs Anda. Untungnya, ada beberapa tema bisnis WordPress yang dapat membantu Anda mendesain situs satu halaman dengan mudah.

Bagaimana cara menambahkan variabel CSS untuk menyesuaikan tema anak WordPress

Variabel CSS, juga disebut sebagai properti kustom CSS, memungkinkan untuk digunakan kembali dengan mudah di lembar gaya CSS Anda. Jika Anda telah menyelesaikan pekerjaan dengan tema anak WordPress, Anda mungkin mendapati diri Anda melakukan banyak...

Menggunakan tema bisnis khusus menawarkan sejumlah manfaat. Misalnya, tema yang dibuat khusus untuk situs bisnis kemungkinan akan berisi banyak fitur berguna, seperti dukungan WooCommerce. Ini juga akan disesuaikan dengan kebutuhan bisnis, seperti membuat Ajakan Bertindak (CTA) dan menyoroti produk atau layanan Anda.

Tema apa yang Anda putuskan untuk digunakan sepenuhnya bergantung pada campuran preferensi pribadi dan persyaratan profesional. Namun, ada beberapa dasar yang harus Anda cari dalam tema apa pun yang Anda gunakan sebagai dasar untuk situs satu halaman. Yang terpenting, itu harus responsif dan dioptimalkan agar berjalan dengan lancar (bahkan dengan jumlah lalu lintas yang tinggi).

Sebagai contoh, Anda dapat melihat tema Montblanc. Ini adalah tema bisnis yang bersih, profesional, dan serbaguna yang juga menyertakan alat pembuat halaman. Itu berarti Anda dapat menyusun situs yang tampak hebat dengan cepat:

sebagian besar pratinjau situs web tema blanc dari situs web bisnis satu halaman

Saya akan menggunakan tema ini sepanjang sisa panduan. Jika Anda ingin melakukan hal yang sama, Anda harus membeli dan mengunduhnya sebelum memasangnya di situs Anda. Setelah Anda selesai melakukannya, saatnya untuk mulai memikirkan bagaimana tampilan situs Anda sebenarnya.

Langkah 2: Rencanakan struktur situs Anda

Saat Anda mendesain situs satu halaman, struktur adalah segalanya. Anda dapat menganggap situs Anda sebagai sebuah cerita, karena orang akan membacanya dari atas ke bawah. Setiap bagian baru harus memberikan lebih banyak informasi, membangun minat dan keinginan pengunjung saat mereka menggulir halaman ke bawah.

Pertama dan terpenting, ingatlah bahwa kesederhanaan adalah kuncinya. Anda tidak ingin membebani situs Anda dengan terlalu banyak konten, jadi fokuslah pada detail yang paling penting. Anda juga tidak ingin mengalihkan perhatian pembaca dengan topik yang tidak terkait, jadi pastikan setiap bagian yang Anda tambahkan berfungsi untuk tujuan keseluruhan yang sama.

Dalam hal bagaimana Anda mengatur bagian Anda, yang terbaik adalah menggunakan teknik 'piramida terbalik'. Metode ini membuat konten Anda lebih mudah dikonsumsi dan lebih menarik. Bagian atas situs Anda akan menjadi bagian terluas, yang berisi lebih banyak informasi umum, sementara setiap bagian berikutnya lebih terfokus dan mencakup detail yang lebih spesifik.

Langkah 3: Buat halaman Anda

Setelah Anda memiliki rencana, saatnya untuk mempraktikkannya. Jalankan situs Anda dan buat halaman baru, dan atur sebagai halaman beranda statis situs Anda. Tergantung pada tema Anda, Anda mungkin juga ingin menyesuaikan tampilannya pada tahap ini. Misalnya, tema Montblanc menyediakan banyak opsi melalui bagian Pengaturan Umum khusus.

Sebagai contoh, kami akan tetap menggunakan tampilan default dan fokus pada konten. Dengan demikian, kembali ke halaman baru Anda. Kami akan menggunakan Visual Composer, karena disertakan dengan tema pilihan kami, tetapi Anda dapat menggunakan pembuat halaman apa pun (atau bahkan editor standar) jika Anda mau:

pratinjau templat wordpress situs web bisnis satu halaman mont blanc

Anda akan ingin memulai dengan memastikan tata letak Anda disetel ke lebar penuh dan tidak berisi bilah sisi, yang tidak diperlukan untuk situs satu halaman. Anda mungkin juga ingin menghapus bagian 'pahlawan', karena halaman Anda mungkin tidak memerlukannya.

Jika Anda menggunakan Visual Composer, Anda dapat melakukannya dengan menggulir ke bawah saat mengedit halaman dan mengatur opsi berikut:

pengaturan halaman di dasbor komposer virtual wordpress

Setelah Anda selesai melakukannya, Anda dapat mulai menambahkan konten. Mari kita mulai dengan sebuah gambar, disertai dengan deskripsi singkat:

contoh tangkapan layar situs web pertukaran buku gratis

Semua yang telah kita lakukan di sini adalah menambahkan baris baru dengan latar belakang gambar, diikuti dengan header dan blok teks. Ini adalah cara yang bagus untuk menarik perhatian pengunjung, dan membuat mereka penasaran untuk mengetahui lebih lanjut.

Bagian berikutnya harus memberikan beberapa informasi lebih lanjut tentang penawaran khusus bisnis Anda:

ikon wordpress situs web bisnis satu halaman dalam desain situs

Di sini, kami telah menggunakan ikon dan teks untuk menjelaskan apa yang sebenarnya dilakukan bisnis. Menggunakan multimedia dengan cara ini adalah langkah yang cerdas, karena gambar dapat membuat pengguna lebih mungkin untuk berkonversi.

Anda juga akan melihat bahwa setiap baris baru muncul sebagai bagian terpisah. Anda bahkan dapat menavigasi di antara mereka menggunakan titik-titik di sisi kiri layar:

teks gambar header pertukaran buku gratis dipindahkan ke kanan

Selanjutnya, kami dapat menyertakan beberapa informasi lebih lanjut tentang bisnis ini. Perhatikan bahwa kami semakin detail semakin jauh ke bawah halaman yang kami tuju:

salinan situs web dengan desain situs contoh gambar

Harapannya adalah pembaca akan cukup tertarik dengan layanan Anda untuk menggulir sampai ke bagian bawah halaman. Pada saat itu, mereka akan menemukan informasi yang mereka perlukan selanjutnya, seperti detail kontak:

informasi kontak sisi kanan layar

Anda juga ingin memberi mereka tindakan yang jelas untuk diambil. Itu membawa kita ke langkah terakhir.

Langkah 4: Tambahkan ajakan bertindak (CTA) yang kuat

Agar situs Anda menghasilkan konversi, Anda memerlukan Ajakan Bertindak (CTA) yang efektif. “Menciptakan CTA yang kuat adalah bentuk seninya sendiri. Yang paling penting adalah membuatnya menonjol dari halaman lainnya, dan memastikan bahwa pesannya jelas.

Karena itu, mari buat CTA dan letakkan di dua area berbeda. Pertama, kita akan membuat tombol dan menambahkannya ke bagian pertama kita, sehingga langsung terlihat saat pengunjung mengakses situs:

info gambar header pertukaran buku gratis dengan tombol oranye

Kemudian, mari tambahkan tombol yang sama ke bagian terakhir:

ajakan bertindak ditambahkan ke informasi kontak di bagian bawah desain situs web bisnis satu halaman

Ini untuk memastikan bahwa pengunjung yang membaca sampai ke bawah disajikan dengan CTA setelah mereka menerima semua informasi yang relevan, dan mudah-mudahan tertarik dengan layanan Anda.

10 langkah untuk merancang CTA yang sangat efektif yang mengubah

Anda tahu tujuan utama situs web Anda, tetapi apakah pengunjung Anda? Anda mungkin memiliki produk terbaik di web, situs web cantik dengan antarmuka yang ramah pengguna, dan banyak lalu lintas yang dihasilkan dari ...

Itu membawa kita ke akhir tutorial kita! Tentu saja, ini hanya contoh yang sangat mendasar untuk menunjukkan kepada Anda bagaimana situs satu halaman bersatu, jadi kami menyarankan Anda bereksperimen dengan konten dan visual yang berbeda.

Kesimpulan

Terkadang pilihan paling sederhana adalah yang terbaik. Ketika datang ke situs web bisnis, Anda mungkin tidak memerlukan banyak halaman dan struktur situs yang rumit. Anda mungkin lebih baik dilayani dengan situs satu halaman yang menceritakan kisah Anda, dan meyakinkan pengguna untuk berkonversi.

Pada artikel ini, kita telah membahas manfaat menggunakan situs web bisnis satu halaman. Kami juga telah memandu Anda melalui proses pembuatannya melalui tema bisnis WordPress:

  1. Temukan dan pasang tema bisnis satu halaman.
  2. Rencanakan struktur situs Anda.
  3. Buat halaman Anda.
  4. Tambahkan Ajakan Bertindak (CTA) yang kuat.

Apakah Anda memiliki pertanyaan tentang membangun situs web satu halaman yang efektif untuk bisnis Anda? Beri tahu kami di bagian komentar di bawah!

Berikutnya: Jelajahi tren desain web tahun 2019!

Kami telah menganggap situs web satu halaman sebagai salah satu tren tahun 2019. Jelajahi lebih banyak lagi (plus dapatkan sumber daya untuk membuatnya!) dengan kursus email gratis kami. Klik di sini untuk mendaftar kursus gratis hari ini!