8 Langkah Mendesain Ulang Situs Web Anda Daftar periksa Anda untuk perombakan situs web yang lancar di tahun 2023

Tooltester didukung oleh pembaca seperti Anda. Kami dapat memperoleh komisi afiliasi ketika Anda membeli melalui tautan kami, yang memungkinkan kami menawarkan penelitian kami secara gratis.

Apakah situs web Anda terlihat tua, jelek, dan kikuk? Tidak berfungsi sebagaimana mestinya? Maka desain ulang situs web mungkin diperlukan.

Tentu saja, hal ini lebih mudah diucapkan daripada dilakukan.

Contoh kasus yang tepat adalah situs web Tooltester kami, yang baru-baru ini kami perbarui. Pekerjaan desain ulang memakan waktu 1,5 tahun. Tidak berlebihan.

Sebelum Anda melangkah lebih jauh, kami harus menyebutkan bahwa kami mendesain ulang situs web kami sebagai bagian dari latihan rebranding besar-besaran. Hal ini mungkin membuat proses desain ulang menjadi lebih rumit dibandingkan upaya peluncuran ulang situs web pada umumnya.

Namun, dalam prosesnya, kami memperoleh wawasan berharga dalam melakukan desain ulang situs web selancar mungkin . Kami telah mengumpulkan apa yang telah kami pelajari ke dalam peta jalan desain ulang situs web 8 langkah yang solid, yang akan berguna bagi Anda jika Anda berencana mendesain ulang situs web Anda sendiri:

Analisis

1. Analisis situs web Anda saat ini
2. Analisis pesaing Anda

Perencanaan

1. Tetapkan tujuan untuk desain ulang
2. Tinjau pengaturan teknologi situs web Anda
3. Delegasikan tanggung jawab untuk mendesain ulang situs web

Realisasi

1. Bersiaplah untuk desain ulang
2. Hari peluncuran!
3. Terus tingkatkan situs web Anda

Kami juga akan berbagi bagaimana kami menerapkan langkah-langkah ini pada proyek desain ulang situs web kami. Namun pertama-tama, mari kita selesaikan beberapa pertanyaan mendasar.

Yaitu: mengapa Anda perlu melakukan desain ulang situs web dan berapa biayanya?

Mengapa situs web didesain ulang?

Alasan untuk mendesain ulang situs web meliputi:

• Desain situs web Anda sudah ketinggalan jaman: Anda mungkin awalnya menyukai tampilan situs web Anda. Namun sekarang, Anda menganggap elemen visualnya tidak sedap dipandang atau tidak sejalan dengan tren desain web terkini. Atau mungkin situs web Anda tidak memiliki desain responsif sehingga menyebabkan pengguna perangkat seluler kesulitan menavigasi situs Anda.
• Situs web Anda dibuat dengan teknologi yang sudah ketinggalan zaman: Jika sistem pengelolaan konten (CMS) situs web Anda sudah tua dan jarang diperbarui, sistem tersebut mungkin mengalami kelemahan keamanan yang serius. Dalam hal ini, Anda sebenarnya mengundang peretas untuk mencuri data Anda atau menghapus seluruh situs web Anda.
• Anda memerlukan fitur dan fungsi situs web baru: Seiring berjalannya waktu, Anda mungkin memerlukan situs web Anda untuk melakukan lebih dari apa yang awalnya Anda buat. Misalnya, jika Anda menambahkan toko online ke blog Anda, Anda perlu mendesain ulang situs web Anda untuk menyertakan fungsionalitas toko tersebut.
• Desain situs web Anda yang lemah memengaruhi peringkat penelusuran Anda: Misalnya, Google telah mengambil pendekatan yang mengutamakan seluler untuk mengindeks dan memberi peringkat laman situs web sejak Juli 2019. Situs web yang tidak dioptimalkan untuk seluler dapat menyebabkan peringkat penelusuran rendah sehingga memerlukan desain ulang . Pastikan Anda menggunakan pembuat situs web atau CMS yang bagus untuk SEO.
• Anda melakukan rebranding: Perusahaan Anda sedang melakukan rebranding besar-besaran, dan merombak nilai merek, logo, warna, dan banyak lagi. Sebagai bagian dari proses, Anda harus mengerjakan ulang jaminan pemasaran Anda — yang mencakup desain ulang situs web Anda.

