REFERANS PROJE DETAYI

WalkThru3D

#Masaüstü
Fatih Web Tasarım Proje Detayı Masaüstü Görünüm
#Tablet
Fatih Web Tasarım Proje Detayı Tablet Görünüm
#Mobil
Fatih Web Tasarım Proje Detayı Mobil Görünüm
#Detay

WalkThru3D

walkthru3d.com
Sektör

Hizmet

Teknoloji

Next.js 14, TypeScript, Tailwind, Gaussian Splat (SuperSplat), Zustand, Prisma, PostgreSQL, NextAuth v5

Hizmet Türü

Web Tasarım, 3D Sanal Tur Platformu, AI Video→3D Pipeline, Hotspot Editörü, Iframe Gömme, Responsive, Auth+Dashboard


WalkThru3D — Yapay Zeka Destekli 3D Sanal Tur Platformu

WalkThru3D, herhangi bir mekanın videosunu Gaussian Splatting AI pipeline'ından geçirerek tarayıcıda interaktif gezilebilen 3D sanal tura dönüştüren yeni nesil bir SaaS platformudur. "Çek. Yükle. Gezdir." mantığıyla kurulan ürün; emlakçıları, otelleri, restoranları ve müze yöneticilerini pahalı Matterport kameraları satın almaktan kurtaran, sadece bir cep telefonu videosuyla profesyonel sanal tur üreten bir teknoloji ekosistemidir.

Türkiye'de sanal tur pazarının Matterport ve EyeSpy360 gibi yabancı oyuncular tarafından domine edildiği bir dönemde, yerel dilde arayüz, TL bazlı ödeme, AI destekli üretim ve self-hosted seçenek üçlüsüyle farklılaşan platform için kapsamlı bir Next.js 14 mimarisi, TypeScript güvenli kod tabanı, Gaussian Splat (SuperSplat) görselleştirme katmanı, NextAuth v5 kimlik doğrulama altyapısı ve Prisma + PostgreSQL veri katmanı kurulmuştur. Proje, müşterilere düşük maliyetli sanal tur sunarken kendi gelir akışlarını oluşturmaları için iframe gömme + paylaşılabilir link altyapısı sağlar.

Yapılan iş sadece bir görüntüleyici değildir: AI Video to 3D pipeline, hotspot editörü (oda etiketleme, info pop-up, link verme), iframe gömme widget'ı, kullanıcı dashboard'u, üye/admin rolleri, server-side rendering ile SEO optimizasyonu, çoklu cihaz responsive deneyim ve self-hosted dağıtım paketi dahil olmak üzere uçtan uca bir ürün geliştirme süreci yürütülmüştür. Ürün canlıya alınmadan önce mobil-first stratejisi, Lighthouse skorları, WebGL fallback testleri ve PostgreSQL şema optimizasyonu yapılarak performans hedefleri tutturulmuştur.

Örnek Senaryo: Emlakçı Zeynep, yeni listeye alacağı dairenin telefon kamerasıyla 2 dakikalık videosunu çeker. WalkThru3D'ye yükler. AI pipeline 15 dakika içinde Gaussian Splat sanal tur üretir. Zeynep editörden mutfağa "Granit tezgah", banyoya "Yer ısıtmalı" hotspot'ları ekler. Iframe kodunu kopyalayıp Sahibinden ilanına gömer. Alıcı evi yerinde gezmiş hisseder, randevu sayısı 3 katına çıkar — Matterport kamerası satın almadan.

Sanal Tur Pazarı — TL ile Yerel Niş

Küresel sanal tur ve 3D dijital ikiz pazarı yıllık $6 milyar civarındadır ve 2030'a kadar $24 milyara çıkması beklenmektedir. Türkiye'de yaklaşık 150.000+ emlakçı, 12.000+ otel, 50.000+ restoran/cafe ve 4.000+ müze/galeri sanal tur ihtiyacı duyar ancak Matterport'un $400+/ay paketi yerine TL bazlı, AI destekli yerel bir çözüm bulamaz. WalkThru3D bu boş nişi doldurur.

Hedef kitle dört ana grupta yoğunlaşmaktadır: (1) emlak ofisleri ve gayrimenkul danışmanları (her listing için sanal tur), (2) butik otel ve pansiyonlar (oda gösterimleri), (3) restoran-cafe-event mekanları (atmosfer önizlemesi), (4) müze-galeri-kültürel mekanlar (uzaktan ziyaret deneyimi). Hepsinin ortak ihtiyacı: pahalı donanım olmadan, hızlıca, kendi dilinde çalışan bir tur üretim aracı.

