1. Panduan
  2. Contoh Situs Web
  3. Layanan Waste Management

Contoh Website Daur Ulang - 5 Website Berkesan Yang Mendorong Keberlanjutan

Pelajari kelebihan dan kekurangan 5 contoh website daur ulang berikut ini untuk mewujudkan website Anda sendiri.
Mujahid Al-Haq
Oleh Mujahid Al-Haq, 6 Sep 2024
Mujahid Al-Haq adalah seorang Copywriter untuk Zarla. Multimedia enthusiast dan seseorang yang suka menulis, memproduksi konten untuk kebutuhan pemasaran, periklanan, dan kreatif.
Contoh website daur ulang dengan tampilan halaman utama yang profesional.

Hampir semua dapat didaur ulang saat ini, mulai dari kaca, plastik, hingga tekstil. Oleh karena itu, website daur ulang harus menyoroti manfaat lingkungan serta memotivasi pengunjung untuk berkontribusi terhadap keberlanjutan, baik menggunakan halaman visi-misi yang inspiratif, detail solusi daur ulang yang praktis, hingga informasi terkini mengenai dampak positif dari daur ulang di halaman "Blog".

Untuk membantu Anda membuat website yang unik, lihat lima ulasan website daur ulang berikut dan gunakan pembuat website bertenaga AI kami untuk membuat website Anda sendiri.

Cara Kami Mengevaluasi Situs Web:

Zarla memeriksa apakah situs-situs memenuhi standar web dasar untuk mobile dan desktop. Kami juga menggunakan PageSpeed ​​Insights Google dan WAVE, sebuah layanan yang mengevaluasi aksesibilitas bagi orang-orang penyandang disabilitas. Skor ​​dan aksesibilitas PageSpeed merupakan faktor penting untuk peringkat mesin pencari. Skor PageSpeed ​​mungkin tidak sesuai dengan pengalaman pengguna dan sering kali bervariasi.

Mall Sampah

desktop screenshot of website Mall Sampah

chain icon https://www.mallsampah.com/

pin icon Makassar, Sulawesi Selatan, Indonesia

Mall Sampah merupakan perusahaan penyedia solusi daur ulang yang melayani bisnis maupun perseorangan. Sebagai perusahaan yang menjunjung tinggi keberlanjutan, websitenya memanfaatkan skema warna hijau untuk menunjukkan citra peduli lingkungan. Website Mall Sampah juga memuat informasi layanan yang komprehensif, lengkap dengan target pasar serta jenis sampah yang didaur ulang.

Halaman unduh aplikasi Mall Sampah, baik di Google Play maupun Apple Store, dapat dengan mudah ditemukan di hero section dan footer halaman — menekankan kemudahan akses serta mendorong pengunjung untuk segera mencoba layanan daur ulang Mall Sampah di gadget mereka.

Kelebihan dan Kekurangan

plus sign

Logo perusahaan berubah sesuai layanan yang ditampilkan, menambah sentuhan dinamis pada website. Gambar-gambar berkualitas ditempatkan dengan rapi dan strategis sehingga menciptakan daya tarik visual yang mengesankan.

minus sign

Tombol "Lihat Lokasi Kami di Peta" tidak fungsional di pop-up "Kontak Kami". Selain itu, WAVE juga mendeteksi cukup banyak error aksesibilitas pada halaman utama yang dapat mengurangi pengalaman pengunjung, khususnya bagi mereka yang mengandalkan teknologi bantuan seperti screen reader.

Ulasan Desktop

desktop screenshot of website
magnifying glass

Layanan daur ulang disajikan dengan baik di situs desktop, lengkap dengan ikon pendukung serta gambar berkualitas yang meningkatkan pengalaman visual pengunjung. Halaman "Kontak Kami" terlihat berbeda dan sangat praktis dengan tampilan pop-up, membuatnya cepat dimuat dan diakses.

Jenis sampah juga dikemas dengan rapi — tidak hanya tampil berwarna dengan ikonnya yang khas, namun juga dapat diklik dan dengan spesifik menampilkan jenis-jenis sampah yang dapat didaur ulang, membuat pengunjung mudah memahami cakupan layanan yang ditawarkan.

Ulasan Mobile

mobile screenshot of website
magnifying glass