Alasan terakhir ini sangat relevan bagi kami.

Kami memutuskan untuk mendesain ulang situs web kami karena kami merasa desain kami tidak lagi mewakili siapa kami sebagai sebuah perusahaan. Untuk konteksnya, berikut tampilan beranda lama kami:

Desain website kami sebelumnya

Situs web lama kami tampak seperti operasi 3 orang, dan ini akurat pada satu titik dalam sejarah kami. Namun sekarang, Tooltester dijalankan oleh tim hebat yang terdiri dari 10+ orang!

Jadi kami ingin situs web kami lebih sempurna, dan mengomunikasikan bagaimana situs tersebut dijalankan oleh tim berpengalaman yang berdedikasi untuk membantu usaha kecil menemukan alat yang sempurna untuk kebutuhan mereka.

Berapa biaya desain ulang situs web?

Jika Anda mempekerjakan profesional untuk mengurus seluruh pekerjaan untuk Anda , Anda dapat menghabiskan sekitar hal berikut untuk mendesain ulang situs web:

• Mendesain templat halaman (termasuk untuk situs web seluler): $100–$300 per halaman
• Mengkodekan tema situs web WordPress 8 halaman: $1.500–$3.000
• Mendapatkan hosting web , nama domain, dan alamat email: $10–$30 per bulan tergantung pada volume lalu lintas situs web bulanan Anda

Alternatifnya, Anda mungkin menyukai pendekatan pembuatan situs web DIY dan menggunakan pembuat situs web untuk membangun situs web baru dari awal . Dalam hal ini, biaya desain ulang Anda mungkin hanya $10–$25 per bulan tergantung pada pembuat situs web pilihan Anda.

Misalnya, pembuat situs web Wix mengenakan biaya $16/bulan untuk paket Combo-nya, yang mencakup ruang penyimpanan 2GB, dan sertifikat SSL gratis. Di sisi lain, membangun situs web baru Anda dengan paket Pribadi Squarespace membutuhkan biaya $16/bulan, yang dilengkapi dengan bandwidth tak terbatas, fitur e-niaga, analisis situs web tingkat lanjut, dan banyak lagi.

(Kami juga memiliki panduan lengkap mengenai biaya situs web yang dapat Anda lihat!)

Dalam situasi kami, kami memutuskan untuk menyewa agen branding untuk mengawasi proses desain ulang situs web kami. Agensi tersebut membantu kami membuat logo baru dan templat desain web khusus untuk hampir 20 jenis halaman.

Layanan mereka tidak murah: kami menyisihkan anggaran sebesar 5 digit untuk bekerja sama dengan mereka. Namun mereka melakukan pekerjaan luar biasa dan kami sangat senang dengan hasilnya!

Dan bahkan jika Anda tidak memiliki anggaran sebesar itu, Anda akan menemukan bahwa proses desain ulang situs web Anda akan mencakup langkah-langkah yang sangat mirip dengan kami.

Analisis

Pekerjaan mendesain ulang situs web dapat dibagi menjadi tiga tahap utama:

1. Analisis
2. Perencanaan
3. Realisasi

Pertama, mari selami proses analisis…

1. Analisis situs web Anda saat ini

Berapa banyak dari situs web Anda yang perlu diubah — apakah Anda perlu mendesain ulang seluruh situs web atau hanya sebagian saja?

Pertimbangkan hal-hal seperti:

