Langsung ke konten
← Kembali ke Portofolio Web Design

Rzoopark — Website Kebun Binatang, Taman Edukasi & Konservasi

Situs publik dwibahasa untuk taman konservasi, lengkap dengan harga tiket, program edukasi, seksi interaksi hewan, dan Instagram feed terintegrasi.

Desain Web Dwibahasa Carousel

Klien

Rahmat Zoo and Park

Tahun

2023

Peran

Desain web & pengembangan front-end

Durasi

2023

Rzoopark — Website Kebun Binatang, Taman Edukasi & Konservasi
Tangkapan layar dari Rzoopark — Website Kebun Binatang, Taman Edukasi & Konservasi

Tantangan

Taman konservasi punya tiga jenis pengunjung dengan tiga pertanyaan berbeda - orang tua yang mencari wisata akhir pekan, sekolah yang mencari program, dan peneliti yang mencari kredibilitas. Satu halaman tanpa pembeda tidak bisa menjawab ketiganya, dan situs yang menyembunyikan harga tiket kehilangan pengunjung sebelum mereka datang.

Pendekatan

Kami membagi konten berdasarkan jenis pengunjung, bukan memaksa semua orang menggulir untuk menemukan jawabannya sendiri. Harga tiket diletakkan di atas lipatan, program edukasi mendapat bagian tersendiri untuk kelompok sekolah, dan pekerjaan konservasi disajikan apa adanya untuk peneliti. Seluruh situs berjalan dalam dua bahasa, karena pengunjung internasional adalah bagian audiens yang nyata dan terukur.

Fitur yang Dibangun

10 · 4 dengan screenshot

Tangkapan layar dari proyek berjalan.

Rzoopark — Website Kebun Binatang, Taman Edukasi & Konservasi — Hero dengan Jam Buka & Lokasi
01

Hero dengan Jam Buka & Lokasi

Layar pertama memuat apa yang benar-benar dibutuhkan pengunjung saat datang: jam buka, alamat, dan kanal sosial, tepat di sebelah nama taman.

Tangkapan layar dari proyek berjalan
Rzoopark — Website Kebun Binatang, Taman Edukasi & Konservasi — Pengenalan & Misi Taman
02

Pengenalan & Misi Taman

Pernyataan sederhana tentang apa yang dilakukan taman - konservasi, edukasi, riset, dan rekreasi - menyusun ekspektasi sebelum pengunjung membaca yang lain.

Tangkapan layar dari proyek berjalan
Rzoopark — Website Kebun Binatang, Taman Edukasi & Konservasi — Zona Hewan dengan Galeri
03

Zona Hewan dengan Galeri

Setiap zona mendapat galeri gambarnya sendiri, sehingga pengunjung tahu apa yang akan mereka lihat pada hari itu, bukan bergantung pada deskripsi umum yang berlaku untuk semua.

Tangkapan layar dari proyek berjalan
Rzoopark — Website Kebun Binatang, Taman Edukasi & Konservasi — Instagram Feed & Bukti Sosial
04

Instagram Feed & Bukti Sosial

Unggahan terbaru ditarik ke dalam situs sehingga aktivitas media sosial taman tetap terlihat oleh orang yang tidak pernah membuka Instagram, tanpa perlu memposting ulang secara manual.

Tangkapan layar dari proyek berjalan

Fitur lain yang dibangun

6

Antarmuka Dwibahasa

Penuh dalam Bahasa Indonesia dan Inggris dengan pemilih bahasa di header, sehingga taman bisa dipahami sebelum pengunjung memutuskan apakah perjalanannya layak.

Panel Harga Tiket

Tarif hari kerja dan akhir pekan disajikan berdampingan dan langsung terlihat, tidak disembunyikan di balik formulir enquiry yang justru menyaring pengunjung biasa.

Program Edukasi untuk Sekolah

Bagian khusus menjelaskan program sekolah bagi guru yang sedang mengatur kunjungan kelompok, bukan untuk orang tua yang sudah datang di gerbang.

Carousel Berita

Kabar terbaru bergantian dalam carousel yang bisa dikelola staf, sehingga situs tidak ikut lama basi di antara dua kali kerja desain.

Layout Responsif

Layout menyesuaikan hingga ke mobile, dan ini penting untuk audiens keluarga yang merencanakan kunjungan dari ponsel dalam perjalanan.

Carousel Hero Berputar

Hero bergantian menampilkan beberapa foto taman dengan titik navigasi, memberi beberapa aspek taman visibilitas tanpa perlu menggulir panjang.

Teknologi

PHP HTML5 CSS3 jQuery Owl Carousel Bootstrap

Hasil

Taman sekarang menjawab orang tua, guru, dan peneliti dalam satu situs, dalam dua bahasa, tanpa perlu salah satu pun emailing lebih dulu. Membuat harga tiket terlihat mengubah biaya tersembunyi menjadi keputusan yang bisa langsung diambil pengunjung.

Tentang Proyek Ini

Rzoopark adalah situs publik untuk Rahmat Zoo and Park, taman konservasi, edukasi, dan rekreasi.

Situs ini harus mengerjakan tiga hal sekaligus: menjual tiket, menjelaskan apa yang sebenarnya dilakukan taman di luar soal hewan, dan membuat pengunjung merasa diterima sebelum datang, bukan bingung di gerbang.

Strukturnya mengikuti jenis pengunjung, bukan struktur organisasi. Orang tua mendapat harga dan foto lebih dulu, guru mendapat penjelasan program yang ditulis untuk pemesanan kelompok, dan peneliti sampai pada pekerjaan konservasi yang dijelaskan apa adanya. Versi dwibahasa justru lebih penting di sini: sebagian besar pengunjung bukanwbr Domestik, dan situs monolingual diam-diam kehilangan mereka di kata asing pertama.