Pop-up "Kontak Kami" kini tampil memanjang secara vertikal, memberikan pengalaman ramah pengguna di layar yang lebih kecil. Namun, ada banyak elemen gambar yang dihilangkan di situs mobile, mulai dari gambar utama di hero section hingga gambar-gambar pendukung di halaman layanan, mengurangi daya tarik visual website yang memukau di situs desktop.

Meski menawarkan load time yang sangat cepat di pengujian kami, Google PageSpeed Insights mencatatkan skor performa yang relatif lebih kecil untuk beranda mobile dengan nilai 45/100.

Waste4Change

desktop screenshot of website Waste4Change

chain icon https://waste4change.com/?lang=id

pin icon Kota Bekasi, Jawa Barat, Indonesia

Waste4Change merupakan perusahaan pengelolaan sampah yang menawarkan produk serta layanan daur ulang untuk individu maupun perusahaan. Kami suka dengan layout bagian "Layanan" di halaman utama, dengan efektif membagi daftar penawaran berdasarkan kategori perusahaan dan individu, membuat pencarian layanan menjadi lebih singkat dan mudah.

Kontak perusahaan bisa ditemukan dengan mudah di halaman utama, sementara "Testimoni" dan "Daftar Klien" meningkatkan kredibilitas perusahaan di mata pengunjung.

Kelebihan dan Kekurangan

plus sign

Setiap paket layanan dijelaskan dengan komprehensif dan tidak meninggalkan satu detail pun, termasuk FAQ dan harga. Website juga tersedia dalam bahasa Inggris, membantu memudahkan pengunjung internasional untuk mengakses informasi dengan mudah.

minus sign

Tombol CTA WhatsApp dan email subscription hanya tersedia di halaman utama dan tidak tersebar di seisi website. WAVE mengidentifikasi beberapa error, khususnya contrast error yang memengaruhi keterbacaan halaman.

Ulasan Desktop

desktop screenshot of website
magnifying glass

Di situs desktop, hero section dengan gambar layar penuh menyambut kami — tampil mengundang namun sedikit blur karena resolusinya yang kecil, memberikan impresi yang sedikit underwhelming namun masih bisa diterima. Meski begitu, kami bisa dengan mudah menemukan solusi daur ulang yang kami cari berkat bagian "Layanan" yang komprehensif, lengkap dengan fitur pencarian kota yang sangat mudah diakses.

Ulasan Mobile

mobile screenshot of website
magnifying glass

Deretan layanan di halaman utama kini dirangkum dengan horizontal slider, sangat membantu pengunjung karena mengurangi pengalaman scrolling yang eksesif. Hal yang sama juga bisa ditemukan di berbagai halaman lainnya, seperti halaman "Tentang" — memberikan pengalaman browsing yang nyaman dan engaging. Dari segi performa, beranda situs mobile mendapatkan skor performa yang nyaris sempurna dengan nilai 94/100 dari Google PageSpeed Insights.

Inocycle

desktop screenshot of website Inocycle

chain icon https://inocycle.com/

pin icon Tangerang, Banten, Indonesia

Berdiri pada tahun 2001, Inocycle adalah perusahaan yang bergerak dalam produksi Recycled Polyester Staple Fiber (“Re-PSF”) dengan mengolah plastik daur ulang tanpa limbah. Kami tidak kesulitan dalam mencari informasi-informasi penting mengenai perusahaan karena semuanya bisa ditemukan di halaman utama, begitu pula detail produk yang ditawarkan.

Salah satu hal yang cukup mencolok dari website Inocycle adalah scroll-behavior-nya yang mulus, membuat pengalaman browsing kami terasa lebih menyenangkan dan user-friendly.

Kelebihan dan Kekurangan

plus sign

Penggunaan gambar-gambar yang berkualitas menjanjikan pengalaman visual yang memukau, sementara fitur pencarian di pojok kanan atas halaman mempermudah pengunjung dalam mencari informasi yang mereka inginkan.

minus sign

Absennya menu "Home" serta logo perusahaan yang kecil agak mempersulit akses menuju halaman "Beranda". WAVE tidak dapat mendeteksi halaman utama Inocycle, namun dari pengujian kami, terdapat contrast error yang dapat ditemukan di website, seperti hover-state tiga gambar di atas bagian "Berita" yang memiliki teks dan latar belakang yang gelap.

Ulasan Desktop