• Penyiapan teknis: Mungkin Anda perlu mengubah pembuat situs web atau CMS jika situs web Anda sudah sangat usang atau sulit digunakan. Alternatifnya, mungkin Anda hanya perlu mengkode ulang tema Anda untuk kinerja situs web yang lebih cepat.
• Pengoptimalan mesin pencari (SEO): Lakukan audit SEO pada situs web Anda untuk memeriksa masalah yang mungkin mengganggu peringkat pencariannya. Alat SEO dengan fitur audit SEO bawaan, seperti Screaming Frog dan Ahrefs (Audit Situs, yang dapat digunakan secara gratis), dapat membantu Anda mengidentifikasi masalah tersebut sebelum Anda memutuskan langkah selanjutnya. Misalnya, jika audit melaporkan bahwa Anda memiliki halaman kesalahan 404 di situs web Anda, Anda mungkin ingin mengalihkan tautan yang mengarah ke halaman tersebut ke tempat lain.
• Desain: Apakah elemen desain website Anda (masih) modern dan terlihat profesional? Apakah mereka mencerminkan merek Anda secara akurat? Jika Anda menambahkan fitur situs web baru, Anda mungkin juga perlu mendesain ulang situs web Anda untuk mengakomodasi fitur tersebut (seperti yang disebutkan sebelumnya). Berikut beberapa tip untuk menemukan inspirasi.
• Navigasi dan pengalaman pengguna (UX): Seiring waktu, Anda mungkin menerima keluhan pengguna tentang beberapa bagian situs web Anda yang sulit dinavigasi, atau bagaimana fitur tertentu sulit ditemukan. Prioritaskan desain ulang antarmuka bermasalah ini untuk meningkatkan pengalaman pengguna.

Ada berbagai alat untuk melakukan “pemeriksaan kesehatan” di situs web Anda. Berikut ini beberapa untuk membantu Anda memulai:

• Google Analytics : untuk memantau lalu lintas situs web dan metrik halaman arahan Anda
• Hotjar : alat pemetaan panas untuk melacak perilaku pengguna dan mempelajari bagaimana pengunjung situs web berinteraksi dengan halaman web Anda
• Umpan Balik Sabre : sematkan tombol umpan balik di situs web Anda agar pengguna dapat mengirimkan umpan balik tentang masalah situs web apa pun yang mereka temukan

2. Analisis pesaing Anda

Setelah meninjau website Anda, alihkan perhatian Anda ke website yang dibangun oleh pesaing Anda.

Lakukan riset pasar terhadap para pemimpin di industri Anda dan fitur situs web mereka. Apa yang mereka lakukan dengan benar? Situs web pesaing Anda mungkin memiliki fitur yang layak untuk dicuri — ahem, maksud kami, beradaptasi dengan fitur Anda sendiri. Anda juga dapat mempertimbangkan untuk membuat situs web Anda lebih baik daripada situs mereka.

Oleh karena itu, jangan batasi diri Anda pada situs web di ruang Anda . Industri lain mungkin memiliki situs web yang beroperasi serupa dengan Anda, dengan pendekatan unik untuk melayani audiens target mereka. “Menanamkan” pendekatan seperti itu dari industri lain ke situs web Anda bisa menjadi kunci untuk membantunya menonjol di tempat Anda!

Saat kami menganalisis persaingan situs web kami, agen branding kami meminta daftar pesaing kami untuk ditinjau. Mereka juga mengambil contoh desain ulang yang bagus dari situs web di industri lain. Misalnya, karena kami membantu pengguna membandingkan alat situs web, agensi tersebut juga menganalisis bagaimana platform pemesanan hotel membantu pengguna membandingkan hotel.

Setelah melakukan semua penelitian ini, agensi branding menentukan posisi kami dibandingkan merek lain di wilayah kami.

Karena banyak pesaing kami mengambil pendekatan impersonal terhadap ulasan alat dan tidak banyak berinteraksi dengan pembacanya, kami memutuskan Tooltester akan menjadi “teman ahli digital” bagi pembaca kami, dan menjadi sumber ulasan yang berwibawa namun ramah.

Positioning ini kemudian sangat mempengaruhi desain ulang website kami. Misalnya, kami memutuskan untuk menonjolkan anggota tim Tooltester di halaman web kami untuk membangkitkan pendekatan yang pribadi dan relevan terhadap ulasan alat.

Kunjungi saja halaman Tentang kami, dan Anda akan mengerti apa yang kami maksud!

