Yeşil Mola Turizm için yalnızca firmanın turlarını sergileyen bir kurumsal web sitesi değil; tur içeriklerinin yönetilebildiği, ziyaretçinin rotaları hızlıca keşfedebildiği ve ilgilendiği turdan doğrudan rezervasyon iletişimine geçebildiği özel bir dijital altyapı geliştirdik.
Artvin merkezli Yeşil Mola Turizm; Karadeniz, Gürcistan, Kafkasya ve çevre destinasyonlarda kültür, doğa ve gezi turları düzenleyen TÜRSAB belgeli bir seyahat acentesi. Bu nedenle projenin merkezine klasik bir “hakkımızda ve hizmetlerimiz” sitesi yerine, sürekli değişen tur programlarının kolayca yönetilebildiği ve her turun kendi satış sayfasına sahip olduğu bir yapı yerleştirdik.
Projenin çıkış noktası
Turizm sitelerinde içerik sürekli değişir. Yeni rotalar eklenir, tarih ve programlar güncellenir, farklı destinasyonlar öne çıkarılır ve ziyaretçinin karar vermeden önce çok sayıda detayı incelemesi gerekir.
Bu projede çözmemiz gereken temel konu, bütün bu bilgiyi ziyaretçiye karmaşa yaratmadan sunarken Yeşil Mola ekibinin de günlük içerik yönetimini geliştirici desteğine ihtiyaç duymadan yapabilmesiydi.
Bu nedenle hazır bir WordPress temasını özelleştirmek yerine Yeşil Mola’nın içerik yapısına ve kullanıcı yolculuğuna göre özel bir WordPress tema mimarisi oluşturduk.
Bir web sitesinden çok, yönetilebilir bir tur kataloğu
Sistemin merkezinde turlar bulunuyor. Her tur standart bir blog yazısı gibi oluşturulmak yerine kendisine ait veri yapısıyla yönetiliyor.
WordPress içerisinde özel içerik tipleri ve alanlar oluşturarak tur başlığı, destinasyon, süre, tarih, fiyat bilgisi, rota açıklaması, detaylı tur programı, dahil olan ve olmayan hizmetler, görseller ve rezervasyon aksiyonlarını birbirinden ayrıştırdık.
Bunun iki önemli sonucu oldu: ziyaretçi her turda tutarlı bir bilgi düzeniyle karşılaşıyor; Yeşil Mola ekibi ise yeni bir tur eklerken sayfa tasarlamak veya kodla uğraşmak zorunda kalmıyor.
Projede oluşturduğumuz temel içerik mimarisi
- Turlar için özel içerik tipi ve kategori yapısı
- Tur süresi, tarih, konum ve program bilgilerinin ayrı alanlarda yönetimi
- Araç filosu için bağımsız içerik yapısı
- Galeri ve gerçek tur fotoğraflarının yönetilebildiği yapı
- Tur detaylarında dahil olan / olmayan hizmet alanları
- Her tur için bağımsız görsel ve içerik yönetimi
- WordPress panelinden yeni rota eklenebilmesini sağlayan yönetim akışı
Kullanıcıyı rotadan rezervasyona taşıyan deneyim
Turizm sitesinde ziyaretçinin yalnızca güzel fotoğraflar görmesi yeterli değil. Gideceği yeri bulması, programı anlaması, güven duyması ve hazır olduğunda firmaya kolayca ulaşabilmesi gerekiyor.
Ana sayfayı bu yolculuğa göre kurguladık. Öne çıkan turlar geniş bir görsel alan içerisinde sunulurken destinasyon araması ziyaretçinin doğrudan ilgilendiği rotaya ulaşmasını sağlıyor. Popüler rotalar kart yapısıyla karşılaştırılabiliyor; gerçek tur fotoğrafları ve firma içerikleri ise ziyaretçinin karar verme sürecini destekliyor.
Tur detay sayfasında kullanıcı, uzun bir metin duvarıyla karşılaşmak yerine bilgiyi bölümler halinde inceliyor. Tur açıklaması ve programı ana içerikte yer alırken rezervasyon aksiyonlarını masaüstünde sürekli erişilebilir bir alanda konumlandırdık.
WhatsApp ve telefon iletişimini özellikle öne çıkardık. Böylece ziyaretçi ilgilendiği turun detaylarını incelerken ayrıca iletişim sayfası aramak zorunda kalmadan doğrudan firmayla görüşmeye geçebiliyor.
Mobil kullanım sonradan uyarlanan bir ekran değil
Tur aramalarının önemli bir bölümünün telefon üzerinden gerçekleştiği bir sektörde masaüstü tasarımını küçültmek yeterli değildi. Arayüzü mobil öncelikli düşünerek kartlar, slider alanları, navigasyon, tur detayları ve iletişim aksiyonlarını dokunmatik kullanım için ayrıca ele aldık.
Responsive yapı Tailwind CSS üzerinde geliştirildi. Böylece farklı ekran genişliklerinde yalnızca kolonların yeri değişmiyor; bilgi yoğunluğu, boşluklar, tipografi ve kullanıcı aksiyonları da ekran boyutuna göre yeniden düzenleniyor.
Hazır tema yerine özel WordPress geliştirme
Yeşil Mola Turizm’in arayüzünü hazır bir tema veya sayfa oluşturucunun sınırları üzerine kurmadık. Proje için özel WordPress tema yapısı geliştirdik.
Bu yaklaşım bize yalnızca görsel özgürlük sağlamadı. Kullanılmayan tema bileşenlerini ve projeye katkısı olmayan bağımlılıkları yüklemek yerine sadece sitenin ihtiyaç duyduğu parçaları geliştirebildik.
Sonuçta WordPress’in müşteriye sağladığı kolay içerik yönetimini korurken ön yüzde daha kontrollü, modüler ve performans odaklı bir yapı elde ettik.
Teknik altyapı
- CMS: WordPress
- Tema: Projeye özel PHP tabanlı WordPress tema geliştirmesi
- Arayüz: HTML5, Tailwind CSS 3.4 ve JavaScript
- Build süreci: Node.js ve Tailwind CLI
- Slider ve dokunmatik bileşenler: Swiper.js
- İçerik modeli: Native WordPress Custom Post Types, taxonomy ve özel meta alanları
- Alan yönetimi: Projeye özel meta yapısı ve ACF
- Veritabanı: MySQL
- Tipografi: Plus Jakarta Sans
- SEO: Rank Math ve projeye özel yapılandırılmış veri entegrasyonları
Performansı tasarım bittikten sonra düşünmedik
Yüksek çözünürlüklü destinasyon fotoğrafları turizm sitelerinin en büyük performans maliyetlerinden biridir. Bu nedenle görsellerin yüklenme davranışını sayfanın tasarım aşamasından itibaren planladık.
İlk ekranda kullanıcı tarafından doğrudan görülen kritik görseller ile sayfanın daha aşağısındaki içerikleri aynı şekilde yüklemek yerine önceliklendirme uyguladık. Hero alanındaki kritik kaynaklar erken yüklenirken ekran dışında kalan görseller lazy loading kullanılarak ihtiyaç anına bırakıldı.
WordPress tarafında da yalnızca ön yüzü optimize etmekle kalmadık. Gereksiz sorguları ve varsayılan WordPress yüklerini azaltacak düzenlemeler yaptık; listeleme sorgularında ihtiyaç olmayan sayım ve cache işlemlerini devre dışı bırakarak veri tabanı tarafındaki yükü de kontrol altında tuttuk.
Uygulanan performans çalışmalarından bazıları
- Kritik hero görsellerinde yükleme önceliği
- Ekran altındaki görsellerde lazy loading
- Web için optimize edilmiş görsel formatları
- Minify edilmiş Tailwind CSS çıktısı
- İhtiyaç dışı WordPress emoji ve oEmbed kaynaklarının kaldırılması
- WP_Query seviyesinde sorgu optimizasyonları
- Google Fonts bağlantılarında kaynak önceliklendirmesi
Arama motorlarının anlayabileceği içerik yapısı
SEO tarafında yalnızca sayfa başlığı ve açıklaması eklemekle yetinmedik. Tur sayfalarının yapısını arama motorlarının içerik ilişkilerini daha kolay okuyabileceği şekilde hazırladık.
Rank Math üzerinden temel teknik SEO yönetilirken tema seviyesinde seyahat acentesi ve tur içeriğine uygun Schema.org yapılandırılmış veri desteği oluşturuldu. Böylece destinasyon, tur ve firma bilgileri yalnızca ziyaretçiye gösterilen metinlerden ibaret kalmıyor; arama motorlarının işleyebileceği makine tarafından okunabilir bir veri katmanıyla da destekleniyor.
Güvenlikte mümkün olduğunca az bağımlılık
Özel geliştirme tercihimizin bir diğer nedeni de sistem üzerinde daha fazla kontrol sahibi olmaktı. Projede gereksiz eklenti bağımlılıklarını azaltarak hem bakım yüzeyini hem de üçüncü taraf kod miktarını sınırlandırdık.
Kullanıcıdan veya URL üzerinden gelen veriler WordPress’in sanitizasyon ve escaping mekanizmalarından geçirilerek işlendi. Kullanılmayan XML-RPC erişimi kapatıldı ve WordPress’in dışarıya açılan bazı varsayılan servisleri proje ihtiyacına göre sınırlandırıldı.
İçerik de sistemin bir parçasıydı
Yeşil Mola projesini yalnızca yazılım teslimi olarak ele almadık. Site içerisindeki tur anlatılarının, kategori yapısının, kurumsal güven unsurlarının ve blog içeriklerinin hangi sırayla gösterileceğini de kullanıcı yolculuğuyla birlikte planladık.
TÜRSAB belgesi, bölgesel deneyim ve yerel rehberlik gibi güven oluşturan bilgiler marka anlatısının içine yerleştirilirken; blog altyapısı firmanın destinasyonlar ve seyahat konusunda arama motorlarında uzun vadeli içerik üretebilmesine imkan verecek şekilde hazırlandı.
Ortaya çıkan sistem
Yeşil Mola Turizm projesinin sonunda içerik eklemek için geliştiriciye bağımlı olmayan, büyüdükçe yeni rota ve tur eklenebilen, mobil cihazlarda rahat kullanılan ve ziyaretçiyi doğrudan iletişim aksiyonuna taşıyan bir turizm platformu ortaya çıktı.
Proje, Mevox Digital’in WordPress’i yalnızca hazır tema kullanılan bir CMS olarak değil; doğru veri modeli ve özel geliştirmeyle işletmenin çalışma biçimine göre şekillendirilebilen bir altyapı olarak nasıl kullandığını gösteriyor.
Bizim için bu projedeki temel soru “site nasıl görünsün?” değil, “Yeşil Mola yeni bir tur oluşturduğunda bunu nasıl yönetsin ve o turu bulan ziyaretçi rezervasyona nasıl ulaşsın?” oldu. Tasarım ve teknoloji kararlarının tamamını bu akışın etrafında verdik.