desktop screenshot of website
magnifying glass

Di versi desktop, kami disambut dengan hero section yang menampilkan pencapaian-pencapaian Inocycle — dengan segera menumbuhkan kepercayaan terhadap perusahaan. Layout yang tidak beraturan menarik perhatian kami; tampil berbeda dengan gaya surat kabar yang unik, namun cukup mengganggu di beberapa bagian seperti "The Planet Mark™" dan "9 SDGs" yang tampak kurang elok karena transisinya yang kasar tanpa bantuan heading.

Ulasan Mobile

mobile screenshot of website
magnifying glass

Beberapa fitur utama di versi desktop tidak diterjemahkan dengan baik di versi mobile sehingga mencederai pengalaman browsing pengunjung, mulai dari gambar di hero section yang terpotong hingga bagian "Botol PET" di bawah "Tentang" yang terbagi menjadi dua bagian.

Absennya beberapa heading juga menciptakan struktur yang kurang terorganisir, sementara dari segi performa, beranda situs mobile mendapatkan skor performa yang sangat rendah dengan nilai 8/100 dari Google PageSpeed Insights.

PT. Cave Sumber Berkat

desktop screenshot of website PT. Cave Sumber Berkat

chain icon https://cavesumberberkat.com/id/

pin icon Bandung, Jawa Barat, Indonesia

Didirikan di Bandung pada tahun 2003, PT. Cave Sumber Berkat merupakan pengelola pelet plastik yang menawarkan beragam produk plastik ramah lingkungan mulai dari kantong plastik hingga solusi kebutuhan rumah tangga. Gambar-gambar proses daur ulang langsung menarik perhatian kami saat membuka website, sementara tombol CTA kian mendorong kami untuk segera menelusuri penawaran perusahaan.

Di bawah hero section, pengunjung diperlihatkan beragam informasi pilihan untuk meningkatkan kredibilitas perusahaan, seperti badge sertifikasi, mitra-mitra ternama perusahaan, dan pencapaian-pencapaian perusahaan.

Kelebihan dan Kekurangan

plus sign

Informasi yang disajikan di halaman produk sangatlah mendetail dan mudah dipahami. Halaman "Blog" menyediakan artikel-artikel yang relevan dan bermanfaat serta menjadi nilai tambah bagi website, sementara dukungan bahasa Inggris membantu memperluas jangkauan audiens website.

minus sign

WAVE tidak dapat mendeteksi halaman utama ataupun halaman-halaman lainnya, namun tautan menuju media sosial bisa dibuat lebih menonjol untuk menambah eksposur dan mendorong engagement yang lebih besar.

Ulasan Desktop

desktop screenshot of website
magnifying glass

Gambar-gambar berkualitas tinggi menyambut kami di hero section, dengan segera menunjukkan skala perusahaan serta produk yang ditawarkannya. Kualitas pada gambar ini dipertahankan di halaman-halaman produk daur ulang, lengkap dengan fitur zoom sehingga memudahkan kami melihat detail produk dengan lebih jelas.

Kami terkesan dengan performa website yang sangat cepat, terbukti dengan hasil pengujian Google PageSpeed Insights pada beranda situs mobile yang menorehkan skor performa yang nyaris sempurna dengan nilai 99/100.

Ulasan Mobile

mobile screenshot of website
magnifying glass

Tombol CTA "Hubungi" mempermudah akses menuju customer service, sedangkan gambar-gambar di versi mobile tetap tampil berkualitas, memastikan pengalaman visual yang memanjakan mata. Load time di situs mobile juga sangat cepat, terbukti dengan skor performa beranda mobile yang menyentuh angka nyaris sempurna, yaitu 99/100 berdasarkan pengujian Google PageSpeed Insights. Lebih jauh lagi, situs mobile mendapatkan skor SEO dan aksesibilitas yang sempurna dengan nilai 100/100.

Pituku

desktop screenshot of website Pituku

chain icon https://pituku.id/

pin icon Kota Tangerang Selatan, Banten, Indonesia

Pituku merupakan pelopor pengelolaan limbah dan layanan daur ulang berbasis aplikasi untuk perusahaan di seluruh Indonesia. Website Pituku memiliki heading-heading yang mencolok, menciptakan struktur website yang terorganisir dan membantu kami dalam menavigasi informasi dengan mudah.

