Bagaimana Membangun Laman Web untuk Produk Baru (dan Bagaimana Kami Memiliki Ini) |

Anda mungkin telah merancang ringkas kreatif jika anda telah melalui proses pembangunan logo. Jika ya, anda boleh menggunakan semula itu untuk laman web anda.

Untungnya, saya telah menulis artikel terperinci yang mengajar anda bagaimana untuk melakukannya, yang merangkumi contoh-contoh dari Brief Creative Outpost, jadi anda dapat melihat bagaimana kami membina kami. Jadi, jika anda memerlukan kerja pada ringkas kreatif anda, periksa artikel saya tentang bagaimana kami mengembangkan logo kami dan ringkasnya kreatif dan kemudian kembali ke sini apabila anda siap.

Buat peta laman

Dengan ringkas kreatif anda dalam tangan, anda akan mula bekerja di sitemap anda. Sitemap hanya merupakan garis panduan yang menyenaraikan semua halaman (termasuk tujuan dan matlamat mereka) yang anda merancang untuk termasuk di laman web anda.

Berikut adalah peta tapak yang kami buat untuk Outpost:

Laman Utama

1. 1. : Gambaran keseluruhan produk dan "panggilan untuk bertindak" untuk mendaftar untuk percubaan percuma. Ciri-ciri Gambaran Keseluruhan
   2. : Gambaran keseluruhan semua ciri dengan pautan ke halaman ciri terperinci. Detail ciri untuk Ciri A: Butiran Ciri A.
      1. Perincian ciri untuk Ciri B: Butiran Ciri B.
      2. Ulang untuk semua ciri
      3. Harga: Butiran pelan harga dan pautan untuk mendaftar untuk percubaan percuma

• Pelanggan:
• Profil pelanggan yang berjaya. Mengenai Kami:
• Tinjauan siapa kami, pernyataan misi kami dan sejarah kami. Hubungi Kami:
• Pekerjaan:
• Senarai bukaan kerja semasa kami. Kenyataan Privasi:
• Dasar privasi Outpost Blog:
• Homepage untuk blog yang menyenaraikan catatan blog terkini. Post Blog: Akan ada beberapa posting blog. Halaman ini akan menjadi templat untuk mereka.
• Pusat Bantuan: Pusat bantuan kami akan dikuasakan oleh Zendesk.
• Sudah tentu, laman web anda mungkin akan menjadi sangat berbeza daripada sitemap Outpost. Jika anda sebuah restoran, sebagai contoh, anda mungkin akan mempunyai satu atau dua halaman untuk menu dan halaman untuk tempahan. Jika anda sedang membina sebuah kedai dalam talian, anda mungkin akan mempunyai banyak halaman produk yang berbeza. Dokumen Peta tapak anda, sebaik yang anda boleh, apa yang anda fikir tapak anda akan disertakan. Perancangan kecil ini akan membuat perancangan dan pembangunan tapak lebih mudah, jadi pelaburan itu bernilai pada tahap awal ini.

Tulis salinan pertama-sebelum reka bentuk

Anda akan berfikir bahawa saya tidak 't dapatkan pesanan di sini. Sebenarnya, pendekatan yang lebih baik adalah melakukan "mundur" dan berfikir tentang salinan laman web anda terlebih dahulu dan kemudian mereka bentuk di sekelilingnya salinan itu. Mengapa? Kerana apa yang anda ingin berkomunikasi dengan pelanggan anda adalah lebih penting daripada reka bentuk akhir laman web anda. Sudah tentu, reka bentuk itu penting dan anda ingin mempunyai laman web yang kelihatan baik, tetapi jika anda tidak dapat menyampaikan mesej utama anda kepada pengguna anda, reka bentuk yang baik tidak akan membezakannya.

Menulis salinan anda terlebih dahulu juga membantu anda dan pereka yang berpotensi memahami apa setiap halaman cuba untuk berkomunikasi. Ini menghasilkan reka bentuk reka bentuk yang lebih baik yang memperkuatkan pesanan anda. Walaupun anda akan membina laman web anda sendiri dengan alat seperti Squarespace, mengetahui apa yang setiap halaman perlu katakan sebelum anda memilih reka bentuk akan menjadi penyelamat masa yang besar.

Apabila tiba masanya untuk reka bentuk anda, anda mungkin perlu memperbaiki salinan anda untuk memastikan perkara itu sesuai dengan betul, tetapi itu akan menjadi lebih mudah daripada cuba menulis salinan untuk reka bentuk yang tidak dibina untuk pesanan anda.