Perencanaan

Mengidentifikasi bagian situs web Anda yang memerlukan perbaikan? Selanjutnya, Anda akan merencanakan bagaimana Anda akan mendesain ulangnya. Ini melibatkan:

3. Menetapkan tujuan untuk desain ulang

Buatlah daftar keseluruhan tujuan bisnis yang ingin Anda capai dari mendesain ulang situs web Anda. Sasaran ini akan memandu strategi desain ulang situs web Anda.

Contoh tujuan keseluruhan meliputi:

• Menggandakan lalu lintas organik Anda dalam tahun depan
• Menyegarkan semua konten di blog Anda
• Mengurangi gesekan yang dihadapi pengguna saat melakukan pemesanan toko online

Selanjutnya, bagilah keseluruhan sasaran Anda menjadi sasaran-sasaran yang lebih kecil dan dapat ditindaklanjuti . Ini adalah langkah-langkah sebenarnya yang akan Anda ambil untuk mencapai tujuan Anda secara keseluruhan.

Untuk memenuhi sasaran keseluruhan untuk menggandakan lalu lintas organik Anda pada tahun depan, misalnya, Anda mungkin perlu menetapkan sub-sasaran seperti:

• Menyiapkan pelacakan kata kunci untuk situs web Anda
• Memperbarui postingan blog tertentu agar lebih menargetkan kata kunci tertentu
• Menghubungkan Google Analytics ke situs web Anda untuk melacak lalu lintas organik bulanan Anda

Di sisi lain, untuk memenuhi sasaran keseluruhan dalam mengurangi gesekan e-niaga, sub-sasaran Anda mungkin mencakup:

• Mendesain ulang formulir checkout multi-halaman Anda menjadi formulir satu halaman
• Membuat tombol yang memungkinkan pengguna langsung melakukan pembayaran setelah menambahkan item ke keranjang mereka
• Menambahkan fitur yang menyimpan informasi kartu kredit pelanggan Anda dengan aman untuk digunakan di masa mendatang

Terakhir, rencanakan kapan Anda akan melaksanakan setiap sub-tujuan.

Cobalah untuk membagi keseluruhan tujuan Anda menjadi sebanyak mungkin sub-tujuan yang terpisah, lalu beri jarak. Dengan cara ini, Anda akan memiliki kontrol yang lebih baik terhadap dampak perubahan Anda terhadap peringkat mesin pencari (jika ada).

4. Meninjau pengaturan teknologi situs web Anda

Situs web Anda perlu dibangun di atas landasan teknis yang kuat untuk kinerja yang efektif. Manfaatkan kesempatan ini untuk meninjau apakah spesifikasi teknis situs web Anda masih berfungsi dengan baik atau memerlukan peningkatan.

Misalnya, Anda mungkin ingin mengubah CMS atau pembuat situs web Anda ke yang memberikan kecepatan pemuatan halaman lebih cepat. Atau jika Anda ingin memperluas fungsionalitas situs web Anda , periksa apakah memasang plugin pihak ketiga akan berhasil atau apakah Anda perlu menyewa tim pengembangan web untuk membuat kode fitur tersebut untuk Anda.

Semua perubahan pada pengaturan teknologi situs web Anda akan menimbulkan biaya (lihat pembahasan tentang biaya desain ulang situs web di atas), jadi anggarkan anggaran untuk perubahan tersebut dengan tepat.

Dalam kasus kami, kami menggunakan CMS WordPress untuk situs web kami dan bermaksud untuk terus menggunakannya. Jadi, alih-alih memigrasi CMS, kami “hanya” perlu membuat tema WordPress baru, dan mengaktifkannya, untuk mengubah tampilan situs web kami.

(Kami mengatakan “sederhana” dalam tanda kutip di sini karena membuat template WordPress baru ini jauh lebih sulit daripada kedengarannya!)

Kami juga berusaha untuk tidak melakukan terlalu banyak perubahan pada fungsi situs web kami. Hal ini untuk menghindari proyek desain ulang situs web kami menjadi lebih rumit dari yang seharusnya (dan ini sudah sangat rumit).

