Cara Membangun Situs Web untuk Produk Baru (dan Bagaimana Kami Melakukannya)

Cara Membuat Landing Page untuk Bisnis + Tips Membuat Landing Page yang Menarik

Daftar Isi:

Mulai dengan ringkasan kreatif
Buat sitemap
Kembangkan wireframe
Rancang dan bangun
Uji dan ulangi

Catatan editor: Kami meluncurkan produk baru, dan kami ingin membawa Anda bersama untuk perjalanan ini. Jadi, kami menarik kembali tirai untuk memberikan pandangan ke dalam tentang apa yang sebenarnya terjadi di balik layar pembangunan dan meluncurkan sesuatu yang baru.

Setelah Anda selesai membaca artikel ini, pastikan juga memeriksa yang pertama, angsuran kedua, ketiga, dan keempat dalam seri ini juga.

Tidak peduli apa pun jenis bisnis yang Anda mulai, Anda memerlukan situs web. Memiliki situs mungkin lebih penting daripada memiliki kartu nama hari ini.

Beberapa bisnis tertentu, seperti gerobak makanan, mungkin bisa lolos hanya dengan kehadiran di Facebook dan platform sosial lainnya. Tapi, hari-hari ini adalah pengecualian, bukan aturannya, dan Anda mungkin memerlukan situs web khusus.

Dan, tidak pernah terlalu dini untuk mulai berpikir tentang bagaimana Anda akan membangunnya. Hal-hal ini membutuhkan waktu lebih sering daripada yang Anda pikirkan. Anda perlu memikirkan tentang jenis situs web apa yang Anda butuhkan dan bagaimana Anda akan membangunnya dan mengatur roda bergerak lebih awal.

Di sini, di Palo Alto Software, kami sedang dalam proses membangun produk baru kami, Outpost. Situs web kami akan menjadi cara utama pelanggan potensial belajar tentang produk kami dan (yang paling penting!) Cara utama untuk menemukan informasi harga dan berlangganan Outpost.

Situs web kami untuk Outpost juga akan menjadi sumber daya utama pelanggan kami untuk bantuan dan mencari tahu bagaimana menghubungi kami.

Jika Anda belum mengikuti karena kami sudah membicarakan tentang membangun Outpost, inilah penyegaran cepat:

Outpost membantu tim mengelola kotak masuk bersama sehingga mereka dapat dengan mudah melacak, berkolaborasi, dan menanggapi pesan yang dikirim ke alamat email umum seperti [email protected] dan [email protected]. Outpost adalah seperti kontrol misi untuk semua email yang masuk dan memastikan setiap email mendapat respons yang tepat dan tidak ada yang jatuh melalui celah.

Jika Anda ingin mempelajari lebih lanjut tentang bagaimana kami membangun Outpost, Anda dapat mulai dari awal dan dapatkan cerita lengkapnya. Atau, tetap di sini dan baca terus untuk mengetahui bagaimana kami merencanakan dan membangun situs web kami.

Mulai dengan ringkasan kreatif

Jika Anda belum memiliki ringkasan kreatif, mulailah di sini. Ringkasan singkat yang kreatif persis bagaimana Anda berencana untuk berbicara tentang produk atau perusahaan Anda. Ini mendefinisikan nada suara merek Anda, palet warna Anda, pernyataan nilai Anda, dan banyak lagi. Ringkasan kreatif Anda menentukan bagaimana situs web Anda akan berkomunikasi dengan pelanggan.

Anda mungkin sudah menyusun ringkasan kreatif jika Anda telah melalui proses pengembangan logo. Jika demikian, Anda hanya dapat menggunakan kembali itu untuk situs web Anda. Jika Anda belum mengembangkan ringkasan kreatif, sekarang adalah waktunya untuk membangunnya.

Untungnya, saya sudah menulis artikel mendetail yang mengajarkan Anda cara melakukannya, yang mencakup contoh dari materi iklan Outpost, jadi Anda dapat melihat bagaimana kami membangunnya. Jadi, jika Anda perlu bekerja pada ringkasan kreatif Anda, lihat artikel saya tentang bagaimana kami mengembangkan logo kami dan singkat kreatifnya dan kemudian kembali ke sini ketika Anda siap.

Buat sitemap

