Panduan Cepat untuk Mendesain Ulang Situs Nirlaba [+Praktik Terbaik]

Sulit untuk melebih-lebihkan pentingnya memiliki situs web berkualitas untuk organisasi nirlaba. Semua penjangkauan, pemasaran, dan iklan organisasi perlu mendorong audiens untuk mengambil tindakan seperti menyumbang, mencari tahu tentang layanan, atau mendaftar untuk mendapatkan informasi.

Situs web yang efektif memungkinkan tindakan ini terjadi dengan cepat dan lancar, membuat jalur menuju konversi untuk tindakan ini terasa mudah.

Di sisi lain, situs web di bawah standar sebenarnya mengalihkan audiens dari tujuan yang Anda ingin mereka capai, membingungkan pengunjung dengan navigasi yang mengaburkan informasi paling relevan atau membebani mereka dengan terlalu banyak ajakan bertindak.

Sebagai pakar pemasaran digital, kami memiliki proses dasar yang kami gunakan sebagai panduan saat memulai proyek situs web nirlaba baru, memastikan bahwa produk akhir jelas, mudah digunakan, dan pada akhirnya efektif.

Mari selami.

6 Fase Proyek Situs Web Nirlaba yang Sukses

1. Penemuan

Selama fase penemuan, tim proyek Anda akan menentukan tujuannya dan memahami kekuatan yang ada, peluang untuk berkembang, dan audiens.

Identifikasi Tujuan Anda

Langkah pertama dalam membangun situs web yang lebih baik adalah mengenali bahwa Anda membutuhkannya, dan menentukan tujuan untuk upaya mendesain ulang. Terkadang Anda dapat melihat data untuk menentukan apakah situs Anda saat ini memenuhi harapan Anda.

Pahami Audiens

Alat seperti Google Analytics dapat membantu Anda menentukan tindakan atau konten mana yang mendapatkan lebih banyak atau lebih sedikit daya tarik dengan pemirsa untuk dioptimalkan. Menerapkan survei audiens juga dapat memberikan wawasan tentang bagian mana dari situs web Anda yang mungkin beresonansi lebih baik atau lebih buruk dengan grup utama Anda.

Evaluasi Konten

Terkadang masalahnya mungkin berkaitan dengan presentasi visual elemen merek Anda –– situs Anda mungkin hanya memerlukan facelift umum atau aksesibilitas yang ditingkatkan. Agen pemasaran dapat membantu mengaudit dan meninjau situs Anda saat ini secara lebih mendetail untuk memberi Anda rekomendasi khusus guna memandu dan memprioritaskan sasaran situs web baru Anda.

Audit Situs

Dalam desain ulang situs penuh, penelitian mungkin diperlukan sebagai langkah pertama untuk menginformasikan strategi dan desain. Ini mungkin melibatkan melakukan audit mendalam terhadap semua konten yang ada untuk situs Anda saat ini, serta penelitian dan dokumentasi tentang platform teknis lainnya (seperti sistem CRM atau platform penggalangan dana di organisasi Anda). Ini juga mungkin memerlukan melakukan penelitian lebih dalam ke grup audiens Anda dan memetakan kebutuhan spesifik mereka di berbagai tahap perjalanan mereka berinteraksi dengan organisasi Anda.

Audit SEO

Audit SEO adalah langkah penting untuk menangkap wawasan untuk membangun kembali situs Anda, memastikan audiens dapat dengan mudah menemukannya melalui pencarian. Audit SEO melibatkan pengambilan analisis mendalam tentang semua faktor yang memengaruhi visibilitas situs web di mesin pencari. Melakukan audit ini memberikan wawasan lengkap ke situs web, lalu lintas keseluruhan, dan halaman individual sehubungan dengan kesehatan situs dan otoritas domain secara keseluruhan.

Berikut adalah beberapa hal yang perlu dipertimbangkan selama audit SEO:

• Apakah situs Anda mendukung struktur remah roti?
• Apakah navigasi Anda masuk akal?
• Apakah mudah bagi pengguna untuk menemukan konten penting dan relevan di situs Anda?
• Apakah konten menjangkau audiens yang tepat dan menargetkan kata kunci penting?
• Apakah ada metadata yang benar di seluruh situs? Tag judul?
• Apakah ada kesalahan server di situs Anda?

Meskipun ini mungkin tampak seperti tugas sederhana dan biasa, itu adalah langkah penting dalam memastikan situs dan merek Anda meningkatkan visibilitas organik. Secara keseluruhan, menyelesaikan tugas ini dapat membantu memastikan bahwa Anda mencapai sasaran lalu lintas dan dapat membuat perubahan apa pun yang diperlukan dalam mendesain ulang situs web.

