Skip to contentİçeriğe geç

ServicesHizmetlerDiscipline 01Disiplin 01Floor R · Digital FlagshipKat R · Dijital Amiral Gemisi

3D websites3D web siteleri

With 3D modelling shaped around how your brand feels, we turn your website into a place people walk through instead of scrolling past. We design and build it in Three.js and WebGL; the scene, the models, the light and the code come from one team. The building you are standing in is the working proof.Markanızın deneyimini yansıtan 3D modellemelerle web sitenizi, kaydırıp geçilen bir sayfadan içinde dolaşılan bir yere dönüştürüyoruz. Three.js ve WebGL ile tasarlayıp geliştiriyoruz; sahne, modeller, ışık ve kod aynı ekipten çıkıyor. Şu an içinde durduğunuz bina bunun canlı kanıtı.

01What is includedKapsam

  1. Interactive 3D website in Three.js and WebGLThree.js ve WebGL ile interaktif 3D web sitesi
  2. Custom 3D scene, models and animation in BlenderBlender ile özel 3D sahne, model ve animasyon
  3. Scroll driven storytelling and micro interactionsKaydırmayla ilerleyen anlatım ve mikro etkileşimler
  4. A separate mobile profile and a performance budgetAyrı mobil profil ve performans bütçesi
  5. SEO foundations: real HTML text, schema, sitemapSEO altyapısı: gerçek HTML metin, şema, site haritası
  6. Optional CMS or admin panelİsteğe bağlı CMS ya da yönetim paneli
  7. Maintenance and development after launchYayın sonrası bakım ve geliştirme

02ProofÖrnek işler

Two sites in the wildYayındaki iki site

sosie.studio and riseof.digital both draw their scenes in the browser in real time.sosie.studio ve riseof.digital; ikisinin de sahnesi tarayıcıda gerçek zamanlı çiziliyor.

Four interactive demosDört interaktif demo

The Lab lets you try the quality bar with your own hands before you ask for a quote.Lab sayfası, teklif istemeden önce kalite çıtasını kendi elinizle denemeniz için açık.

03Work on this floorBu kattaki işler

04How it runsNasıl ilerler

  1. Discovery and conceptKeşif ve konseptBrand, goal, reference experiences and the idea for the scene.Marka, hedef, referans deneyimler ve sahne fikri.
  2. Scene and designSahne ve tasarımModels, materials, light and the interface.Modeller, malzemeler, ışık ve arayüz.
  3. DevelopmentGeliştirmeThree.js, animation and performance work.Three.js, animasyon ve performans çalışması.
  4. Testing and launchTest ve yayınDevice tests, speed measurement, launch and support.Cihaz testleri, hız ölçümü, yayın ve destek.

05Who it is forKimler için

  1. Brands that want to be remembered, not comparedKarşılaştırılmak değil, hatırlanmak isteyen markalar
  2. Companies that want to show a product in interactive 3DÜrününü interaktif 3D ile göstermek isteyen şirketler
  3. Launches, events and campaigns that need a site people talk aboutKonuşulacak bir siteye ihtiyaç duyan lansman, etkinlik ve kampanyalar

06QuestionsSık sorulanlar

Does a 3D website hurt SEO?3D web sitesi SEO'yu bozar mı?

Not by itself; a badly built one does. Text and links live in the HTML that comes from the server, so search engines can read the page without running the scene, and the scene is kept off the critical path of the first paint.Kendiliğinden bozmaz; kötü kurulmuş bir 3D site bozar. Metin ve bağlantılar sunucudan gelen HTML'in içinde durur, yani arama motoru sahneyi çalıştırmadan sayfayı okuyabilir; sahne ise sayfanın ilk açılışını geciktirmeyecek şekilde sonradan yüklenir.

Three.js or Spline?Three.js mi, Spline mı?

Spline is quick for a simple product turn, but the scene stays tied to its player. In Three.js we build the scene ourselves, so material, light, performance budget and interaction are fully under control. Scroll driven stories, configurators and strict mobile budgets belong in Three.js.Spline basit bir ürün dönüşü için hızlıdır ama sahne onun oynatıcısına bağlı kalır. Three.js'te sahneyi biz kurduğumuz için malzeme, ışık, performans bütçesi ve etkileşim tamamen kontrolümüzde olur. Kaydırmayla ilerleyen anlatım, konfigüratör ve sıkı mobil bütçe gereken işler Three.js tarafındadır.

Will it work on a phone?Telefonda çalışır mı?

Mobile is its own budget, not a shrunken desktop: fewer triangles, smaller textures, simpler post processing. Low power devices get a still frame instead of the scene, and animation stops for visitors who ask for reduced motion.Mobil, daraltılmış masaüstü değil, kendi bütçesi olan bir profil: daha az üçgen, daha küçük doku, daha sade son işlem. Düşük güçteki cihazlarda sahne yerine hareketsiz kare gösterilir; hareketin azaltılmasını isteyen ziyaretçilerde animasyon durur.

We do not have a 3D model. Is that a problem?Elimizde 3D model yok, sorun olur mu?

No, modelling is part of the job. With a technical drawing or measured photos we build the model in Blender. CAD files are too heavy for the browser and need retopology and UVs, so the route is decided in the first meeting.Olmaz, modelleme işin bir parçası. Teknik çizim ya da ölçülü fotoğraf varsa modeli Blender'da biz kuruyoruz. CAD dosyaları tarayıcı için fazla ağırdır, retopoloji ve UV çalışması gerekir; hangi yoldan gidileceği ilk görüşmede netleşir.

How long does it take?Ne kadar sürer?

A single scene launch site with ready models takes four to six weeks. If we also model, or the story is a multi section scroll, it goes up to eight weeks. Configurators, languages and admin panels are planned separately.Modeller hazırsa tek sahneli bir tanıtım sitesi dört ila altı hafta sürer. Modellemeyi de biz yapıyorsak ya da anlatım çok bölümlü bir kaydırma hikâyesiyse süre sekiz haftaya çıkar. Konfigüratör, dil seçimi ve yönetim paneli ayrıca planlanır.

When do you not recommend 3D?Hangi durumlarda 3D önermiyorsunuz?

When the site's real job is to list many products and sell fast, when content changes every week, or when 3D is wanted only because a competitor has it. In those cases we recommend a lighter site with motion.Sitenin asıl işi çok sayıda ürünü listeleyip hızlı sattırmaksa, içerik her hafta değişiyorsa ya da 3D yalnız rakipte olduğu için isteniyorsa. Bu durumlarda hareketli ama daha hafif bir site öneriyoruz.

07Nearby floorsKomşu katlar

Our main product: we carry your brand into a 3D world drawn live in the browser, a website people step into instead of scrolling past. The building you are in is one of them.Ana ürünümüz: markanızı tarayıcıda canlı çizilen 3D bir dünyaya taşıyoruz; ziyaretçinin kaydırıp geçmediği, içine girdiği bir web sitesi. Şu an içinde bulunduğunuz bina da bunlardan biri.

Next floorSonraki kat

Start a projectProjenizi konuşalım

Tell us how your brand should feel when someone walks in. We will come back with a 3D concept and a roadmap.Markanızın içine giren birine ne hissettirmesini istediğinizi anlatın; size bir 3D konsept ve yol haritasıyla dönelim.