Dengan singkat kreatif Anda di tangan, Anda akan mulai mengerjakan peta situs Anda. Sitemap hanyalah garis besar yang mencantumkan semua halaman (termasuk tujuan dan sasarannya) yang Anda rencanakan untuk disertakan di situs Anda.

Berikut sitemap yang kami kembangkan untuk Outpost:

Home : Ikhtisar produk dan "ajakan bertindak" untuk mendaftar uji coba gratis. Tautan sekunder ke halaman lain yang mendeskripsikan fitur.

Ringkasan Fitur : Gambaran umum semua fitur dengan tautan ke halaman fitur terinci.

Detail fitur untuk Fitur A: Rincian Fitur A.

Detail fitur untuk Fitur B: Rincian Fitur B.

Ulangi untuk semua fitur.

Harga: Rincian paket dan tautan harga untuk mendaftar uji coba gratis.

Pelanggan: Profil pelanggan yang berhasil.

Tentang Kami: Tinjauan tentang siapa kami, pernyataan misi kami, dan sejarah kami.

Hubungi Kami: Informasi kontak, jam, lokasi.

Pekerjaan: Daftar lowongan pekerjaan kami saat ini.

Pernyataan Privasi: Kebijakan privasi Outpost.

Blog: Homepage untuk blog yang mencantumkan posting blog terbaru.

Posting Blog: Akan ada beberapa posting blog. Halaman ini akan menjadi template untuk mereka.

Pusat Bantuan: Pusat bantuan kami akan didukung oleh Zendesk.

Tentu saja, situs Anda mungkin akan sangat berbeda dari peta situs Outpost. Jika Anda restoran, misalnya, Anda mungkin memiliki satu atau dua halaman untuk menu dan halaman untuk pemesanan. Jika Anda sedang membangun sebuah toko online, Anda mungkin akan memiliki banyak halaman produk yang berbeda.

Dokumen peta situs Anda, sebaik mungkin, menurut Anda apa yang akan dimasukkan oleh situs Anda. Perencanaan kecil ini akan membuat perencanaan dan pengembangan situs menjadi lebih mudah, jadi ini sepadan dengan investasi pada tahap awal ini.

Tuliskan salinan Anda terlebih dahulu sebelum desain

Anda akan berpikir bahwa saya tidak dapatkan pesanan di sini. Bukankah seharusnya Anda mendesain situs web Anda sebelum Anda berpikir tentang kata-kata apa yang akan Anda masukkan di halaman?

Bahkan, pendekatan yang lebih baik adalah melakukan hal-hal "terbelakang" dan berpikir tentang salinan situs web Anda terlebih dahulu dan kemudian merancang sekitar salinan itu. Mengapa? Karena apa yang ingin Anda komunikasikan kepada pelanggan Anda jauh lebih penting daripada desain akhir sebenarnya dari situs Anda. Tentu saja, desain itu penting dan Anda ingin memiliki situs yang terlihat bagus, tetapi jika Anda tidak dapat mengkomunikasikan pesan-pesan kunci Anda kepada pengguna Anda, desain yang baik tidak akan membuat perbedaan.

Tulis salinan Anda terlebih dahulu juga membantu Anda dan calon perancang memahami apa yang setiap halaman coba komunikasikan. Ini menghasilkan desain desain yang lebih baik yang memperkuat pesan Anda. Bahkan jika Anda akan membangun situs Anda sendiri dengan alat seperti Squarespace, mengetahui apa yang setiap halaman perlu katakan sebelum Anda memilih desain akan menghemat waktu besar.

Ketika tiba saatnya untuk desain Anda, Anda mungkin perlu memperbaiki salinan Anda untuk memastikan semuanya sesuai dengan benar, tetapi itu akan lebih mudah daripada mencoba menulis salinan untuk desain yang tidak dibuat untuk perpesanan Anda.

Untuk beranda Anda, Anda mungkin ingin judul yang menjelaskan dengan tepat apa yang Anda lakukan-proposisi nilai kunci Anda untuk pelanggan Anda. Itu akan diikuti oleh deskripsi singkat dan diperluas tentang apa yang dilakukan perusahaan Anda.

Berikut adalah judul dan deskripsi yang diperluas untuk Outpost, produk yang sedang kami bangun:

