Yoga stüdyosu web sitesi şablonu

Çoğu kişi siteye kısa bir soru listesiyle gelir:

• Hangi dersleri sunuyorsunuz
• Dersler ne zaman
• Stüdyo nerede
• Ücret ne kadar
• Başlangıç seviyesi için uygun mu
• Burada kimler ders veriyor

Siteniz, insanları menüler arasında dolaştırmadan bu soruları yanıtlamalıdır.

Bir yoga stüdyosu için ana dönüşüm genellikle ders rezervasyonu, tanıtım paketi satın alma veya doğrudan bilgi talebi olur. Bu yüzden ana sayfa, sonraki adımı erken göstermelidir: programı görüntüle, ders ayırt, tanıtım paketini satın al veya stüdyoyla iletişime geç.

Güven de önemlidir. Net eğitmen profilleri, sakin bir görsel dil ve dürüst ders açıklamaları, insanların stüdyonun seviyelerine ve hedeflerine uygun olup olmadığını değerlendirmesine yardımcı olur.

Küçük bir stüdyo sitesi genellikle basit bir yapı ile en iyi sonucu verir.

• Ana sayfa: kısa tanıtım, ana ders türleri, çağrı butonu ve sonraki adıma hızlı bir bakış
• Dersler: vinyasa, hatha, yin, prenatal veya başlangıç dersleri gibi stilleri açıklayın
• Program: gün ve saat bilgileri net olan ders takvimi veya rezervasyon bağlantısı
• Fiyatlar: tanıtım paketi, tek ders, ders paketleri, üyelikler ve insanların bilmesi gereken koşullar
• Eğitmenler: kısa biyografiler, eğitim geçmişi ve öğretim yaklaşımı
• Hakkında: stüdyonun hikâyesi, atmosferi, alanın kimlere uygun olduğu
• İletişim: harita, adres, telefon, e-posta, çalışma saatleri, park veya ulaşım notları

Kullanışlı ana sayfa bölümleri genellikle şunları içerir:

• Tek net aksiyonlu hero alanı
• Tanıtım paketi bandı
• Ders genel bakış kartları
• Eğitmen öne çıkanları
• Stüdyo fotoğrafları
• Kullanma izniniz varsa referanslar
• Yeni başlayanların sık soruları için SSS
• İletişim ve konum bloğu

Stüdyonun atölyeleri, retreat’leri veya özel dersleri varsa, bunları ana sayfada sıkıştırmak yerine ayrı bir bölüm ekleyin.

Yoga stüdyosu metinleri en iyi sakin, doğrudan ve spesifik olduğunda çalışır. İnsanların ihtiyaç duyduğu pratik ayrıntıları gizleyen muğlak “wellness” dili kullanmaktan kaçının.

Kullanışlı metin örnekleri:

• her dersin kimlere uygun olduğu
• beklenen tempo veya yoğunluk
• başlangıç seviyesinin kabul edilip edilmediği
• yanınıza ne getirmeniz gerektiği
• ne kadar erken gelmeniz gerektiği
• mat ve aksesuarların sağlanıp sağlanmadığı

Fiyatlandırmada rakamları açıkça yazın. Bir tanıtım paketi varsa, neleri kapsadığını ve ne zaman sona erdiğini belirtin.

Fotoğraflar, ziyaretçinin gerçek deneyimi zihninde canlandırmasına yardımcı olmalıdır. Şunları kullanın:

• doğal ışıkta stüdyo alanı
• küçük grup ders sahneleri
• sadece poz verilmiş portreler yerine ders anlatan eğitmenler
• konumun bulunması zorsa resepsiyon alanı veya giriş

Görsellerin, hizmet verdiğiniz hedef kitleyle uyumlu olmasına dikkat edin. Dersleriniz başlangıç seviyesine odaklanıyorsa, görseller stüdyoyu yalnızca ileri seviye uygulayıcılar içinmiş gibi göstermemelidir.

Çoğu yoga stüdyosu için birkaç pratik özellik, uzun bir ekstra listesinden daha faydalıdır.

• Rezervasyon bağlantısı veya ders kayıt akışı: ziyaretçiyi incelemeden rezervasyona geçirmek için
• Stripe ödemeleri: tanıtım paketleri, tek dersler, ders paketleri, üyelikler, atölyeler veya hediye kartları satmak için
• İletişim formu: başlangıç soruları, özel dersler, kurumsal dersler veya stüdyo kiralama talepleri için
• Harita ve adres bilgileri: yerel keşif ve ilk ziyaretler için özellikle önemlidir
• E-posta aboneliği: program güncellemeleri, atölyeler ve sezonluk teklifler için yararlı

Moremade; Stripe ödemeleri, Resend veya SendGrid üzerinden e-posta ve veritabanı, giriş ve dosya depolama için Supabase ile yerleşik bağlantılar içerir. Sitenizin ileride yapay zekâ destekli özelliklere ihtiyacı olursa, Moremade ayrıca OpenAI, Claude ve Gemini bağlantılarını da destekler.

Her stüdyonun ilk günden üye hesabına ihtiyacı yoktur. Çoğu durumda, net bilgi ve bir rezervasyon yolu sitenin ilk sürümü için yeterlidir.

Moremade, web siteleri ve mobil uygulamalar için bir AI stüdyosudur. Bir yoga stüdyosu web sitesi için temel akış oldukça basittir.

• Siteyi sade bir dille anlatın
• AI ajanı kaynak kodu yazar
• Canlı önizlemeyi inceleyin
• Sohbette değişiklik isteyin
• Hazır olduğunda yayına alın

Web sitesi çıktısı gerçek React ve Tailwind kodudur. Öğeleri görsel olarak inceleyebilir, kod görünümünde düzenleyebilir ve ücretli planlarda sürüm geçmişini kullanabilirsiniz. Dosyaları isterseniz, tam kaynak kodunu istediğiniz zaman ZIP olarak dışa aktarabilir veya GitHub’a gönderebilirsiniz.

Ücretsiz yourname.moremade.ai alt alan adına tek tıkla yayın yapabilirsiniz. Ücretli planlar özel alan adlarını destekler ve alan adları Moremade içinde de satın alınabilir.

Bu, bir şablon yapısıyla başlayıp ardından ders açıklamalarını, eğitmen biyografilerini, renkleri, görselleri ve çağrı butonlarını sayfaları elle yeniden oluşturmadan sohbet ederek iyileştirmek istediğinizde kullanışlıdır.

Yayınlamadan önce temel noktaları kontrol edin.

• Ders adları, saatleri ve eğitmen adları doğru mu
• Fiyatlar gerçekten sattığınız şeyle eşleşiyor mu
• Tüm ana butonlar doğru yere gidiyor mu
• İletişim formu doğru e-posta adresine mi gönderiyor
• Telefon numarası, adres ve harita pini doğru mu
• Mobil düzen okunması ve dokunulması kolay mı
• Görseller düzgün yükleniyor ve uygun boyutlarda mı
• Başlık etiketleri ve sayfa açıklamaları dolduruldu mu
• Ana sayfa, başlangıç seviyesinin kabul edilip edilmediğini açıklıyor mu
• Gerekirse yasal ve politika sayfaları eklendi mi

Geçici bir alt alan adıyla başlıyor olsanız bile, tam akışı inceleyebilir, geri bildirim toplayabilir ve ana alan adınızı daha sonra ücretli planda bağlayabilirsiniz.