Untuk laman utama anda, anda mungkin mahu tajuk yang menerangkan dengan tepat apa yang anda lakukan-proposisi nilai utama anda untuk pelanggan anda.

Berikut adalah tajuk utama dan keterangan yang lebih luas untuk Outpost, produk yang kami sedang bina:

Menyederhanakan E-mel Dikongsi Anda

Mudah mengesan, berkolaborasi, dan balas mesej yang dihantar ke alamat e-mel generik, seperti sokongan @ atau info @.

Dari sana, salinan yang akan anda sertakan pada halaman utama anda akan ditentukan oleh jenis syarikat anda, yang pelanggan anda adalah, dan apa yang anda perlukan untuk berkomunikasi.

Untuk Outpost, kita perlu menyampaikan ciri dan faedah utama produk kami dan menggalakkan bakal pelanggan untuk mengetahui lebih lanjut. Kami juga ingin bercakap tentang pasukan perkhidmatan pelanggan kami dan betapa hebatnya mereka.

Tapi, ini mungkin bukan persediaan yang tepat untuk halaman rumah anda. Jika anda sebuah restoran, mungkin anda ingin mempunyai pautan ke menu anda atau maklumat tentang mendapatkan tempahan. Setiap syarikat berbeza, jadi tunjukkan apa yang anda perlu katakan dan tulisnya.

Jangan risau tentang memulakan dengan laman kosong. Sebaliknya, tentukan senarai tapak web kegemaran anda dalam industri anda dan fikirkan tentang apa yang anda suka dan tidak suka mengenai setiap laman web. Navigasi jenis apa yang mereka gunakan? Halaman apa yang mereka sertakan? Apakah jenis imej yang mereka gunakan? Anda tidak perlu mencipta semula roda, dan menggunakan laman kegemaran sebagai titik melompat adalah cara terbaik untuk bermula.

Petua akhir:

Kurang biasanya lebih. Jangan tergoda untuk menulis perenggan salinan yang tidak berkesudahan untuk laman web anda (melainkan itulah yang diharapkan oleh pelanggan anda!). Sekiranya anda memperhatikan bagaimana anda menggunakan laman web, anda akan mendapati bahawa anda sering melayari teks, tidak membaca setiap perkataan. Kerana itu kebanyakan orang membaca dalam talian bukannya membaca setiap perkataan-simpan salinan anda yang pendek dan ke titik

Membangunkan rangka

Straw garis adalah susun atur laman web anda. Ia tidak benar-benar reka bentuk, betul-betul.

Jika anda bekerja dengan pereka bentuk untuk membina laman web anda, mereka akan menghasilkan wireframe untuk anda sebagai sebahagian daripada proses reka bentuk. Jika anda membina laman web anda sendiri, menggunakan perkhidmatan seperti Squarespace atau Shopify, anda boleh dengan mudah membina kerangka sendiri. Jangan terintimidasi dengan langkah ini. Anda tidak memerlukan apa-apa alat khas untuk membina wireframe. Pad kertas dan pen cukup untuk lakarkan setiap halaman laman web anda. Ingat, anda tidak "merancang" dan rentetan keretapi tidak perlu cantik. Ia hanya perlu untuk mengkomunikasikan apa yang berlaku pada halaman.

Jika anda memerlukan inspirasi, lihat laman lain yang anda suka dan lihat bagaimana mereka menyusun maklumat pada setiap halaman. Ia benar-benar baik untuk meminjam susun atur dari laman web lain dan mencari inspirasi untuk laman web anda sendiri.

Jika menggunakan pen dan kertas bukanlah perkara anda, anda boleh menggunakan PowerPoint atau Keynote untuk membuat wireframe. Terdapat juga alat-alat wireframing khusus seperti Balsamiq yang membuat prosesnya mudah. ​​

Saya telah memasukkan wireframe laman utama Outpost di bawah supaya anda boleh mendapatkan idea tentang apa yang kelihatan seperti wireframe. Anda juga boleh melihat salinan yang kami buat dalam langkah sebelumnya dan lakaran idea untuk elemen grafik yang kami mahukan pereka bentuk untuk dibuat

Peranti tangan kami untuk Outpost

Reka bentuk dan membina

Sekarang akhirnya ia benar-benar merancang dan membina laman web anda. Jika anda menggunakan pereka bebas atau firma reka bentuk, mereka akan mengambil alih proses dari sini.

Tapi, dengan anggapan anda seperti kebanyakan, anda mungkin melakukan ini sendiri dan ingin mengekalkan kos. Jika ini terdengar seperti anda, anda perlu memilih platform untuk merancang dan menjadi tuan rumah laman web anda.