Sederhanakan Email Bersama Anda

Lacak, berkolaborasi, dengan mudah dan menanggapi pesan yang dikirim ke alamat email umum, seperti dukungan @ atau info @.

Dari sana, salinan yang akan Anda sertakan di laman beranda Anda benar-benar akan ditentukan oleh jenis perusahaan Anda, siapa pelanggan Anda adalah, dan apa yang perlu Anda komunikasikan.

Untuk Outpost, kita perlu mengkomunikasikan fitur utama dan manfaat dari produk kami dan mendorong pelanggan potensial untuk mempelajari lebih lanjut. Kami juga ingin berbicara tentang tim layanan pelanggan kami dan betapa hebatnya mereka.

Tapi, ini mungkin bukan penyiapan yang tepat untuk beranda Anda. Jika Anda adalah restoran, mungkin Anda ingin memiliki tautan ke menu atau informasi Anda tentang mendapatkan reservasi. Setiap perusahaan berbeda, jadi pikirkan apa yang perlu Anda katakan dan kemudian tuliskan.

Jangan khawatir tentang memulai dengan halaman kosong. Sebagai gantinya, datang dengan daftar situs web favorit Anda di industri Anda dan pikirkan tentang apa yang Anda sukai dan tidak suka tentang masing-masing situs. Jenis navigasi apa yang mereka gunakan? Halaman apa yang mereka sertakan? Gambar seperti apa yang mereka gunakan? Anda tidak perlu menemukan kembali roda, dan menggunakan situs favorit sebagai titik lompatan adalah cara yang bagus untuk memulai.

Tip terakhir: Lebih sedikit biasanya lebih banyak. Jangan tergoda untuk menulis paragraf salinan tanpa akhir untuk situs web Anda (kecuali itu yang diharapkan pelanggan Anda!). Jika Anda memperhatikan bagaimana Anda menggunakan situs web, Anda akan menemukan bahwa Anda sering membaca melalui teks, tidak membaca setiap kata. Karena itulah kebanyakan orang membaca online-skimming daripada membaca setiap kata-menjaga salinan Anda singkat dan to the point.

Kembangkan wireframe

Sebuah wireframe adalah tata letak kasar situs web Anda. Ini bukan desain yang sebenarnya. Ini adalah dokumen yang menunjukkan secara kasar ke mana hal-hal akan terjadi di halaman, tanpa memperhatikan warna atau grafis lainnya.

Jika Anda bekerja dengan desainer untuk membangun situs web Anda, mereka akan menghasilkan wireframe untuk Anda sebagai bagian dari proses desain. Jika Anda membangun situs web Anda sendiri, menggunakan layanan seperti Squarespace atau Shopify, Anda dapat dengan mudah membuat wireframe sendiri.

Jangan terintimidasi oleh langkah ini. Anda tidak memerlukan alat khusus untuk membuat wireframe. Selembar kertas dan pena cukup untuk membuat sketsa setiap halaman situs Anda. Ingat, Anda tidak "mendesain" dan wireframe tidak harus cantik. Itu hanya perlu mengkomunikasikan apa yang terjadi di mana pada halaman.

Jika Anda perlu inspirasi, periksa situs lain yang Anda sukai dan lihat bagaimana mereka menyusun informasi pada setiap halaman. Tidak apa-apa untuk meminjam tata letak dari situs lain dan menemukan inspirasi untuk situs Anda sendiri.

Jika menggunakan pena dan kertas bukan barang Anda, Anda dapat menggunakan PowerPoint atau Keynote untuk membuat wireframes. Ada juga alat wireframing khusus seperti Balsamiq yang membuat prosesnya mudah.

Saya telah menyertakan kerangka situs Outpost di bawah ini sehingga Anda bisa mendapatkan gambaran seperti apa wireframe. Anda juga dapat melihat salinan yang kami buat di langkah sebelumnya dan sketsa ide untuk elemen grafis yang kami inginkan untuk dibuat oleh desainer.

Gambar rangka kami untuk Outpost.

Rancang dan bangun

Sekarang saatnya untuk benar-benar merancang dan membangun situs web Anda. Jika Anda menggunakan desainer atau perusahaan desain freelance, mereka akan mengambil alih proses dari sini.