150B+
Emlakçı (TR)
$24B
2030 Sanal Tur Pazarı
8
Ana Teknoloji Stack
3
Cihaz Profili Desteği

Platform Sahibine Sağladığımız Değer

AI ile Donanımsız Üretim

Gaussian Splat pipeline cep telefonu videosunu profesyonel sanal tura çevirir — Matterport'un $4000'lık kamerasına alternatif.

Iframe Gömme Modeli

Üretilen turlar her web sitesine 3 satır kodla gömülür — emlak ilanından, otel sayfasına viral yayılır.

SEO Hazır Altyapı

Next.js 14 server-side rendering ile her sanal tur sayfası ayrı indekslenir, Google'da bulunabilir.

Ölçeklenebilir Mimari

Prisma + PostgreSQL + Zustand ile 100 tur sahibinden 100.000'e büyürken kod değişikliği gerekmez.

Self-Hosted Opsiyon

Müşteri isterse kendi sunucusunda çalıştırabilir — Matterport'un cloud-only zorunluluğunun olmadığı esnek model.

NextAuth v5 Güvenlik

OAuth, magic-link, kredi sistemi entegre kimlik doğrulama; üye/admin rol yönetimi out-of-the-box.

Emlakçı, Otelci, Müze Yöneticisine Sunulan Deneyim

Telefonla Yetinen Üretim

2-5 dakikalık cep telefonu videosu yüklenir, AI pipeline Gaussian Splat ile sanal tur üretir. Donanım yatırımı sıfır.

Gelişmiş Hotspot Editörü

Mekanın istediği noktasına etiket, bilgi pop-up'ı, harici link, video veya başka tur linki eklenir.

Iframe Embed Kodu

Tek tıkla iframe kodu alınır, Sahibinden, Hepsiemlak, Booking, kurumsal site — heryere yapıştırılır.

Mobil-First Deneyim

Üretim, düzenleme, paylaşım — hepsi mobil tarayıcıda çalışır. Sahada çek-yükle yap-paylaş.

Türkçe Dashboard

Yabancı platform öğrenme zorluğu yok; tüm arayüz Türkçe, ödemeler TL.

Gerçek Yürüyüş Hissi

360 fotoğraf veya basit panorama değil — gerçek 3D Gaussian Splat ile mekan içinde tam serbest gezinti.

Dünyadaki Emsaller

WalkThru3D'nin konumlandığı sanal tur dikeyinde küresel ölçekte 5 büyük oyuncu var. Her birinin güçlü tarafı farklı — ama hiçbiri Türkçe arayüz + TL ödeme + AI Video-to-3D + self-hosted dörtlüsünü birden sunmuyor.

Sektör lideri. Halka açık (NASDAQ:MTTR), 12M+ digital twin. Donanım+yazılım kombo, premium fiyat — ama $4000 kamera + $300/ay paket zorunluluğu küçük işletmeyi dışlar.

İframe gömme güçlü. Sosyal medya entegrasyonu iyi, aylık abonelik modeli, gayrimenkul ağırlıklı kullanıcı tabanı. Türkçe arayüz yok, TL ödeme yok.

Ücretsiz başlangıç. 360 fotoğraf ağırlıklı, SEO ve embed entegrasyonu basit, premium plan ile gelir. Gerçek 3D değil, sadece panorama bağlama.

Hızlı ve hafif. Hobby kullanıcısı yaygın, sınırlı hotspot özellikleri. Profesyonel emlak/otel için yeterli özellik derinliği yok.

İnşaat odaklı. BIM entegrasyonu, drone foto desteği güçlü, dijital ikiz mantığı. Genel sanal tur kitlesine değil mimar/müteahhide hitap eder.

WalkThru3D vs Küresel Rakipler

Her sütun ayrı bir platform, her satır ayrı bir kullanıcı veya yatırımcı kriterini temsil eder. WalkThru3D'nin Türkiye sanal tur pazarında neden boş niş doldurduğunu netleştiren tablo:

Özellik WalkThru3D Matterport EyeSpy360 Klapty Kuula Cupix
Türkçe Arayüz✓ Tam
Yerel Ödeme (TL)
AI Video to 3D✓ Gaussian SplatKısmi
Hotspot Editörü✓ GelişmişKısmiKısmi
Iframe GömmeKısmiKısmi
Auth + DashboardKısmi
Self-Hosted Seçenek
SEO Server-Side Render✓ Next.jsKısmiKısmiKısmiKısmi

Sonuç: WalkThru3D küresel rakiplerin teknik özelliklerine sahip + Türkiye'ye özel 4 ayrıcalık sunar: Türkçe arayüz, TL ödeme, AI Video-to-3D, self-hosted. Bu dördü birden hiçbir rakibin sunamadığı kombinasyon — yerel pazarda doğal avantaj.

Neden Bu Teknolojiler Seçildi

Next.js 14

App Router + Server Components mimarisi ile her sanal tur sayfası SSR olarak servis edilir — Google bot anında okur, mobil hızlı açılır.

TypeScript

Statik tip kontrolü ile karmaşık 3D state ve form validasyonlarında runtime hataları derleme zamanında yakalanır, refactor güvenli.

Tailwind CSS

Utility-first sistem + custom design tokens ile marka kimliği kod içinde kalır, build size optimize, dark mode kolayca eklenir.

Gaussian Splat (SuperSplat)

Geleneksel mesh yerine point cloud + neural rendering ile fotorealistik 3D üretir. Tarayıcıda WebGL ile akıcı oynatım.

Zustand + Prisma + PostgreSQL

Zustand minimal state için, Prisma type-safe ORM ile PostgreSQL'i kullanır — sanal tur metadata, hotspot pozisyon, kullanıcı oturumu sağlam tutulur. NextAuth v5 üzerine OAuth + magic-link.

Her İş Kalemi — Tasarımdan Teslime

İş KalemiKeşif & TasarımGeliştirmeTest & QATeslim
UI/UX Tasarımı
Next.js 14 Geliştirme
Gaussian Splat Pipeline
Hotspot Editör Modülü
Auth (NextAuth v5)
SEO Optimizasyonu
Iframe Embed Widget
Mobil/Tablet Uyum

15 Profesyonel Çözüm

01

AI Video to 3D Pipeline

Cep telefonu videosu Gaussian Splat algoritmasıyla sanal tura dönüşür — donanım gerekmez.

02

SuperSplat Render

Tarayıcıda WebGL ile fotorealistik 3D oynatım. Mobilde dahi akıcı, point cloud LOD optimize.

03

Gelişmiş Hotspot Editörü

Mekana etiket, info pop-up, link, video, harici URL, başka tur referansı ekleme arayüzü.

04

Iframe Embed Widget

3 satır HTML ile herhangi bir siteye gömme; sahibinden, Booking, kurumsal sayfa — hepsine uyumlu.

05

NextAuth v5 Kimlik

OAuth (Google, GitHub), magic-link, kredi sistemi entegre; üye + admin + viewer rolleri.

06

Kullanıcı Dashboard

Türkçe arayüz, tur listesi, görüntülenme istatistikleri, paylaşım analitikleri.

07

Server-Side Rendering

Next.js 14 App Router ile her tur sayfası anında indekslenir, Google bot tam HTML alır.

08

Schema.org Markup

VirtualLocation ve Place schema her tura otomatik eklenir, zengin sonuçlarda öne çıkar.

09

Self-Hosted Paket

Docker compose ile kendi sunucusunda kurulum; data ownership müşteride kalır.

10

Prisma ORM

Type-safe PostgreSQL erişimi, migration history, refactor güvenli veri modeli.

11

Zustand State

Hotspot editör state, viewer pozisyonu, kullanıcı ayarları için lightweight global state.

12

Türkçe Arayüz

Dashboard, editör, hatalar, e-postalar — tüm akış Türkçe. TL bazlı ödeme entegrasyonu.

13

Çoklu Cihaz Önizleme

Tur masaüstü / tablet / mobil görünümü tek panelde test edilebilir, embed önceden görülebilir.

14

Paylaşılabilir Linkler

Her tur için kısa URL, sosyal medya kartları, WhatsApp önizleme ve OG meta.

15

Mobil-First Tasarım

Tasarım önce mobilde test edildi, masaüstüne ölçeklendi. Saha kullanımına optimize.

Teknik Performans Hedefleri

WalkThru3D teslim edilirken aşağıdaki hedefler tutturulmuş, müşteri için baseline performans raporu hazırlanmıştır:

