Peyzaj, Bahçe Tasarımı & İnşaat
İşin görseli varsa, site de görselle konuşmalı.
Larin Peyzaj & İnşaat, İstanbul'da bahçe tasarımı, bitkilendirme, sulama sistemleri ve dış mekân uygulamaları yapan bir firma. Portföyünde 500'ün üzerinde tamamlanmış iş var; ancak bu işlerin tamamı Instagram akışında kaybolmuş durumdaydı. Bu sektörde satın alma kararı görsel referansla verildiği için siteyi bir metin sayfası değil, tamamlanmış işlerin öne çıktığı bir portföy deneyimi olarak kurguladık.
Peyzaj tasarımından kilit taşına, ağaç budamadan baskı betona kadar on hizmetin her biri kendi sayfasına, kendi görsel setine ve kendi metnine sahip. Tek bir "hizmetlerimiz" listesi yerine bu yapı, her hizmetin kendi aramasında bağımsız olarak sıralanmasını sağlıyor.
GSAP ScrollTrigger ve SplitText ile kurgulanan kaydırma animasyonları, Lenis'in yumuşak kaydırmasıyla birleşiyor. Başlıklar harf harf açılıyor, projeler kaydırdıkça sahneye giriyor. Bu, uluslararası peyzaj ajanslarının kullandığı teknik altyapının aynısı.
Portföy odaklı bir sitenin en büyük riski yavaşlıktır. Tüm proje fotoğrafları modern formata çevrilip ölçeklendirildi, tembel yükleme uygulandı ve Core Web Vitals değerleri yayın öncesi doğrulandı.
Klasik SEO'nun yanına GEO kurgusu eklendi: LocalBusiness yapılandırılmış verisi, hizmet ve iletişim bilgilerini düz metinle özetleyen bir llms.txt dosyası ve otomatik üretilen sitemap. Böylece ChatGPT veya Perplexity'ye "İstanbul'da peyzaj firması" diye soran biri için firma alıntılanabilir bir kaynak hâline geldi.
Aşağıdaki ekran görüntüleri yayındaki sitenin gerçek sayfalarından alınmıştır.
Firmanın işi güçlüydü ama dijital varlığı yalnızca bir Instagram hesabından ibaretti. Sosyal medyada bir iş paylaşıldıktan birkaç gün sonra akışta kayboluyor, arayan biri bulamıyordu. Ayrıca "peyzaj tasarımı" arayan müşteriyle "kilit taşı döşeme" arayan müşteri tamamen farklı ihtiyaçlara sahipken ikisi de aynı profile yönlendiriliyordu.
Peyzajda ziyaretçi "ne kadar tutar" sorusundan önce "bu firma benim istediğim işi yapmış mı" sorusunun cevabını arıyor. Sayfa akışını buna göre kurduk: önce tamamlanan işler, sonra manifesto ve hizmet açıklamaları, ardından firma hakkında, en sonda teklif formu. Ziyaretçi ikna olmadan formla karşılaşmıyor.
On hizmetin içeriği tek bir veri kaynağında tutuluyor ve sayfalar bu kaynaktan üretiliyor. Yeni bir hizmet eklendiğinde sayfa, menü kaydı, sitemap girdisi ve görsel seti otomatik oluşuyor. Bu yapı hem firmanın büyümesine hem de sitenin arama motorunda genişlemesine alan bırakıyor.
Logo, renk paleti ve tipografi tek bir sistem olarak kuruldu: başlıklarda italik Cormorant Garamond, gövde metninde DM Sans; koyu yeşil–altın palet. Amaç, bahçe fotoğraflarının önüne geçmeyen ama işi ucuz göstermeyen bir kurumsal ton yakalamaktı.
Site Next.js 16 App Router ve React 19 üzerine, Tailwind CSS v4 ile geliştirildi. Animasyon katmanı GSAP 3.12 (ScrollTrigger + SplitText), yumuşak kaydırma Lenis, mikro etkileşimler Framer Motion ile yapıldı. İletişim formu Resend üzerinden e-postaya düşüyor, sitemap next-sitemap ile otomatik üretiliyor. Her ekranda sabit bir WhatsApp butonu ve üstte kaydırma ilerleme çubuğu bulunuyor.
Web sitesi, e-ticaret, mobil uygulama veya işletmenize özel yazılım — ne ihtiyacınız varsa konuşalım.
Projenizi Konuşalım
