Monova Design

Bağlam

Monova Design, bir İngilizce öğretmeni ile bir mühendisin Bursa'da kurduğu bir aile girişimi. 3D baskı ve ahşapla Montessori yaklaşımına uygun eğitici oyun materyalleri ve çocuk odası dekorasyonu üretiyor; müşterinin fikrinden kişiye özel ürün de çıkarıyor.

Stüdyonun iki ihtiyacı vardı: ürünlerini iki dilde sergileyebileceği bir katalog ve kişiye özel baskı taleplerini karşılayacak bir teklif akışı. Siteyi Aralık 2025'te yayına aldım; 3D fiyat hesaplayıcısını Mart 2026'da ekledim.

Yaklaşım

• Fiyat, dosyanın kendisinden. "Hayalini Üret" akışında ziyaretçi STL dosyasını sayfaya bırakıyor. Model Three.js ile tarayıcıda açılıyor; döndürülüp yakınlaştırılabiliyor ve 9 renkte önizlenebiliyor. Ölçüler, ağırlık ve tahmini baskı süresi dosyadan hesaplanıyor.
• Seçenekler fiyatı canlı değiştiriyor. PLA, ABS, PETG ya da TPU malzeme; 3 katman kalitesi, 6 doluluk oranı ve adet. Birim fiyat, KDV ve toplam tutar her değişiklikte yeniden hesaplanıyor.
• İçerik stüdyonun elinde. Ürünler, blog yazıları, sayfa metinleri, görseller ve gelen mesajlar yönetim panelinden yönetiliyor.
• Ürün açıklamasına yapay zekâ desteği. Panelde ürün adı ve kategorisinden, Gemini ile Türkçe ya da İngilizce bir ürün açıklaması taslağı üretiliyor.

Öne çıkanlar

• Katalog: Kategori filtreleri; ürün sayfasında klavyeyle gezilebilen lightbox galeri.
• Kişiye özel üretim: Ana sayfada 3 adımda anlatılan süreç ve anlık fiyat hesaplayıcısına götüren çağrılar.
• İletişim: Sayfa yenilemeden gönderilen form; CSRF koruması, reCAPTCHA ve 50 MB'a kadar dosya eki.
• İki dil: Ürün adları ve blog başlıkları dahil Türkçe ve İngilizce içerik.

Teknik altyapı

• Çatı: Veritabanı yerine JSON dosyalarında veri tutan, framework'süz bir PHP uygulaması. Ürünler, blog, mesajlar, ayarlar ve site görselleri ayrı dosyalarda.
• Yönetim paneli: Oturum korumalı; ürünler, blog, içerikler, medya, mesajlar ve ayarlar bölümleri ile şifre sıfırlama akışı.
• 3D: Three.js, OrbitControls ve STLLoader ile tarayıcıda model görüntüleme; hacim ve ağırlık hesabı istemci tarafında.
• Yapay zekâ: Panel ayarlarından girilen anahtarla Gemini API; başarısız isteklerde üç denemeye kadar tekrar.
• Arayüz: Bootstrap 5.3 ve AOS; tüm görseller WebP.
• Sunucu: HTTPS yönlendirmesi, HSTS, gzip sıkıştırma ve statik dosyalarda önbellek.

Sonuç

Site, stüdyonun iki işini tek yerde topluyor: hazır ürünleri iki dilde sergiliyor, kişiye özel baskı talebinde ise ziyaretçiye dosyasını yüklediği anda bir fiyat gösteriyor.