Proses Desain Situs Web 6 Langkah untuk Klien

Apakah klien desain web potensial Anda memahami cara kerja proses desain situs web? Mendidik klien tentang proses desain web Anda adalah peluang besar untuk menunjukkan keahlian, kredibilitas, dan otoritas Anda dalam menyediakan situs web yang mendapatkan hasil. Dalam posting ini, kami akan memecah proses desain situs web menjadi 6 langkah.

Dengan semua alat pembuatan situs web yang mudah digunakan yang tersedia di pasar saat ini, hampir semua orang yang ingin membuat situs web dapat melakukannya dengan relatif mudah. Tetapi proses desain situs web yang berkualitas melibatkan lebih dari sekadar membangun situs web.

Perancang situs web profesional tahu bahwa penting untuk memiliki pendekatan langkah demi langkah untuk proyek desain web mereka. Lagi pula, semua keterampilan dan upaya membangun situs web di dunia tidak akan menjadi masalah jika prosesnya tidak disederhanakan, efisien, dan efektif.

Mungkin Anda belum memikirkan pendekatan pribadi Anda terhadap proses desain web dalam istilah ini. Jika Anda seperti banyak pemilik bisnis dan situs web lainnya, Anda mungkin tidak menganggap proses desain web seserius praktik bisnis Anda yang lain.

Sekarang adalah waktu untuk mengubahnya, dan kami akan menunjukkan kepada Anda bagaimana tepatnya.

Bagaimana Perencanaan yang Tepat Membangun Situs Web yang Lebih Baik

Jika Anda seorang desainer web komersial atau freelance, pertimbangkan untuk membuat halaman yang berdiri sendiri di situs web portofolio Anda dan arahkan klien baru ke proses desain web pribadi Anda (yang akan kami tunjukkan kepada Anda). Sebagian besar klien lebih memilih rencana yang jelas dan dapat ditindaklanjuti untuk proyek desain web mereka, dan itulah yang harus Anda berikan kepada mereka.

Ketika Anda sepenuhnya mengklarifikasi proses desain Anda dan berkomunikasi dengan baik di seluruh proyek, Anda akan mendapatkan lebih banyak klien yang puas, lebih sedikit pekerjaan, dan jauh lebih sedikit sakit kepala saat proyek berlangsung. Anda juga akan mendapatkan situs web yang jauh lebih baik. Dan bukankah itu yang kita semua inginkan?

Sekarang, mari kita lihat enam langkah kunci menuju proses desain situs web profesional yang akan menghasilkan hasil akhir terbaik setiap saat.

6 Langkah Proses Desain Situs Web

Desain web berkualitas lebih dari sekadar membangun situs web, dan memiliki pendekatan langkah demi langkah untuk proyek desain web menunjukkan semua pekerjaan dan keterampilan yang terlibat dalam mengembangkan kehadiran online yang sukses. Mungkin Anda tidak pernah memikirkan pendekatan Anda terhadap proses desain web dalam istilah-istilah ini, tetapi mungkin garis besar dalam posting ini dapat membantu membentuk Anda sendiri.

Ambil 6 langkah ini, buat halaman khusus di situs web freelance Anda, dan arahkan klien baru ke proses desain web Anda. Sebagian besar klien akan lebih memilih rencana yang jelas dan dapat ditindaklanjuti untuk proyek desain web mereka, dan mengklarifikasi proses desain situs web Anda akan membantu komunikasi di seluruh proyek, yang pada akhirnya mengarah pada klien yang lebih bahagia – dan lebih sedikit pekerjaan (dan sakit kepala) untuk Anda.

Langkah 1: Fase Penemuan

Tidak mungkin menyelesaikan proses desain situs web yang sukses tanpa terlebih dahulu mengetahui apa tujuan proyek tersebut.

Jika proyek tersebut untuk situs web Anda sendiri, luangkan waktu untuk menuliskan informasi penelitian tentang:

• Bisnis atau industri tempat situs web Anda akan tinggal
• Target pasar Anda dan detail siapa pelanggan Anda dan akan menjadi
• Tujuan dan sasaran akhir dari membangun situs web

