1001renkWEB STÜDYO
Esc
    ↑↓ gezin↵ açCtrlK her yerden aç1001renk.net
    Özel tasarım referansı

    Oyunagir.net

    Ücretsiz online okey ve batak salonu

    • Oyun
    • Okey
    • Dark
    Hizmet
    Tasarım + kodlama
    Tema
    Koyu
    Hız
    Lighthouse 95+
    98 Lighthouse Mobil uyumlu SEO hazır
    Genel bakış

    Oyunagir.net tasarım hikâyesi

    Oyunagir.net, 101 okey, klasik okey, koz maça ve ihaleli batağı tek salonda toplayan ücretsiz bir online oyun sitesi. Sohbetli masalar, ortak oyun içi Altın ve hazine masalarıyla kurulu bu yapıda amacımız, dört farklı oyunu tek bir tutarlı deneyimde birleştirmekti.

    Kategori
    Oyun
    Tema yapısı
    Koyu tema
    Kapsam
    Arayüz + kodlama
    Tipografi
    Poppins
    Düzen
    Mobil öncelikli
    Performans
    Lighthouse 95+ hedefi

    Renk paleti

    • #090C1D
    • #51536A
    • #CF9532
    • #8F6F4F
    • #F5CA70

    Tipografi

    Aa Poppins · 300 / 500 / 600 / 700

    Öne çıkanlar

    Tasarımın güçlü yanları

    Proje yazısı

    Proje künyesi

    • Alan adı: oyunagir.net
    • Proje türü: Online okey ve batak salonu
    • Görünüm: Koyu lacivert zemin, altın ve pembe vurgular, tilki maskotlu oyun kartları
    • Kapsam: Arayüz tasarımı ve kodlama

    Dört oyun, tek salon

    Okey ve batak oyuncuları genellikle farklı sitelerde, farklı hesaplarla oynar. Oyunagir.net'te bunu tek çatı altında topladık: tek hesap, tek oyun içi Altın ve bütün oyunlarda ortak rozetler. Ana sayfadaki "Hangi oyunu oynamak istersin?" bölümü dört oyunu yan yana koyuyor; her kartta oyuncu sayısı, taş ya da kart sayısı ve açık masa bilgisi küçük rozetlerle duruyor. Oyuncu hangi oyunun kendisine uygun olduğunu kartı okumadan, rozetlere bakarak anlıyor.

    Kartların her birinde oyunu oynayan tilki maskotu var. Okey taşları ve iskambil kâğıtlarıyla süslenen hero ile birlikte bu karakter, siteye kumarhane soğukluğu yerine samimi bir kahvehane sıcaklığı veriyor.

    Kuralları bilmeyen de masaya oturabilsin

    101 okeyin puanlaması ya da ihaleli batakta teklif kuralları, yeni gelen için en büyük engel. "Okey ve batak nasıl oynanır?" bölümünü sekmeli bir rehber olarak kurguladık: oyuncu sekmeden oyununu seçiyor, kurallar taşların dağıtılmasından eli bitirmeye kadar numaralı adımlarla açılıyor. Her oyunun sonunda bir puan özeti tablosu ve kısa bir ipucu kutusu var.

    Bu rehber arama motorları için de değerli: "101 okey nasıl oynanır" ya da "ihaleli batak kuralları" gibi aramalara doğrudan cevap veren, başlıklarla düzenlenmiş gerçek bir içerik.

    Hazine masaları ve haftalık kürsü

    Sitenin ayırt edici özelliği hazine masaları: "Kazanan hazineyi alır, Büyük Ödül herkese açık" başlıklı bölüm, masaya oturmaktan hazineyi almaya kadar akışı üç adımda anlatıyor. Haftalık kürsü, haftanın üstatları ve "Oynadıkça yüksel" seviye sistemi ise oyuncuya geri dönmek için bir neden veriyor. Masalarda canlı sohbet, hızlı mesajlar ve salon sohbeti de oyunun sosyal tarafını taşıyor.

    Oyun sitesi tasarlarken dikkat ettiklerimiz

    Oyun siteleri hızlı karar veren bir kitleye hitap eder. Oyunagir.net'te izlediğimiz ilkeler:

    • Misafir kapısını açık tutun. Kayıt olmadan göz atabilmek, oyuncunun siteyi denemeden terk etmesini önler.
    • Canlılığı gösterin. Çevrim içi oyuncu ve açık masa sayaçları, ziyaretçiye salonun boş olmadığını ilk saniyede anlatır.
    • Kuralları içerik olarak sunun. İyi yazılmış bir kural rehberi hem yeni oyuncuyu kazanır hem de arama trafiği getirir.

    Benzer bir oyun ya da topluluk sitesi için özel tasarım sürecimizi, gerçek zamanlı özellikler için gerçek zamanlı uygulama rehberimizi inceleyebilirsiniz.

    Bölüm bölüm

    Sayfa detayları

    01Oyunagir.net · içerik bölümü
    02Oyunagir.net · alt bölüm
    Teknik yaklaşım

    Hızlı, erişilebilir, aranabilir

    Ana sayfadaki yüzü aşkın görselin neredeyse tamamı WebP biçiminde; simgeler sayfa başına tek kez yüklenen bir SVG kümesinden çiziliyor. Kurum, site, sayfa yolu, oyun (VideoGame), SSS ve makale bilgileri yapılandırılmış veriyle işaretli; SSS yerel açılır bölümlerle çalışıyor.

    • Semantik HTML5
    • Mobil öncelikli CSS
    • Lazy yükleme + srcset
    • Schema işaretlemeleri
    • Açık/koyu tema
    • Erişilebilir odak durumları

    Benzer bir proje mi istiyorsun?

    Fikrini anlat; 24 saat içinde dönüş yapıp ücretsiz keşif görüşmesi ayarlayalım.

    Çalışma şekli

    Bu proje nasıl ilerledi

    1. KeşifHedef kitle, rakip ve içerik analizi yapıldı.
    2. TasarımFigma'da ana sayfa ve iç sayfalar çizildi.
    3. KodlamaTemiz, hızlı ve erişilebilir kodla hayata geçirildi.
    4. YayınSEO ve hız kontrolleriyle canlıya alındı.
    Keşfetmeye devam et

    Diğer referanslar

    ÜCRETSİZ KEŞİF

    Projen için premium bir tasarım ister misin?

    Fikrini anlat, 24 saat içinde dönüş yapalım. Keşif görüşmesi ve ilk teklif ücretsiz.