2. Strategi

Setelah penemuan Anda selesai, Anda dapat pindah ke fase strategi Anda. Di sini, Anda dan tim Anda akan menyelami perencanaan bagaimana semua konten Anda, termasuk salinan, gambar, video, dan aset lainnya, akan disajikan di situs web baru.

Strategi Konten

Setelah Anda mengetahui siapa audiens Anda, dan bagaimana Anda ingin mereka terlibat dengan informasi Anda, Anda dapat menyelami strategi konten Anda — atau cara Anda mengatur dan mengembangkan konten agar pengunjung dapat terlibat di situs Anda . Ini mungkin termasuk merevisi peta situs Anda (atau dikenal sebagai daftar halaman dalam urutan hierarki untuk situs web Anda), dan navigasi sehingga konten yang relevan dengan audiens tertentu dikelompokkan bersama, dan dengan cara yang akan memudahkan mereka untuk temukan konten yang tepat di titik yang tepat dalam perjalanan mereka.

Selama eksplorasi strategi konten Anda, mempertimbangkan semua tahap perjalanan pengguna audiens sangat penting. Bagaimana keterlibatan orang-orang baru di situs Anda, dan bagaimana Anda dapat membuat hidup lebih mudah bagi pengunjung yang kembali?

Sebagai lembaga nonprofit, Anda sebaiknya berbagi bagian berbeda dari cerita Anda dengan pendukung baru versus pendukung yang sudah ada — misalnya, dengan pengunjung baru, Anda dapat berbagi latar belakang lembaga nonprofit Anda, dan dengan pendukung yang ada, Anda dapat menunjukkan kepada mereka dampak dan hasil dari lembaga nonprofit Anda sehingga mereka dapat melihat betapa pentingnya kontribusi mereka.

Arsitektur Informasi

Setelah keseluruhan strategi konten diterapkan, Anda dapat mulai memperkuat peran, atau cerita, yang akan dimainkan setiap halaman. Membawa pesan paling penting ke atas, dan membiarkan bagian yang kurang mendesak mengalir ke bawah halaman, membangun arsitektur informasi longgar Anda yang akan membantu UXer dan desainer menghidupkan cerita Anda.

3. UX dan Desain

Saat Anda beralih ke pengalaman pengguna (UX) dan fase desain, Anda akan menghidupkan semua penemuan dan strategi Anda dengan visual. Dengan membuat audiens Anda selalu diingat selama fase ini, Anda akan dapat memenuhi kebutuhan mereka dengan cara yang seefektif mungkin.

Desain pengalaman pengguna (UX) datang berikutnya, seringkali dalam bentuk prototipe atau gambar rangka, untuk menyediakan struktur visual untuk setiap halaman. Kadang-kadang gambar rangka ini juga menyertakan salinan nosional, yang merupakan teks singkat untuk menunjukkan hal-hal seperti 'Judul tentang program pemberian kami ada di sini.' Ini dapat membantu untuk memandu upaya copywriting di kemudian hari untuk konten situs.

Segalanya menjadi lebih menarik dan menyenangkan saat arah visual dan kreatif situs web baru ditetapkan. Desainer dapat merekomendasikan pendekatan visual baru untuk elemen merek, warna, font, dan elemen gaya lainnya. Ketika disetujui, pendekatan visual ini akan diterapkan pada desain halaman dan tata letak untuk sampai pada desain halaman final.

4. Implementasi

Dalam fase implementasi Anda, Anda akan melihat bahwa proses pengembangan sedikit berbeda tergantung pada platform. Saat Anda dan tim Anda bekerja melalui penerapan pekerjaan Anda, Anda akan membuat beberapa keputusan yang akan memengaruhi seberapa mudah situs Anda akan dipelihara (melalui platform tanpa/kode rendah versus produk yang digerakkan oleh kode).

Desain, persyaratan, spesifikasi, dan salinan digabungkan dengan upaya pengembangan untuk menghidupkan situs web baru. Saat ini, organisasi memiliki banyak pilihan bagus untuk dipertimbangkan: Platform tanpa kode seperti Squarespace atau Wix dapat membuat banyak bagian dari proses pengembangan menjadi sangat sederhana sehingga pengembang tidak diperlukan dan biaya pemeliharaan sangat berkurang, dengan mengorbankan beberapa fleksibilitas tentang jenis integrasi teknis apa yang dapat mereka gunakan dengan baik dan berapa banyak penyesuaian yang dapat terjadi.