Informasi mengenai perusahaan dan layanannya dituangkan dengan jelas di halaman utama dan deskripsi lanjutan mengenai target pasar sangat mempermudah kami dalam memahami posisi Pituku di industri pengelolaan limbah.

Kelebihan dan Kekurangan

plus sign

Dukungan bahasa Inggris membantu memperluas jangkauan audiens website Pituku. Sementara itu, bagian "Buat Rencana Kebutuhan Pengelolaan Limbah Anda" memberikan opsi daur ulang kustom yang sangat fleksibel bagi perusahaan.

minus sign

WAVE menemukan banyak error aksesibilitas dan contrast error, menyiratkan adanya masalah keterbacaan dan kemudahan navigasi pada website. Salah satu masalah ini terbukti dengan sticky menu yang memiliki opacity yang rendah sehingga kurang mencolok dan terlalu transparan.

Ulasan Desktop

desktop screenshot of website
magnifying glass

Di versi desktop, beberapa informasi seperti fitur aplikasi Pituku WM dikemas dalam gambar ilustrasi yang informatif, menciptakan pengalaman membaca yang lebih menyenangkan dan mudah dipahami. Selain itu, elemen interaktif juga menghiasi halaman utama dan meningkatkan daya tarik visual website. Google PageSpeed Insights memberikan skor performa 89/100 untuk beranda situs desktop.

Ulasan Mobile

mobile screenshot of website
magnifying glass

Konten website dioptimalkan di versi mobile, mempertahankan daya tariknya yang menawan dan nyaman untuk dibaca. Menu utama dirangkum dalam hamburger menu, tampil ringkas namun mudah diakses meski harus digulir ke atas terlebih dahulu. Beberapa gambar khususnya di bagian "6 Kelebihan Pituku" terlihat kecil dan sulit untuk dibaca, mengurangi pengalaman visual pengunjung.

Dari segi performa, beranda situs mobile menorehkan skor performa yang sedikit lebih rendah dari versi desktop dengan nilai 47/100 di Google PageSpeed Insights.

FAQs:

Bagaimana cara mendesain website yang bagus untuk perusahaan daur ulang?

  1. Buat daftar konten yang ingin Anda tampilkan di website Anda.
  2. Tulis draf konten untuk website Anda.
  3. Ambil gambar produk atau ilustrasi layanan Anda dan tentukan harganya.
  4. Gunakan pembuat website bertenaga AI gratis untuk mempercepat proses pembangunan website.
  5. Edit website Anda untuk mencerminkan karakter bisnis Anda.

Di mana saya dapat menemukan contoh website daur ulang yang bagus?

Kami telah menyusun contoh-contoh website daur ulang yang profesional, lengkap dengan ulasan mendalam baik di versi mobile maupun desktop. Anda dapat menggunakan contoh-contoh tersebut sebagai inspirasi website daur ulang Anda sendiri.

Apa saja elemen yang wajib hadir dalam suatu website daur ulang?

  • Sejarah perusahaan.
  • Visi misi perusahaan dalam keberlanjutan.
  • Detail layanan yang komprehensif.
  • Proses daur ulang.
  • Informasi kontak serta alamat kantor atau cabang.
  • CTA yang jelas dan mengundang.

Artikel Terkait

Seorang pria memegang tempat sampah daur ulang berwarna biru.

Logo Daur Ulang

15 ide logo yang berkesan untuk bisnis daur ulang Anda.
Seseorang berdiri di lingkungan hutan dan memegang daun.

Logo Lingkungan

20 ide logo segar dan alami untuk bisnis lingkungan Anda.
Bola lampu bertenaga surya yang mengubah energi listrik menjadi cahaya.

Contoh Website Surya - 5 Website Yang Mendorong Penerapan Energi Terbarukan

Dapatkan inspirasi dari 5 contoh website surya yang telah kami review berikut ini.
Contoh website floris.

Contoh Website Floris - 5 Website Yang Dapat Mengharumkan Nama Bisnis

Pelajari 5 contoh website floris ini dan bangun website terbaik untuk bisnis floris Anda.
Matahari terbit di sebuah camping ground terpencil.

Contoh Website Camping - 5 Website yang Menarik bagi Pecinta Alam

5 contoh website camping yang kreatif untuk Anda jadikan inspirasi.