Ketika Anda menuliskan secara spesifik tujuan proyek Anda, Anda secara otomatis membuatnya lebih nyata dan dapat ditindaklanjuti.

Jangan biarkan tujuan Anda melayang-layang di kepala Anda.

Jika Anda seorang desainer situs web profesional yang bekerja dengan klien, Fase Penemuan dari proses desain web adalah tentang pengumpulan informasi. Langkah ini juga sangat penting bagi Anda untuk lebih memahami bisnis dan industri klien Anda, target pasar dan pelanggan mereka, serta tujuan/sasaran akhir dari situs web.

Meskipun tergoda untuk melewati fase penemuan dan perencanaan dan langsung masuk ke desain, dua langkah pertama ini sangat penting untuk membangun situs web yang benar untuk kebutuhan klien.

Selama fase penemuan, tanyakan pada diri Anda atau klien Anda serangkaian pertanyaan berikut. Jawabannya akan segera mulai mengarahkan aliran proyek yang akan datang:

1. Apa yang dilakukan bisnis atau organisasi Anda?
2. Apa yang membedakan bisnis atau organisasi Anda dari pesaing Anda?
3. Siapa pesaing Anda?
4. Siapa pelanggan ideal Anda?
5. Jelaskan konsep, proyek, atau layanan yang ingin disediakan atau dipromosikan situs ini.
6. Apa tujuan situs web Anda?
7. Siapa yang datang ke situs web Anda?
8. Apa impian Anda untuk situs web ini?
9. Apakah ada anggaran ketat yang terlibat dalam mendapatkan kehadiran web yang solid, atau adakah kebebasan moneter untuk digunakan?

Selain pertanyaan-pertanyaan ini, luangkan beberapa menit untuk membaca artikel berjudul 65 Pertanyaan untuk Ditanyakan Selama Pertemuan Klien Freelance Anda Berikutnya. Pertanyaan yang disarankan dalam artikel ini dibagi menjadi tujuh kelompok utama:

• Klien
• Proyek
• Hadirin
• Merek
• Fitur dan ruang lingkup
• Perdagangan elektronik
• Waktu dan anggaran

Setiap kelompok menawarkan area penting dari informasi potensial yang akan membantu membentuk keseluruhan proyek desain web.

Menggunakan pendekatan yang disertakan dalam posting 65 Pertanyaan, langkah Discover dari proses desain web benar-benar lebih seperti pertemuan konsultasi awal dengan klien potensial. Selama fase Discovery, Anda dapat mengukur chemistry antara Anda dan klien potensial dengan lebih baik, menyelidiki kondisi kerja yang akan Anda miliki dengan klien potensial, dan memperkirakan ruang lingkup proyek.

Pertemuan ini juga saat Anda dapat memberi tahu klien potensial tentang proses pengembangan web Anda yang akan Anda pelajari dalam panduan ini, dan menyarankan fitur tambahan yang dapat memenuhi tujuan klien.

Ini juga saat yang tepat untuk mendidik klien potensial tentang pentingnya layanan berkelanjutan Anda untuk pemeliharaan situs web.

Tentu saja, jika Anda membuat situs untuk tujuan Anda sendiri, menjawab pertanyaan yang disajikan di pos 65 Pertanyaan akan menunjukkan kepada Anda bagaimana merampingkan proses dan membuat Anda tetap di jalur untuk memenuhi tujuan Anda.

Langkah 2: Perencanaan

Sama seperti pengumpulan informasi, langkah perencanaan desain situs web adalah bagian penting dari peluncuran situs web baru.

Jika Anda meragukan perlunya menghabiskan waktu dalam fase perencanaan proses desain situs web, pikirkan tentang proyek lain yang tidak terkait dengan web yang pernah Anda lakukan, baik untuk pribadi maupun untuk bisnis.

Kemungkinannya adalah jika Anda mulai membangun gudang baru, misalnya, tanpa terlebih dahulu merencanakan bagaimana proses akan selesai dari awal hingga akhir, hasil akhir Anda mungkin tidak akan bertahan lama.

Sebagai pemilik bisnis atau perancang situs web, sangat menggoda untuk langsung terjun ke langkah desain membangun situs web. Ini terutama karena fase desain jelas merupakan bagian proyek yang paling kreatif (dan menyenangkan) (bagi kebanyakan orang). Namun, penelitian dan perencanaan yang tepat akan membantu memperjelas tujuan Anda untuk situs web dan memandu desain Anda.