Beberapa solusi seperti CMS Hubspot disesuaikan untuk alat CRM HubSpot dan menawarkan solusi out-of-the-box untuk organisasi yang menginginkan antarmuka yang kuat namun mudah digunakan. HubSpot menawarkan lebih dari dua lusin tema untuk organisasi nirlaba untuk dipilih, membuat penyesuaian dan desain ramping serta pengalaman pengguna tersedia dalam hitungan menit.

Lebih banyak platform pengembangan intensif seperti WordPress datang dengan investasi lebih tinggi yang dibutuhkan dalam proses pembangunan dan biaya pemeliharaan jangka panjang untuk hal-hal seperti plugin dan hosting, tetapi menawarkan peluang tanpa akhir untuk mewujudkan visi situs web khusus.

5. Pengujian Jaminan Kualitas

Setelah konten akhir dimasukkan atau dimigrasikan ke situs baru Anda, dan pendekatan terhadap posting blog dan pertimbangan SEO telah ditangani, pengujian jaminan kualitas (QA) dapat dilakukan.

Pengujian QA dapat memeriksa apakah situs ditampilkan dengan baik di semua perangkat, memenuhi standar aksesibilitas, dioptimalkan untuk kecepatan, dan berfungsi sesuai dengan persyaratan.

6. Aksesibilitas

Membuat website yang tidak hanya fungsional dan tertata dengan baik tetapi juga dapat diakses oleh semua orang menjadi standar. Sebagai organisasi nirlaba, lebih penting lagi untuk melayani semua audiens, terutama yang mungkin Anda layani.

Ingatlah bahwa aksesibilitas berarti mengakomodasi semua disabilitas, bukan hanya disabilitas yang mudah terlihat. Lebih dari 13% populasi AS memiliki gangguan penglihatan. Membuat perubahan yang cermat untuk memastikan situs Anda dapat diakses terdiri dari perubahan kecil, seperti menggunakan warna yang tepat, penandaan H1/H2 untuk pembaca layar, dan menyediakan teks alternatif pada semua gambar dan grafik. Mencentang kotak ini sangat membantu semua orang mendapatkan pengalaman positif di situs Anda.

Setelah pengujian QA Anda selesai, termasuk pemeriksaan aksesibilitas Anda, Anda dapat membuat perubahan dan menemukan solusi, dan kemudian situs siap untuk persetujuan akhir untuk dirilis.

Terlepas dari platform Anda, ada beberapa detail (yang sering dilupakan) untuk selalu diingat.

Berikut adalah beberapa contoh situs web nirlaba tanpa kode dan kode rendah yang bagus.

Contoh Situs Web Nirlaba Tanpa Kode

1. 50 Negara, 50 Hibah

Ini Menjadi Lebih Baik: 50 Negara. 50 Hibah. Kampanye 5000 suara dibangun menggunakan aliran web. Meskipun dibangun di atas template, situs web ini masih memiliki pergerakan dan keterlibatan yang hebat, dan menggambarkan situs web yang lebih khusus.

Area Masalah: LGBTQIA+

Platform Situs Web: Webflow

Situs web: https://www.50states50grants.com/

2. Beasiswa Pemasaran RiseUP

RiseUP Marketing Fellowship adalah persekutuan pemasaran yang digerakkan oleh tujuan yang bekerja untuk meningkatkan keragaman, akses, dan dampak sosial yang nyata di seluruh industri pemasaran dan periklanan.

Area Masalah: Ketenagakerjaan

Platform Situs Web: Squarespace

Situs web: https://www.riseupfellows.com/

Contoh Situs Web Nirlaba Berbasis Kode

1. OPS

OPS menginspirasi, memberdayakan, dan menghubungkan komunitas global menggunakan film berdampak tinggi dan cerita visual untuk mengungkap masalah paling kritis yang dihadapi planet kita.

Area Masalah: Lingkungan

Platform Situs Web: WordPress

Situs web: https://www.opsociety.org/

2. Outward Bound USA

Outward Bound USA adalah penyedia terkemuka program pendidikan luar ruang yang memungkinkan kaum muda untuk mengeksplorasi potensi pribadi mereka, sejak tahun 1962.

Area Masalah: Pendidikan

Platform Situs Web: WordPress

Situs web: https://www.outwardbound.org/

3. Misi Gerson

Misi Institut Gerson berlabuh dalam pendidikan makanan sebagai obat, mengurangi paparan racun dan menciptakan dunia yang lebih sehat di mana Terapi Gerson bukan hanya pilihan yang layak, tetapi pilar pengobatan penyakit kronis.

