Memuat Proyek

Loading image 1...

01/02

WebsiteGreenView

Website WordPress dan Showcase WebAR untuk Startup Visualisasi Tanaman 3D & AR asal Belanda

Client
Green View (Stephan & Lodewijk)
Year
2025
Timeline
4 minggu
Category
Pengembangan WordPress / Visualisasi AR & 3D
UI Goal
Membuat layanan visualisasi tanaman AR/3D yang baru terasa kredibel dan mudah diakses oleh sektor hortikultura, serta mendorong keterlibatan demo dan inkuiri.
VISUAL STYLE
Estetika minimalis bertema alam dengan palet hijau, tipografi besar, dan ruang kosong lega yang memadukan kehangatan botani dengan teknologi modern.
LAYOUT SYSTEM
Tata letak tersegmentasi vertikal yang mengalir dari misi dan nilai jual menuju demo 3D/AR interaktif, koleksi tanaman, dan cerita pendiri.
PRIMARY DEVICE TARGET
Mobile-first, karena pengalaman WebAR diluncurkan di ponsel melalui kode QR oleh petani, retailer, dan pelanggan akhir.
Website Green View
Karya Unggulan

Website Green View

Website WordPress dan Showcase WebAR untuk Startup Visualisasi Tanaman 3D & AR asal Belanda

Gambaran

Website WordPress dan Showcase WebAR untuk Startup Visualisasi Tanaman 3D & AR asal Belanda

Membangun website resmi untuk Green View, startup asal Belanda dengan misi merevolusi sektor hijau (hortikultura) dengan kekuatan 3D. Website ini menampilkan layanan para pendiri fotografi 3D kustom dan pengalaman Augmented Reality untuk tanaman dan bunga dan memungkinkan pengunjung meluncurkan demo WebAR interaktif dari spesimen nyata (mis. Ficus Benjamina Daniella, Coprosma Eclipse) langsung dari browser melalui kode QR. Diimplementasikan di *WordPress* dengan desain bertema alam yang bersih serta *penampil WebAR / 3D* tertanam, sehingga petani dan retailer dapat menempatkan tanaman dengan skala nyata di ruang mereka sendiri.

Tantangan

Masalah

Tantangan utamanya adalah menyajikan layanan yang sangat teknis dan baru visualisasi tanaman AR dan 3D kepada audiens hortikultura tradisional dengan cara yang terasa mudah didekati dan kredibel. Website perlu memuat aset 3D yang berat tanpa mengorbankan performa, memicu AR tanpa instalasi di iOS dan Android, serta mengomunikasikan nilai jual dengan jelas dalam bahasa Belanda, sekaligus tetap mudah diperbarui oleh tim pendiri yang kecil.

Solusi

Mengembangkan tema WordPress kustom yang ringan dan mengintegrasikan *WebAR menggunakan model-viewer* dengan model *glTF/GLB* untuk Android dan *USDZ* untuk iOS Quick Look, sehingga AR diluncurkan tanpa instalasi aplikasi. Aset 3D di-lazy-load dan dikompresi untuk menjaga Core Web Vitals, dan kode QR dihubungkan ke setiap scene AR per tanaman. Bagian koleksi tanaman dan tim disusun dengan Custom Post Type sehingga Green View dapat menambah spesimen dan demo baru sendiri.

VisualJourney

Showcase Proyek

Loading image 1...

Tangkapan Layar 1

Visualisasi proyek dan desain antarmuka

01/02
Navigasi|ESCKeluar Layar Penuh

TeknologiStack

01

WordPress CMS

CMS

02

Tema WordPress Kustom

Pengembangan Frontend

03

PHP

Bahasa Backend

04

WebAR (model-viewer)

Augmented Reality

05

glTF / GLB / USDZ

Aset 3D

06

Three.js / WebGL

Rendering 3D

07

HTML5 / CSS3

Frontend

08

Figma

Desain UI/UX

KeyFeatures

[01]

Demo Tanaman WebAR Tanpa Instalasi

Pengunjung meluncurkan pratinjau AR tanaman nyata dengan skala sebenarnya langsung dari browser tanpa aplikasi menggunakan model-viewer dengan glTF di Android dan USDZ Quick Look di iOS.

[02]

Pemicu AR via Kode QR

Kode QR per tanaman langsung mengarah ke scene AR yang sesuai, memungkinkan petani dan retailer memindai dan melihat spesimen di lingkungan mereka sendiri.

[03]

Showcase Koleksi Tanaman 3D

Galeri interaktif spesimen hasil fotografi 3D (mis. Ficus Benjamina Daniella, French Bolero Pink, Coprosma Eclipse) yang dikelola via Custom Post Type.

[04]

Pengiriman 3D yang Dioptimalkan untuk Performa

Aset 3D yang berat dikompresi dan di-lazy-load untuk menjaga waktu muat dan Core Web Vitals tetap baik meski konten interaktif kaya.

[05]

Desain Brand Bertema Alam

Estetika minimalis yang bersih dengan palet hijau dan ruang kosong yang lega, menempatkan sektor hijau dan teknologi secara berdampingan.

[06]

Bagian Pendiri & Cerita

Bagian Tentang dan Tim khusus yang memperkenalkan Stephan dan Lodewijk serta misi perusahaan, membangun kepercayaan audiens industri tradisional.

ProsesKami

Pandangan detail tentang bagaimana kami mewujudkan proyek ini dari konsep hingga kenyataan melalui metodologi kami yang terbukti.

01
Durasi
1 minggu

Desain & Strategi Visual (Figma)

Mendefinisikan identitas visual bertema alam di Figma, menyeimbangkan brand hortikultura dengan proposisi AR/3D yang high-tech, serta memetakan alur koleksi tanaman dan demo AR.

Hasil
File Desain Figma
Panduan Gaya Visual
Peta Alur Demo AR
02
Durasi
2 minggu

Tema WordPress & Integrasi WebAR

Membangun tema WordPress kustom dan mengintegrasikan WebAR berbasis model-viewer dengan model glTF/USDZ, Custom Post Type untuk koleksi tanaman, dan pemicu kode QR untuk setiap scene AR.

Hasil
Codebase Tema WordPress Kustom
Integrasi WebAR (glTF/USDZ)
Struktur Custom Post Type (Tanaman)
03
Durasi
1 minggu

Optimasi, Konten & Peluncuran

Mengompresi dan me-lazy-load aset 3D, mengintegrasikan konten tanaman awal, menjalankan pengujian AR lintas perangkat di iOS dan Android, serta deploy dengan pelatihan klien mengelola koleksi.

Hasil
Optimasi Performa 3D
Laporan QA AR Lintas Perangkat
Deployment Produksi & Pelatihan
1

Menghadirkan pengalaman WebAR tanpa instalasi yang bekerja di iOS (USDZ Quick Look) dan Android (glTF/model-viewer).

3

Menerjemahkan proposisi D/AR yang kompleks menjadi situs marketing bertema alam yang bersih untuk sektor hortikultura.

3

Memungkinkan demo AR yang dipicu kode QR dari spesimen tanaman nyata langsung dari browser.

4

Memberi para pendiri struktur Custom Post Type untuk mengelola koleksi tanaman dan demo AR tanpa developer.

Javapixa mewujudkan visi kami menghadirkan tanaman dalam augmented reality menjadi website yang benar-benar bekerja di setiap ponsel. Pelanggan kini bisa memindai kode dan melihat tanaman kami di ruang mereka sendiri inilah pengalaman yang kami inginkan.
Stephan & Lodewijk
Stephan & Lodewijk
Pendiri, Green View
Green View Website - Portfolio | Javapixa Creative Studio