Karena itu, menghabiskan banyak waktu dalam tahap proses ini sangat penting untuk keberhasilan proyek.

Pernahkah Anda mendengar pepatah lama, “mengukur dua kali, memotong sekali?” Konsep ini juga berlaku untuk mendesain situs web. Menghabiskan waktu untuk perencanaan situs web adalah investasi bagus yang pada akhirnya akan menghemat waktu dan bahkan uang Anda dalam jangka panjang.

Selama fase perencanaan, Anda akan ingin meninjau atau membuat strategi SEO untuk situs web. Karena situs web sering kali mengatur banyak informasi ke dalam format yang mudah digunakan, ini juga saat yang tepat untuk mendapatkan gambaran tentang konten yang hilang sebelum Anda mulai mendesain apa pun.

Fase perencanaan juga membantu klien memahami peran mereka dalam memenuhi tenggat waktu dengan konten, sehingga proses peluncuran tidak terhambat. Dan jika Anda pernah mendesain situs web untuk klien, Anda sudah tahu bahwa mengejar konten klien dapat menjadi salah satu faktor kunci (dan sering kali membuat frustrasi) yang membuat proyek tidak selesai sesuai jadwal.

Fase perencanaan desain situs web mencakup 3 tugas dasar, yang akan kami bahas di sini secara lebih rinci.

Mereka:

• Buat atau tinjau strategi untuk SEO
• Buat peta situs situs web
• Tinjauan dan pengembangan konten

Mari kita lihat dari dekat masing-masing.

Buat atau Tinjau Strategi untuk SEO

Dalam bentuknya yang paling sederhana, SEO adalah:

“Praktik meningkatkan kualitas dan kuantitas lalu lintas situs web ke situs Anda melalui hasil mesin pencari organik.”

Sementara kebanyakan orang saat ini setidaknya agak akrab dengan konsep SEO, yang sering dilupakan adalah bahwa praktik terbaik SEO bukanlah seperangkat aturan statis.

Bahkan, mereka selalu berubah.

Jadi apa yang masuk ke SEO yang memberikan hasil terbaik pada tahun 2021 dan seterusnya? Untuk memahami sepenuhnya arti dari optimasi mesin pencari, kita perlu memecah definisi di atas menjadi tiga bagian individu.

Mereka:

Kualitas lalu lintas situs: Tentu, Anda dapat mendatangkan ribuan pengunjung situs secara acak setiap hari melalui berbagai strategi berbeda. Tetapi jika pengguna membuka situs Anda karena Google menunjukkan kepada mereka bahwa Anda adalah sumber untuk membeli iPhone Apple saat situs Anda benar-benar menjual apel segar dari pertanian, Anda belum mendatangkan pengunjung yang berkualitas.

Sebaliknya, penting untuk mengetahui cara menarik pengunjung yang benar-benar tertarik dengan apa yang ditawarkan situs web Anda.

Kuantitas lalu lintas situs: Setelah Anda menentukan dengan tepat bagaimana mendapatkan pengguna yang tepat untuk mengklik ke situs Anda dari halaman hasil mesin pencari, atau SERP, saatnya untuk mendatangkan lebih banyak dari mereka. Lagi pula, semakin banyak pengunjung berkualitas yang Anda bawa, semakin banyak prospek berkualitas yang akan Anda temukan.

Hasil penelusuran organik: Setiap kali Anda menjalankan penelusuran Google, Anda akan melihat bahwa semua hasil teratas diisi dengan iklan yang tampaknya merupakan hasil penelusuran organik. Yang benar adalah bahwa iklan ini merupakan bagian penting dari SERP situs web mana pun.

Tapi lalu lintas organik adalah apa yang kami cari dengan SEO. Ini adalah lalu lintas yang datang terus-menerus dan berulang setiap hari tanpa pernah membayar Google untuk memasang iklan.

Dan itu mungkin untuk dilakukan.

Berikut cara memulai:

• Jika Anda membuat situs web sendiri, teliti istilah pencarian khusus untuk bisnis atau industri Anda. Jika Anda bekerja dengan klien, bicarakan hal yang sama kepada mereka
• Teliti dan tinjau volume kata kunci
• Buat spreadsheet kata kunci/frasa kunci
• Audit konten situs web yang ada untuk fokus SEO
• Buat daftar kebutuhan konten SEO untuk mengisi kekosongan
• Petakan kata kunci/frasa kunci ke konten yang ada atau yang akan datang

Jika Anda baru dalam melakukan SEO Anda sendiri atau menyediakan layanan pengoptimalan mesin telusur kepada klien, kami memiliki beberapa pelatihan SEO gratis dan video pelatihan dasar-dasar SEO yang tersedia.

Anda juga dapat melihat KTT SEO selama 9 jam pelatihan SEO intensif.

Buat Peta Situs Situs Web

Setelah mengerjakan strategi SEO selama Tahap Perencanaan Anda, selanjutnya, saatnya membangun sitemap situs web.

Peta situs pada dasarnya adalah garis besar struktur halaman yang akan terdiri dari situs web. Merencanakan peta situs sebelum mengerjakan desain situs web apa pun memiliki beberapa manfaat utama yang tidak dapat diabaikan.

Misalnya, Anda dapat:

• Bangun desain Anda di sekitar halaman terpenting
• Rencanakan navigasi situs web dengan lebih efisien
• Dapatkan gambaran keseluruhan tentang konten yang masih perlu ditulis

Menggunakan Strategi SEO Anda, buat peta situs dengan hierarki halaman dan silo konten yang sesuai.

Buat dokumen khusus untuk peta situs dan garis besar situs Anda.

Anda dapat menggunakan peta situs sebagai daftar periksa untuk memandu kemajuan proyek Anda.

Sertakan halaman situs web dasar (Tentang, Kontak, dll.) ditambah halaman kata kunci/frasa kunci tambahan.

Untuk pemilik situs WordPress, pertimbangkan untuk menggunakan plugin Google XML Sitemaps untuk membantu Anda.

Tinjauan dan Pengembangan Konten

Bagian terakhir dari proses perencanaan situs web mencakup tinjauan mendalam terhadap konten situs web.

Untuk memulai, Anda sebaiknya melakukan audit terhadap konten yang ada (jika sudah ada situs web yang diganti atau dikerjakan ulang) dan buat rencana untuk memproduksi konten baru yang akan membantu kinerja situs web lebih baik.

Klien dapat bertanggung jawab untuk membuat konten baru, tetapi hal itu sering menimbulkan masalah yang tidak dapat dihindari. Paling sering, klien yang setuju untuk menulis konten untuk situs mereka sendiri memiliki banyak hal lain yang terjadi dalam bisnis dan kehidupan mereka. Bahkan jika Anda menetapkan tenggat waktu yang ketat untuk pengiriman konten,

Kenyataannya adalah kebanyakan orang tidak menikmati, atau tidak tahu cara yang benar, untuk menulis konten untuk situs web.

Jika Anda mempertimbangkan untuk menempatkan diri Anda sebagai penanggung jawab penulisan konten untuk situs web tetapi tidak senang dengan ide tersebut, seringkali sangat membantu untuk membuat kontrak dengan penulis lepas untuk memenuhi kebutuhan konten Anda.

Ada beberapa rumah konten murah, seperti TextBroker, Scripted, The Hoth, dan banyak lainnya yang dapat membantu Anda dengan proses konten.

Selama proses peninjauan dan pengembangan konten, Anda sebaiknya:

1. Tinjau konten web yang ada
2. Mintalah konten non-web seperti brosur, kartu nama, atau pamflet
3. Pekerjakan atau tetapkan penulis untuk kebutuhan konten
4. Letakkan tenggat waktu pada penyelesaian konten

Sebuah situs web tidak akan berhasil tanpa konten yang bagus. Oleh karena itu, penting untuk meluangkan banyak waktu dan energi untuk memastikan bahwa konten proyek Anda siap untuk dijalankan.

Langkah 3: Desain

Langkah ketiga dari proses desain web adalah merancang bagaimana situs web akan terlihat. Pada langkah ini, wireframe situs web dibuat dengan elemen halaman web dasar seperti header, navigasi, widget, dan sebagainya.