Area Masalah: Kesehatan

Platform Situs Web: WordPress

Situs web: https://gerson.org/

Kesalahan Umum Situs Web Nirlaba

1. Pelacakan dan Konversi

Terlalu sering, organisasi lupa untuk mentransfer dan/atau mengatur pelacakan mereka di situs web baru. Paling tidak, pastikan Google Tag Manager dan Google Analytics Anda dipublikasikan saat website dirilis.

Kemungkinannya adalah dengan sebagian besar pembuatan ulang situs web, elemen dan formulir di situs web telah bergeser. Tombol mungkin telah berubah warna atau penempatan dan halaman baru mungkin telah ditambahkan. Pelacakan peristiwa atau konversi khusus apa pun di situs web Anda yang ada perlu dibuat ulang untuk situs web berikutnya sehingga Anda tidak kehilangan pelacakan apa pun.

Tidak ada yang lebih buruk daripada menyadari bahwa piksel tidak menyala dengan benar di tengah kampanye. Pastikan Anda meluangkan waktu untuk QA situs Anda, menguji formulir dan tombol, dan menjalankan laporan begitu situs web ditayangkan.

2. SEO

Setiap perusahaan membutuhkan strategi pemasaran yang kuat, bahkan organisasi nirlaba! Namun, sebagian besar organisasi nirlaba tidak tahu atau belum mempertimbangkan untuk berinvestasi dalam pengoptimalan mesin telusur (SEO) meskipun dapat memiliki salah satu pengembalian investasi tertinggi.

Bagaimana Anda mengharapkan pendukung, sukarelawan, dan pendukung Anda menemukan Anda jika Anda tidak berinvestasi dalam SEO dan strategi konten Anda? Kira-kira, 53% orang mengatakan bahwa mereka selalu melakukan penelitian sebelum mereka membeli sesuatu untuk memastikan mereka membuat pilihan terbaik. Ini tidak berbeda untuk organisasi nirlaba.

SEO yang kuat lebih penting untuk organisasi nirlaba daripada sebelumnya dengan percepatan transformasi digital karena COVID dan iklim politik secara keseluruhan di Amerika Serikat. Banyak orang Amerika mencari cara untuk mendukung organisasi dengan masalah sosial tertentu — menyoroti kebutuhan yang lebih besar untuk SEO yang kuat.

3. Aksesibilitas

Menurut Organisasi Kesehatan Dunia, satu miliar orang - sekitar 15% dari populasi dunia - hidup dengan beberapa bentuk kecacatan. Dan, sekitar 75% orang Amerika penyandang disabilitas melaporkan menggunakan internet setiap hari.

Penting untuk diingat bahwa aksesibilitas dalam desain web adalah yang terbaik bila direncanakan sebelumnya, tetapi dapat diperbaiki dengan cara yang berarti pada tahap apa pun dalam siklus hidup situs web.

Seperti disebutkan di atas, ada perubahan kecil yang dapat membantu semua orang terlibat dengan situs web Anda, tetapi beberapa yang paling penting adalah sebagai berikut:

• Pastikan warna teks/latar belakang Anda ramah bagi mereka yang mengalami gangguan penglihatan, termasuk buta warna
• Jika tersedia, buat draf salinan khusus untuk teks alternatif pada gambar dan grafik untuk mendeskripsikan secara verbal apa yang akan dilihat orang lain
• Ini juga membantu orang-orang yang menggunakan pembaca layar, memiliki suara untuk menggambarkan apa yang mereka lihat menambah konteks dan warna pada pengalaman online mereka
• Menggunakan tombol tab untuk menavigasi situs Anda untuk melihat bagaimana orang-orang yang tidak dapat mengarahkan mouse akan terlibat dengan konten Anda dapat menerangi area mana pun yang mungkin perlu dilakukan lebih banyak pekerjaan.
• Dan terakhir, memeriksa perbedaan antara pengalaman seluler dan desktop dapat menjadi langkah terakhir yang bagus untuk memastikan Anda memenuhi kebutuhan aksesibilitas

Pada akhirnya, mendesain ulang situs web tidak mudah, tetapi ini adalah keputusan bisnis yang cerdas dan menguntungkan dalam hal membantu lembaga nonprofit Anda menjangkau audiens baru dan meningkatkan dampak. Situs web yang kuat sangat penting untuk merek apa pun, tetapi sangat penting untuk organisasi nirlaba yang bertujuan menjangkau dan menginspirasi pemirsa yang tertarik.