Tapi, dengan asumsi Anda seperti kebanyakan, Anda mungkin melakukan ini sendiri dan ingin menjaga biaya tetap terkendali. Jika ini terdengar seperti Anda, Anda harus memilih platform untuk mendesain dan menghosting situs web Anda.

Pertama, pertimbangkan kebutuhan Anda. Apakah Anda hanya membutuhkan situs web satu halaman yang sederhana? Apakah Anda ingin memasukkan blog? Apakah Anda akan menjual produk Anda secara online dan memerlukan barang-barang seperti keranjang belanja?

Ada ratusan kemungkinan pilihan, tapi saya akan daftar beberapa favorit saya sehingga Anda tidak terlalu macet memilih platform untuk situs web Anda.

WordPress: Ini adalah platform yang bagus dan murah untuk situs web sederhana apa pun. Ada banyak pilihan desain, dan Anda dapat memulai secara gratis. Saya tidak akan merekomendasikan WordPress jika Anda berencana untuk menjalankan toko online dengan banyak produk, tetapi itu adalah pilihan bagus untuk situs web dan blog informasi dasar. Ratusan ribu situs web menggunakan WordPress, jadi Anda tidak boleh terlalu salah dengan pilihan ini. Dan, ada beberapa opsi untuk menambahkan fungsi perdagangan ke situs Anda jika diperlukan.

Shopify: Jika Anda menjual barang secara online, Shopify adalah pilihan yang sangat baik. Anda dapat menjalankan seluruh toko online di platform ini dan mendapatkan semua alat back-end yang Anda butuhkan untuk mengelola produk, inventaris, dan banyak lagi.

Squarespace: Squarespace adalah jack of all trades. Anda dapat menggunakannya untuk membuat semuanya dari blog ke toko online. Dengan desain template yang indah dan fleksibilitas tanpa batas, itu juga pilihan yang bagus untuk memulai.

Untuk Outpost, kita berada dalam situasi yang sedikit berbeda. Sebagai perusahaan yang sudah ada, kami memiliki desainer internal dan beberapa insinyur yang bekerja di situs web kami. Tapi, jika itu tidak terjadi, saya mungkin akan memilih WordPress atau Squarespace untuk membangun situs web kami.

Uji dan ulangi

Setelah situs web baru Anda aktif dan berjalan, pekerjaan tidak selesai. Sebenarnya, ini baru permulaan! Anda mungkin tidak ingin mendengarnya, tetapi sekarang setelah situs Anda ditayangkan, Anda perlu mencari tahu apakah salinan yang Anda tulis benar-benar berfungsi. Apakah salinan Anda mendapatkan pelanggan untuk melakukan apa yang Anda ingin mereka lakukan? Menemukan desain dan salinan yang tepat akan meningkatkan jumlah pelanggan yang Anda miliki dan memastikan bahwa Anda mendapatkan hasil maksimal dari setiap prospek yang datang ke situs Anda.

Untuk mengetahui ini semua, Anda harus menjalankan beberapa tes. Ini disebut pengujian A / B. Saat Anda mengosongkan situs web Anda saat ini (versi-A) terhadap alternatif (versi-B). Anda kemudian mengukur versi mana yang berkinerja lebih baik. Anda dapat mengukur kesuksesan dalam peningkatan penjualan, peningkatan panggilan ke bisnis Anda, atau hanya membuat pelanggan mengklik halaman yang berbeda.

Saya tidak akan membahas panduan terperinci tentang pengujian A / B di sini, karena ini adalah topik yang mendalam untuk hari lain, tetapi saya akan memberi tahu Anda bahwa Anda memerlukan beberapa alat tambahan untuk menyelesaikan pengujian.

Saya sarankan Konversi Eksperimen atau Pengoptimal Situs Web Visual. Keduanya adalah pilihan yang kuat dan terjangkau yang membuat pengujian menjadi mudah.

Anda juga harus memastikan bahwa Anda telah memasang alat analisis seperti Google Analytics (gratis!) Untuk memahami jenis orang yang mengunjungi situs web Anda dan apa yang mereka lakukan setelah mereka ada di sana.

Jika Anda memiliki pertanyaan atau komentar tambahan tentang membuat situs web Anda aktif dan berjalan, jangan ragu untuk bertanya pada saya di komentar.