Gambar rangka kemudian dapat dipindahkan ke mockup yang lebih realistis menggunakan program seperti Photoshop.

Tantangan desain web yang baik, seperti semua desain, adalah menyeimbangkan bentuk dan fungsi. Gunakan informasi yang Anda kumpulkan dalam fase Penemuan dan Perencanaan untuk membentuk desain Anda.

Desainer web yang baik memiliki niat di balik setiap keputusan desain.

Untuk desainer dan pengembang WordPress, desain situs Anda semua akan dimulai dengan memilih tema terbaik untuk dibangun. Jika Anda belum pernah mendengar tentang Tema Kadence, sekaranglah saatnya untuk memeriksanya.

Unduh Tema Kadence

Ini mungkin dengan cepat menjadi tema masuk Anda untuk setiap proyek WordPress baru.

Tema Kadence bekerja dengan editor blok WordPress dengan cara unik yang membuat mendesain situs web menjadi menyenangkan lagi. Ini adalah tema gratis dengan semua lonceng dan peluit dari beberapa tema premium teratas, dan benar-benar mengemas fitur tingkat berikutnya yang akan membuat situs apa pun menjadi indah dan efektif.

Untuk memanfaatkan sepenuhnya Tema Kadence dan membawanya ke level berikutnya, Anda juga ingin menggunakan Kadence Blocks. Alat ini akan memberi Anda 100% hasil desain profesional tanpa perlu tahu cara membuat kode.

Tapi ingat, desain harus selalu mengakomodasi konten.

Baca itu sekali lagi dan biarkan meresap.

Masalahnya adalah bahwa konten sering kali mengakomodasi desain, dengan konten yang menerima sangat sedikit perhatian. Konten situs web Anda, jauh dan jauh, adalah hal nomor satu yang Anda ingin agar diperhatikan oleh pemirsa.

Karena itu, untuk setiap desain halaman Anda, berhentilah dan tanyakan pada diri Anda tiga pertanyaan ini:

1. Apa tujuan utama halaman?
2. Apakah jelas bagi pengguna tindakan apa yang perlu mereka ambil?
3. Bagaimana desain mendorong pengguna untuk mengambil tindakan?

Seorang desainer web yang profesional dan efektif juga akan memperhatikan bagaimana sebuah desain akan diterjemahkan ke dalam kode. Bahkan jika Anda tidak melakukan pengembangan sendiri, sebagai seorang desainer, ada baiknya untuk berinvestasi dalam keterampilan pengkodean Anda.

Dan selalu pastikan untuk memiliki pengembang yang meninjau desain sebelum pergi ke klien.

Terakhir, gunakan Fase Desain untuk menyelesaikan keseluruhan tampilan situs web dengan klien dan mendiskusikan keputusan untuk:

• warna
• Tipografi
• Perumpamaan

Konfirmasikan desain dengan klien sebelum melanjutkan ke tahap pengembangan.

Langkah 4: Pengembangan

Pada Tahap Pengembangan, desain situs web diterjemahkan ke kode aktual yang membuat situs web berfungsi. Tahap ini bisa menjadi yang paling lama, jadi beri tahu klien tentang status proyek.

Selama Fase Pengembangan, email 3 kalimat biasa seperti di bawah ini sangat bagus untuk menjaga komunikasi klien:

“Ini yang kami lakukan minggu ini (lalu). Di sinilah segala sesuatunya (hadir). Inilah yang selanjutnya (masa depan).”

Lagi pula, jika Anda diam untuk jangka waktu tertentu selama Pengembangan, banyak klien akan menganggap yang terburuk dan Anda mungkin kehilangan proyek.

Untuk desainer dan pengembang WordPress, langkah-langkah dasar pengembangan situs web meliputi:

1. Instal WordPress di localhost atau server pengujian.
2. Instal tema WordPress pemula.
3. Instal plugin cadangan WordPress, sebaiknya BackupBuddy. Menjalankan BackupBuddy selama pengembangan memudahkan untuk 1) mengembalikan perubahan file dan 2) memindahkan situs ke domain atau server langsung untuk diluncurkan.
4. Menggunakan mockup, terjemahkan desain ke situs langsung.
5. Uji dan optimalkan di sepanjang jalan.

