İçeriğe geç

Kampanya / tanıtım sitesi

ChessDuello

Oyunlaştırılmış bir satranç eğitim uygulamasını tanıtan, Türkçe ve İngilizce çalışan, etkinlik ve kamp kayıtlarını da alan bir tanıtım sitesi.

Müşteri
ChessDuello
Yapım
Teknoloji
WordPress, WooCommerce, WPML, WPBakery

Neler yaptık

ChessDuello ana sayfası: Türkiye'nin İlk Oyunlaştırılmış Satranç Eğitim Uygulaması başlığı, App Store ve Google Play butonları ve eğik duran telefon ekranı, masaüstü görünüm
ChessDuello mobil ana sayfa: uygulama ekranları, turkuaz vurgulu başlık ve uygulama mağazası butonları

Bir mobil uygulamayı indirmeye değer kılmak

Bir mobil uygulamanın tanıtım sitesinin tek bir işi var: ziyaretçiyi uygulamayı indirmeye ikna etmek. ChessDuello’da sayfayı bu karara giden soruların sırasına göre kurduk. İlk ekranda uygulamanın ne olduğu tek cümleyle söyleniyor, hemen altında App Store ve Google Play butonları duruyor. Ardından Puzzle Düello, yapay zekâ destekli eğitim modülü, haftalık turnuvalar ve etkinlikler kısa açıklamalarla anlatılıyor. Nasıl Çalışır bölümü süreci indir, hesap oluştur ve oynamaya başla adımlarına indiriyor. Hakkında, sıkça sorulan sorular ve fiyatlandırma tek sayfada menüden kaydırarak ulaşılan bölümler hâlinde toplandı. Satranç kampı gibi etkinlikler ise ayrı bir sayfada kayda açılıyor. Uzaktan satranç dersleri veren Chessinside için de benzer bir kitleye seslenen bir platform tasarlamıştık.

ChessDuello Özellikler bölümü: ortada satranç tahtalı telefon, sağda Puzzle Düello, Eğitim Modülü, Turnuvalar ve Etkinlikler açıklamaları, masaüstü görünüm
ChessDuello mobil Özellikler bölümü: satranç tahtalı telefon ekranı ve açıklama metni

Koyu zemin, turkuaz vurgu ve öne çıkan uygulama ekranları

Tasarımın merkezine uygulamanın kendisini koyduk. Koyu, neredeyse siyah bir zemin üzerinde telefon görselleri ve gerçek uygulama ekranları ön plana çıkıyor: sıralama tablosu, eşleşmeler, satranç tahtası ve maç sonucu. Logonun turkuaz rengini başlıklarda, ikonlarda, butonlarda ve menü yazılarında tekrar ederek tek bir vurgu rengiyle tutarlı bir görünüm elde ettik. Başlıklarda kalın ve iri bir yazı karakteri, açıklamalarda daha ince ve okunaklı bir metin kullandık. Nasıl Çalışır adımlarını büyük turkuaz rakamlarla numaralandırdık. Mobilde menü tek bir butona toplanıyor, telefon görselleri metnin üzerine taşınıyor ve uygulama mağazası butonları başparmakla rahat basılacak boyutta duruyor.

ChessDuello Nasıl Çalışır bölümü: üç numaralı adım, sıralama ve eşleşme ekranlı iki telefon ve uygulama mağazası butonları, masaüstü görünüm
ChessDuello mobil görünüm: maç sonucu ekranı ve üç numaralı başlangıç adımları

İki dil, etkinlik satışı ve özel yönetim paneli

Siteyi WordPress üzerine kurduk, sayfa düzenlerini WPBakery ile oluşturduk. WPML ile site Türkçe ve İngilizce yayında, dil seçimi menüdeki bayraklardan yapılıyor. Satranç kampı gibi etkinlikleri WooCommerce ile ürün olarak tanımladık. Farklı seçeneklere göre değişen fiyatlarla kayıt sepetten alınıyor, ödeme altyapısında iyzico kullanılıyor. Menüdeki bağlantılar sayfa içi bölümlere yumuşak bir kaydırmayla gidiyor, bir blog bölümü de satranç içerikleri için ayrıldı. İletişim formu Contact Form 7 ile çalışıyor. ChessDuello için siteye özel bir yönetim paneli de hazırladık. Yeni etkinlik ve kamp eklemek, fiyatlandırma bölümünü güncellemek, blog yazılarını ve iki dildeki metinleri düzenlemek bu panelden yapılabiliyor. Benzer bir uygulama tanıtımı için hizmetlerimize göz atabilirsiniz.

  • ChessDuello ana sayfası: Türkiye'nin İlk Oyunlaştırılmış Satranç Eğitim Uygulaması başlığı, App Store ve Google Play butonları ve eğik duran telefon ekranı, masaüstü görünüm
  • ChessDuello Özellikler bölümü: ortada satranç tahtalı telefon, sağda Puzzle Düello, Eğitim Modülü, Turnuvalar ve Etkinlikler açıklamaları, masaüstü görünüm
  • ChessDuello Nasıl Çalışır bölümü: üç numaralı adım, sıralama ve eşleşme ekranlı iki telefon ve uygulama mağazası butonları, masaüstü görünüm
  • ChessDuello mobil görünüm: maç sonucu ekranı ve üç numaralı başlangıç adımları
  • ChessDuello mobil Özellikler bölümü: satranç tahtalı telefon ekranı ve açıklama metni
  • ChessDuello mobil ana sayfa: uygulama ekranları, turkuaz vurgulu başlık ve uygulama mağazası butonları