Düzce / Türkiye · Pazartesi – Cumartesi 09:00 – 18:00 +90 555 000 00 97Partner girişi
Ana Sayfa / Portfolyo / 2e Ahşap — Kurumsal Web Sitesi
Web ● Canlıda 2025

2e Ahşap — Kurumsal Web Sitesi

Ahşap mobilya firması için 3D ürün önizleme ve Framer Motion animasyonlu Next.js sitesi.

Sektör

Mobilya & Dekorasyon

Süre

4 hafta

Ekip

Fabrix Yazılım

Yıl

2025

Lighthouse 95+ Skoru

3D Ürün Görüntüleyici

Trendyol Entegrasyonu

Proje hakkında

Ne geliştirdik?

2e Ahşap, Türkiye'nin köklü ahşap mobilya üreticilerinden biri. Markanın dijital varlığı, ürettiği ürünlerin kalitesini ve özgünlüğünü yansıtmak zorundaydı. Statik bir katalog sitesi yetmezdi; ziyaretçinin ürünleri hissedeceği, dijital mağaza deneyimiyle birleşen bir platform gerekliydi. Bu anlayışla tasarlanan site, Framer Motion ile hayat bulan akıcı sayfa geçişleri ve scroll animasyonlarıyla ziyaretçiye premium bir deneyim sunarken Three.js tabanlı 3D ürün görüntüleyici müşterinin mobilyayı 360° incelemesine olanak tanır.

Next.js App Router mimarisi sayesinde sayfa yükleme süreleri 1.2 saniyenin altında tutulmuş, tam server-side rendering ile Google arama sonuçları için zengin ürün schema'ları otomatik üretilmektedir. Statik Site Generation (SSG) ile sayfalar derleme anında hazırlanır; Incremental Static Regeneration (ISR) ile ürün güncellemeleri deploy gerekmeden yayınlanır. WebP otomasyonu sayfa ağırlığını %60 azaltırken Next.js Image bileşeni her cihaz için optimum boyut sunar. Trendyol mağaza entegrasyonu, envanter verilerini otomatik senkronize eder. Google Core Web Vitals tüm metrikler yeşil — LCP 1.1s, CLS 0.02, FID < 100ms.

Öne çıkan özellikler

Projede neler var

Three.js 3D ürün görüntüleyici — mobilyaları 360° incele, parçaları ayrıştır
Framer Motion — sayfa geçişleri, scroll reveal ve hover micro-animasyonlar
Next.js App Router — SSR + SSG + ISR: en hızlı yükleme için hibrit render
Lighthouse 95+ — LCP 1.1s, CLS 0.02, FID < 100ms (tüm metrikler yeşil)
Trendyol mağaza entegrasyonu — stok & fiyat otomatik senkronizasyonu
WebP görsel optimizasyonu — sayfa ağırlığını %60 düşürdü
Dinamik ürün kataloğu — filtreleme, arama, fiyat aralığı & sıralama
Gelişmiş sipariş teklifi formu — ölçü, materyal ve teslimat tercihleri
Formik & Yup ile tam doğrulamalı iletişim & teklif formları
Structured data (schema.org Product) — Google ürün zengin sonuçları
Admin paneli — ürün, galeri, fiyat ve sayfa içerik yönetimi
Teknoloji yığını

Kullanılan teknolojiler

Next.js 14ReactTypeScriptThree.jsFramer MotionTailwind CSSFormikYupVercel
Diğer projeler

Benzer çalışmalar

Kurumsal Ürün · 2026

Nutasya E-Ticaret Scripti

Domain korumalı lisans sistemi, AI ürün öneri motoru, WhatsApp entegrasyonu ve multivendor desteği içeren tam...

İncele →

Sıradaki proje sizinki olsun.

Fikrinizi anlatın, ücretsiz ön değerlendirme ve teklif hazırlayalım.