İçeriğe geç

Platform / web uygulaması

Chessinside

Özel ve grup satranç derslerini yaş ve seviyeye göre sunan, eğitmenlerini tanıtan ve ders satışını çevrim içi alan iki dilli bir satranç okulu platformu.

Müşteri
Chessinside
Yapım
Sektör
Eğitim
Teknoloji
WordPress, WooCommerce, WPML, WPBakery

Neler yaptık

Chessinside ana sayfası: video arka plan üzerinde Believe In Moves başlığı, About Us ve Our Trainers butonları, masaüstü görünüm
Chessinside mobil ana sayfa: logo, menü butonu ve Believe In Moves başlığı

Bir satranç okulunu ekrana taşımak

Çevrim içi bir satranç okulunu seçen veli ya da oyuncu üç şeyi bilmek ister: hangi derse uygun olduğunu, dersi kimin vereceğini ve nasıl kayıt olacağını. Chessinside’da yapıyı bu üç soru üzerine kurduk. Menüde özel dersler, grup dersleri ve eğitmenler ayrı başlıklar olarak duruyor. Grup derslerini çocuklar için Standart, Custom ve Intensive, yetişkinler için hobi ve turnuva odaklı programlar olarak beş karta ayırdık. Böylece ziyaretçi yaşına ve hedefine uyan programı ilk bakışta buluyor. Ana sayfada ücretsiz deneme dersi, interaktif eğitim, sertifikalı eğitmenler ve uygun fiyat dört kısa kutuda özetleniyor. Eğitmenlerin özgeçmişleri ve tanınmış satranççıların yorumları da güven veren bir bölüm olarak sayfada yer alıyor.

Chessinside ana sayfasında dört avantaj kutusu ve satranç atı görselli Private Lessons bölümü, masaüstü görünüm
Chessinside mobil görünüm: satranç atı görseli ve Private Lessons tanıtımı

Siyah zemin, altın sarısı ve satranç taşları

Görsel dili satrancın kendisinden aldık. Ana sayfa, koyu zemin üzerinde mavi parçacıklardan oluşan bir at figürünün yer aldığı bir videoyla açılıyor. Logodaki altın sarısını butonlarda, başlık altı çizgilerinde ve avantaj kutularının başlıklarında vurgu rengi olarak kullandık. Başlıklarda klasik, tırnaklı bir yazı karakteri tercih ettik, açıklamalarda ise aralıklı ve sade bir yazı karakteriyle okunurluğu koruduk. Menü başlıklarının yanındaki küçük piyon ikonları ve avantaj kutularındaki satranç taşı simgeleri sitenin her yerinde konuyu hatırlatıyor. Özel ve grup dersi bölümlerini büyük siyah beyaz taş fotoğraflarıyla dönüşümlü yerleştirdik. Mobilde menü tek butona toplanıyor, program kartları tam genişlikte alt alta diziliyor ve WhatsApp butonu her ekranda ulaşılabilir kalıyor.

Chessinside grup dersi programları: çocuklar ve yetişkinler için beş fotoğraflı program kartı ve Our Trainers başlığı, masaüstü görünüm
Chessinside mobil görünüm: alt alta dizilen Standart, Custom, Intensive ve As A Hoby program kartları

Ders satışı, iki dil ve özel yönetim paneli

Platformu WordPress üzerine kurduk, sayfa düzenlerini WPBakery ile hazırladık. Dersler WooCommerce ile satışa açıldı: öğrenciler hesap oluşturup sepetten ders alabiliyor, bir döviz seçici de fiyatların farklı para birimlerinde gösterilmesini sağlıyor. WPML ile site Türkçe ve İngilizce yayında, dil değişimi menüdeki TR ve EN bağlantılarından yapılıyor. Derslerin Zoom üzerinden ve lichess.com tahtasında işlendiği bilgisi ders sayfalarında anlatılıyor, bir blog bölümü de içerik paylaşımı için ayrıldı. Chessinside için siteye özel bir yönetim paneli de hazırladık. Ders programlarını ve fiyatlarını güncellemek, yeni eğitmen eklemek, blog yazıları yayınlamak ve iki dildeki içerikleri düzenlemek bu panelden yapılabiliyor. Aynı alanda daha yeni bir işimiz olan ChessDuello da oyunlaştırılmış bir satranç eğitim uygulamasını tanıtıyor.

  • Chessinside ana sayfası: video arka plan üzerinde Believe In Moves başlığı, About Us ve Our Trainers butonları, masaüstü görünüm
  • Chessinside ana sayfasında dört avantaj kutusu ve satranç atı görselli Private Lessons bölümü, masaüstü görünüm
  • Chessinside grup dersi programları: çocuklar ve yetişkinler için beş fotoğraflı program kartı ve Our Trainers başlığı, masaüstü görünüm
  • Chessinside mobil görünüm: alt alta dizilen Standart, Custom, Intensive ve As A Hoby program kartları
  • Chessinside mobil görünüm: satranç atı görseli ve Private Lessons tanıtımı
  • Chessinside mobil ana sayfa: logo, menü butonu ve Believe In Moves başlığı