5. Mendelegasikan tanggung jawab untuk mendesain ulang situs web

Anda telah memetakan tujuan yang perlu dilakukan untuk menyelesaikan desain ulang situs web. Sekarang, Anda akan menemukan orang untuk melaksanakannya .

Bagilah tujuan menjadi dua kategori:

1. Sasaran yang harus ditangani secara internal oleh tim Anda
2. Sasaran akan ditangani secara eksternal dengan mempekerjakan agen atau pekerja lepas

Jika tim Anda memiliki pengetahuan dan pengalaman yang diperlukan untuk menangani tujuan tertentu , menugaskan tujuan tersebut kepada mereka adalah hal yang mudah. Secara khusus, Anda mungkin ingin mendelegasikan sasaran tertentu kepada tim Anda dan bukan kepada pihak ketiga jika sasaran tersebut melibatkan pengerjaan informasi bisnis rahasia.

Namun jika Anda ingin mendapatkan pandangan baru dan pendapat ahli tentang proyek desain ulang situs web Anda, mendatangkan profesional pihak ketiga mungkin merupakan cara yang tepat. Inilah yang kami lakukan untuk mendesain ulang situs web kami: kami menyewa agen pencitraan merek untuk membuat templat desain baru untuk situs web kami. Secara terpisah, kami melibatkan seorang programmer untuk mengimplementasikan desain ini ke dalam tema situs web baru kami.

Jika Anda ingin mempekerjakan desainer dan pemrogram web lepas untuk proyek desain ulang situs web Anda, Anda dapat memposting permintaan Anda di platform seperti Upwork, Fiverr, atau LinkedIn. Alternatifnya, temukan layanan desain web tambahan di sini. Anda juga dapat meminta rekomendasi dari orang-orang di jaringan Anda.

Saat Anda mencari bantuan dari luar, tip kami adalah mencari orang yang berspesialisasi dalam layanan spesifik yang Anda butuhkan . Seorang programmer biasanya bukan seorang desainer web yang hebat dan sebaliknya .

Realisasi

Sekarang, tangan Anda akan kotor dengan pekerjaan desain ulang situs web yang sebenarnya!

6. Mempersiapkan desain ulang

Tim Anda dan profesional eksternal yang Anda rekrut akan mulai melaksanakan sub-tujuan yang telah Anda identifikasi sebelumnya. Tugas mereka mungkin melibatkan:

• Membuat desain situs web baru: Figma adalah platform desain antarmuka standar pilihan saat ini
• Membangun situs baru di server pementasan: Server ini menyediakan lingkungan pengujian bagi Anda untuk melihat pratinjau tampilan situs baru Anda, dan mengatasi bug apa pun, sebelum Anda membuat situs baru Anda aktif
• Menguji semuanya untuk memastikan semuanya berfungsi: Klik setiap tautan dan setiap tombol. Periksa tampilan situs web Anda di desktop dan seluler. Lakukan uji pesanan online. Uji SEMUANYA!
• Mencadangkan situs web lama Anda: Jangan lewati langkah ini. Jika terjadi kesalahan saat Anda meluncurkan situs web yang baru dirancang, Anda sebaiknya memiliki cadangan situs web sebelumnya sebagai cadangan. Anda juga harus mengunduh salinan offline situs lama Anda.
• Menyiapkan pengalihan tautan 301 jika Anda mengubah URL: Ini membantu pengguna terus mengakses halaman Anda tanpa mengalami kesalahan 404 yang buruk. Dari sudut pandang SEO, menyiapkan pengalihan tautan juga membantu mesin pencari memberi peringkat pada URL baru Anda dan mengatribusikan “jus tautan” yang dikumpulkan oleh laman di URL lama ke laman di URL baru.

Saat Anda menyelesaikan setiap sub-tujuan, centanglah sub-tujuan tersebut dari daftar Anda! Melakukan hal ini akan membuat Anda tetap termotivasi saat Anda menghitung mundur menuju:

7. Hari peluncuran!

Setelah memeriksa dua kali dan tiga kali apakah semuanya sudah beres, luncurkan situs Anda yang didesain ulang. Ini mungkin melibatkan migrasi situs baru Anda dari server pementasan ke server produksi Anda (yaitu server yang menghosting situs web aktif Anda).

Dan bahkan saat Anda merayakan peluncurannya, pantau terus kinerja situs web baru Anda . Bagaimana pengunjung berinteraksi dengan situs web Anda? Apakah mereka memiliki pengalaman pengguna sebaik yang Anda rencanakan?

Anda mungkin juga mengalami kehilangan lalu lintas sementara jika Anda mendapatkan banyak pengunjung dari halaman hasil mesin pencari. Itu karena wajar jika peringkat penelusuran Anda turun saat Anda membuat perubahan besar pada situs web Anda. Namun, jika beruntung, peringkat Anda — dan jumlah lalu lintas — akan segera pulih dan menjadi lebih baik.

8. Terus meningkatkan website

Dengan situs Anda yang baru dirancang, proyek desain ulang situs web Anda selesai. Namun pekerjaan itu tidak pernah selesai!

Tren desain web berubah seiring waktu , jadi Anda mungkin perlu mendesain ulang situs web Anda lagi dalam beberapa tahun agar tetap terlihat segar dan modern.

Selain itu, pantau situs web Anda untuk mengidentifikasi area yang lebih potensial untuk ditingkatkan . Alat analisis, seperti yang telah kami sebutkan di atas, dapat membantu dalam hal ini.

Jika Anda mengalami masalah dengan perbaikan yang cepat dan mudah, seperti tautan rusak yang terlewatkan, segera atasi. Sebaliknya, permasalahan lain mungkin memerlukan lebih banyak waktu dan upaya untuk menyelesaikannya. Bahkan jika Anda memilih untuk tidak menanganinya saat ini, catatlah.

Mereka akan berguna saat Anda memutuskan apa yang akan dikerjakan saat berikutnya Anda mendesain ulang situs web Anda!

Mendesain ulang situs web: rekap akhir

Berikut ini rekap praktis untuk melacak hal-hal yang harus dilakukan saat Anda mendesain ulang situs web Anda:

Analisis

1. Analisis situs web Anda saat ini untuk melihat apa yang perlu diubah
2. Analisis pesaing Anda untuk mendapatkan inspirasi untuk perbaikan situs web

Perencanaan

1. Tetapkan tujuan untuk desain ulang — baik tujuan keseluruhan maupun sub-tujuan yang dapat ditindaklanjuti untuk menerapkan desain ulang
2. Tinjau pengaturan teknologi situs web Anda untuk memutuskan apakah perlu perbaikan
3. Delegasikan tanggung jawab untuk mendesain ulang situs web sehingga tim Anda tahu siapa yang akan melakukan apa. Libatkan juga profesional eksternal jika diperlukan

Realisasi

1. Persiapkan desain ulang dengan membuat semua aset desain yang diperlukan, membangun situs web baru, dan sebagainya
2. Luncurkan situs web Anda yang didesain ulang dan pantau kinerjanya
3. Tingkatkan situs web Anda secara terus-menerus saat Anda mengidentifikasi area baru untuk perbaikan

Jika Anda masih merasa terintimidasi oleh pekerjaan yang menanti Anda, saran terakhir kami adalah membagi proyek desain ulang Anda menjadi sebanyak mungkin sub-tujuan yang lebih kecil. Semua kemajuan kecil ini akan bertambah saat Anda berupaya mengubah situs web Anda!

Tidak ada salahnya untuk mempekerjakan profesional yang menangani proyek desain ulang situs web setiap hari jika anggaran memungkinkan, dan jika Anda ingin seorang ahli mengawasi seluruh proses untuk Anda.

Terakhir, kami dengan senang hati memberikan dua sen kami jika Anda menginginkan masukan mengenai proyek desain ulang situs web Anda. Berikan saja komentar dan pertanyaan Anda di bawah!