Langkah 5: Meluncurkan Situs Web

Akhirnya, akhirnya waktu untuk meluncurkan situs web!

Karena ada begitu banyak langkah yang terlibat dalam meluncurkan situs web, ada baiknya menggunakan daftar periksa untuk memastikan Anda tidak melewatkan satu langkah pun.

Pastikan untuk menggunakan daftar periksa dalam artikel ini untuk memastikan peluncuran situs web Anda berjalan lancar:

• Daftar Periksa Peluncuran WordPress Lengkap untuk Pengembang
• Daftar Periksa Peluncuran Situs Web WordPress Esensial
• Daftar Periksa WordPress Utama: 80+ Tugas untuk Setiap Pemilik Situs Web WordPress

Mereka pasti akan membuat proses peluncuran situs web Anda jauh lebih efisien.

Langkah 6: Pemeliharaan

Langkah terakhir dan terakhir dari desain web ini sering diabaikan oleh para freelancer. Namun, pemeliharaan situs web penting untuk kesehatan dan kesuksesan situs web jangka panjang, serta sumber potensi pendapatan berulang.

Bahkan sebelum proyek situs web baru dimulai, ajarkan klien potensial tentang tanggung jawab jangka panjang untuk memiliki situs web. Sama seperti memiliki mobil atau rumah, sebuah website juga membutuhkan perawatan dan pemeliharaan. Tawarkan layanan pemeliharaan WordPress bulanan untuk menghapus tugas pemeliharaan situs web dari klien Anda.

Pada tingkat dasar, layanan pemeliharaan WordPress mencakup tindakan yang diperlukan berikut untuk menjaga situs WordPress berjalan dengan lancar:

• Pembaruan WordPress
• Pembaruan tema dan plugin
• Pencadangan WordPress
• Plugin Keamanan WordPress, yaitu iThemes Security Pro
• Pelacakan dan pelaporan analitik
• Hosting WordPress

Pemeliharaan WordPress juga dapat meluas ke area pemeliharaan situs web lainnya seperti SEO, menambahkan konten baru atau memperbarui konten yang ada, persetujuan/balasan komentar, pembersihan spam, dan banyak lagi.

Jika Anda mengelola beberapa situs WordPress, gunakan layanan seperti iThemes Sync untuk mengelola pembaruan WordPress dan lainnya dari satu dasbor.

Saat mendiskusikan pemeliharaan situs yang sedang berlangsung, tanyakan kepada klien Anda:

1. Apakah ada strategi jangka panjang untuk mengedit, memperbarui, dan mempromosikan situs web Anda?
2. Siapa yang akan bertanggung jawab untuk memelihara situs web?

Bersiaplah untuk menawarkan tarif pemeliharaan bulanan Anda dan beri tahu klien tentang tarif per jam jika mereka membutuhkan Anda untuk memperbaiki masalah situs web, membuat perubahan pada konten, dan sebagainya.

Salam untuk Proses Desain Situs Web yang Lancar

Dengan mengikuti proses enam langkah yang baru saja kami uraikan, proses desain website akan berjalan lebih lancar dan tetap tepat sasaran. Dan dengan sedikit riset dan perencanaan, desain website Anda akan lebih terinformasi.

Dengan mengikuti daftar periksa untuk pengembangan dan peluncuran, Anda tidak akan melewatkan langkah penting apa pun. Dan akhirnya, memelihara situs web melindungi investasi yang dilakukan dalam membangun situs web.

Pada akhirnya, klien akan lebih puas dengan pengalaman mereka dan melihat nilai di situs web mereka.

Kristen Wright

Kristen telah menulis tutorial untuk membantu pengguna WordPress sejak 2011. Anda biasanya dapat menemukannya mengerjakan artikel baru untuk blog iThemes atau mengembangkan sumber daya untuk #WPprosper. Di luar pekerjaan, Kristen menikmati jurnal (dia menulis dua buku!), hiking dan berkemah, memasak, dan petualangan sehari-hari bersama keluarganya, berharap untuk menjalani kehidupan yang lebih kekinian.