Heka Leka adalah organisasi non profit yang memiliki mimpi terbentuknya masyarakat Maluku yang cerdas, berbudaya, dan berdampak, yang menganut nilai nilai berakar pada budaya Maluku dan Pancasila. VRDA membantu tim Heka Leka membangun dan meredesain sebuah website yang ringan sehingga organisasi tersebut bisa mengembangkan pengaruhnya secara lebih luas di seluruh dunia.
Bagaimana Kami Mengembangkan Website Heka Leka
Menerima desain UI di Figma
Mengembangkan dan meredesain website berdasarkan desain UI
Feedback & revisi setelah pengembangan
Migrasi dan publikasi
Hal yang menarik dari proyek ini adalah bahwa sebelumnya, website Heka Leka dibangun menggunakan framework Laravel. Maka dari itu, memindahkan sekaligus meredesain website ini terasa cukup menantang.
Berikut adalah beberapa langkah yang kami lakukan agar proyek ini bisa berjalan mulus :
- Kami menerima desain UI di Figma dari tim Heka Leka. Desain ini kemudian akan menjadi acuan untuk mengembangkan tampilan depan.
- Kami lalu melakukan pengembangan website. Proses ini dilakukan di website staging terlebih dahulu untuk memastikan semuanya berjalan baik sebelum dipindahkan.
- Setelah proses pengembangan selesai, kami menyerahkan website tersebut ke tim Heka Leka untuk meminta koreksi dan revisi jika diperlukan.
- Revisi dilakukan secara berulang hingga tim Heka Leka merasa cocok dengan hasil kerja VRDA.
- Akhirnya setelah tim Heka Leka merasa puas dengan hasilnya, kami bisa melakukan migrasi dari website staging ke production.
Fitur-Fitur Unggulan yang Kami Kembangkan di Website Heka Leka
Berikut adalah fitur-fitur yang kami kembangkan di website Heka Leka untuk membantu memenuhi kebutuhan organisasi :
- Multi Bahasa
Website Heka mencakup tiga bahasa yakni bahasa Inggris, Belanda, dan Indonesia. Belanda dan Indonesia adalah negara dimana kantor Heka Leka berada, sedangkan Inggris adalah bahasa umum. - Desain Responsif
Secara otomatis, tampilan website Heka Leka akan menyesuaikan dengan perangkat pengguna. Hal ini berguna agar website tersebut bisa memberikan pengalaman kunjungan terbaik bagi pengunjung. - Berita
Halaman berita didesain berdasarkan apa yang ada di Figma dan diaplikasikan ke seluruh artikel yang telah dipublikasikan. - SEO On Page
VRDA juga mengoptimasi website dengan SEO on page sehingga website ini bisa lebih mudah untuk dikenali di mesin pencari. Baca artikel ini sampai selesai untuk mendapatkan insight lebih lanjut mengenai SEO On Page dari website New Life Bali. - Donasi
Sesuai permintaan tim Heka Leka, website ini ditambahkan fitur donasi melalui berbagai platform populer seperti Paypal, QRIS, dan transfer langsung.
Fitur Unggulan #1 : Donasi
Donasi adalah sebuah fitur dimana pengunjung dapat menyalurkan bantuan berupa uang untuk masa depan anak-anak Maluku.
Pada semua bahasa yang tersedia di website, donasi dapat dilakukan dalam tiga mata uang yakni USD, IDR, dan EUR.
- Donasi dalam USD dapat dilakukan melalui website secara langsung, dimana website Heka Leka telah terintegrasi dengan sistem pembayaran Paypal.
- Donasi dalam IDR dapat dilakukan melalui QRIS, dimana pengunjung perlu scan kode QR yang tersedia untuk melakukan sumbangan.
- Donasi dalam EUR dapat dilakukan melalui transfer bank langsung ke akun bank Heka Leka Global yang berbasis di Belanda.
Fitur Unggulan #2 : Berita
Berita pada dasarnya adalah halaman blog. Mungkin terdengar umum, namun tantangannya adalah website sebelumnya memiliki lebih dari 300 artikel, dan sekitar 100 artikel perlu ditransfer ke website baru.
Tim Heka Leka menyadari bahwa proses ini, apabila dikerjakan secara manual satu per satu, akan memerlukan waktu lama.
Kami lalu mengembangkan sebuah plugin kustom untuk menyelesaikan masalah ini. Berikut adalah proses kami dalam membuat hingga mengunggah artikel secara massal :
- Tim Heka Leka menyediakan list artikel-artikel yang perlu ditransfer dalam format csv, mencakup bahasa, kategori, judul, dsb pada setiap artikelnya.
- Kami mengembangkan plugin di local host maupun website staging berdasarkan format yang telah diberikan.
- Setelah memastikan bahwa plugin berjalan dengan baik dan tidak memiliki eror, kami lalu menginstalnya di website production.
Pencapaian : 3.3k+ Impressions & 180+ Clicks
Dalam kurun waktu 3 bulan setelah peluncuran website, Heka Leka mendapatkan pencapaian yang cukup baik.
Kami mengoptimasi setiap halaman yang ada agar lebih muda diindeks oleh mesin pencari. Hasilnya, website Heka Leka mendapatkan lebih dari 3.3k impressions dan 180+ clicks di Google.
Sebelumnya tim Heka Leka tidak mampu melacak traffic websitenya sendiri.
Sebagai developer, salah satu hal yang bisa kami bantu untuk mendapatkan pencapaian tersebut adalah dengan mengoptimasi SEO on page. Ada beberapa hal yang kami lakukan untuk mengoptimasi SEO on page :
- Memastikan heading ditulis secara terstruktur.
- Menambahkan meta title dan meta description
- Mengatur url slug
- Menghubungkan halaman menggunakan link internal
- Menulis alt text untuk setiap gambar