95+
Lighthouse Performance
100
SEO Score
95+
Best Practices
100
Accessibility
<3sn
Mobil Açılış Süresi
A+
SSL Labs
15dk
AI Pipeline Süresi
3
Cihaz Profili

Bu Projede Nasıl Çalıştık?

Proje ne kadar süre aldı?

Keşif, tasarım, geliştirme, test ve teslim dahil yaklaşık 16-22 hafta. Gaussian Splat AI pipeline ve hotspot editörü için ekstra 6 hafta ayrıldı.

Hangi teknolojiler kullanıldı?

Next.js 14 (App Router), TypeScript, Tailwind CSS, Gaussian Splat (SuperSplat), Zustand (state), Prisma (ORM), PostgreSQL (veri), NextAuth v5 (auth) + Docker (deploy).

Cep telefonu videosu nasıl 3D'ye çevriliyor?

Yüklenen video frame'lere ayrılır, fotogrametri ve neural network ile point cloud üretilir, ardından SuperSplat algoritmasıyla Gaussian Splat formatına dönüştürülür. Süreç tipik olarak 10-20 dakika sürer.

Mobil uyumlu mu?

Evet, mobil-first stratejiyle geliştirildi. 320px-2560px arası test edildi. WebGL2 desteklenmeyen cihazlarda otomatik düşük kaliteli LOD versiyona düşer.

Iframe nasıl çalışıyor?

Her tur için tek satırlık iframe kodu üretilir. Cross-origin güvenli, lazy-load destekli, responsive boyutlandırılabilir. Sahibinden, Hepsiemlak, Booking ve kurumsal sitelerde test edildi.

SEO performansı nasıl?

Next.js 14 server-side rendering ile her tur sayfası anlık indekslenir. VirtualLocation + Place schema markup eklendi. Sitemap otomatik üretilir, OG meta sosyal paylaşım için zenginleştirildi.

Self-hosted seçeneği nasıl çalışıyor?

Docker compose paketi ile müşteri kendi sunucusunda kurulum yapabilir. PostgreSQL + Next.js + Gaussian Splat servisleri tek komutla ayağa kalkar. Data ownership müşteride kalır.

Benzer bir proje yaptırmak istesem nasıl olur?

İletişim bölümünden teklif alabilir, ön analiz toplantısı için randevu oluşturabilirsiniz. İlk görüşme ücretsizdir, kapsam belirledikten sonra detaylı teklif hazırlanır.

Senin Projen için de Yapalım

WalkThru3D gibi profesyonel bir ürün için fikrini bizimle paylaş, ön analiz görüşmemiz ücretsiz.

Hemen Teklif Al →

Görüş ve Önerileriniz için Bize Yazın

Görüş, öneri ve taleplerinizi almak, Aklınıza takılanları veya sormak istediklerinizi cevaplamak bizim için en önemli değerdir. Aşağıdaki formu eksiksiz doldurun, Uzman ekibimiz sizinle en kısa sürede iletişime geçecektir.

Projeleriniz için Hızlı Fiyat Teklifi Alın

Aklınızdan geçen projeyi veya yapılmasını istediğiniz işi aşağıdaki formu eksiksiz doldurarak bize anlatırsanız, sürecin nasıl işleyeceği ve projenizin net fiyatlandırması hakkında sizi bilgilendirmekten memnuniyet duyarız. Bilmenizi isteriz ki, yürüttüğümüz projelerde üstün tasarım ve profesyonelliği her zaman birinci planda tutmaktayız.

Size Hangi Yolla Ulaşmamızı İstersiniz?
  • Size Hangi Yolla Ulaşmamızı İstersiniz?
  • Telefon
  • Whatsapp
  • E-Posta
Hizmet Türü Seçiniz
  • Hizmet Türü Seçiniz
  • Kurumsal Websitesi
  • Ürün Tanıtım Websitesi
  • Kişisel Websitesi
  • e-Ticaret Sitesi
  • Vakıf & Dernek Sitesi
  • Tur & Organizasyon Sitesi
  • Özel Sistemler
  • Web Tabanlı İş Yönetim Paneli
  • SEO (Site İçi ve Site Dışı SEO Düzenleme)
  • Adwords Reklam Kampanyası
  • Sosyal Medya Reklam Kampanyası
  • Kurumsal Kimlik Tasarımı
  • Logo Tasarımı
  • Web Danışmanlık