Web sitesi · Sağlıklı yaşam stüdyosu · Kuzeydoğu İtalya
Persona Ambiente: arkasındaki kişi gibi konuşan bir site
Anna Predieri, kırk yılı aşkın bir araştırmanın ürünü olarak Tai Chi, ayak refleksolojisi, moksibüsyon ve Feng Shui’yi bir araya getiriyor. Web sitesini sıfırdan yeniden tasarladım, metinleri onunla birlikte yeniden yazdım, siteyi Google’da kolay bulunur hâle getirdim ve etkinliklerini kendisi yayınlayabilsin diye ona bir editör verdim.


Başlangıç noktası
Eski site lacivert ve siyahtı: temiz ama soğuk ve fazla kurumsal; Anna’nın broşürlerindeki ve insanlarla konuşma biçimindeki sıcak, sade tondan uzak. Bazı bilgiler de eskimişti: sitede hâlâ otuz yıl yazıyordu.
Neler geliştirdim
Önce bir görsel konsept, sonra site. Renk paleti Çin geleneğinin beş elementinden geliyor: su, ağaç, ateş, toprak ve metal. Hepsi sıcak krem bir zemin üzerinde, açık ve koyu temayla.
- On sayfa: her disiplin için bir sayfa, ayrıca Anna’nın hikâyesi, el yapımı eserleri, etkinlikler ve iletişim.
- Anna’yla birlikte, onun kelimeleri korunarak yeniden yazılan metinler. Tutarlı terimler hem okuyuculara hem de Google’a yardımcı olur.
- Danışanlarının video yorumları; yazılı dökümleri de sayfada.
- Yaklaşan, devam eden ve geçmiş etkinlikler olarak ayrılmış, afişleriyle bir etkinlikler sayfası.

Etkinliklerini kendisi yayınlıyor
Etkinlikler sitenin en sık değişen kısmı: kurslar, atölyeler, tematik günler. Başta kodun içindeydiler; yani her yeni tarih benden geçiyordu. Yeniden tasarımdan sonraki altı ayda, sitedeki 20 değişikliğin 13’ü etkinliklerdi.
Bu yüzden Anna’ya bir editör verdim. Etkinlikler artık Sanity’de duruyor; Anna’nın Google hesabıyla telefonundan açtığı bir içerik editörü:
- Afişi, tarihleri, yeri, açıklaması ve iletişim bilgileriyle bir etkinlik ekliyor, düzenliyor ya da kaldırıyor. Her alanın İtalyanca bir etiketi ve bir örneği var; zorunlu alanlar kontrol ediliyor, böylece hiçbir şey sayfa düzenini bozamıyor.
- Yayınladığında site kendini yeniden oluşturuyor: ölçümlere göre yeni etkinlik yaklaşık 72 saniyede yayında.
- Afişleri site kendisi yeniden boyutlandırıp dönüştürüyor; biten etkinlikler de her gece kendiliğinden arşive geçiyor.
- Editörün hiçbir maliyeti yok: Sanity’nin ücretsiz planı, sitenin ihtiyacının çok üzerinde.


Kolay bulunmak için tasarlandı
Arama motorları da insanların okuduğu siteyi okur; bu yüzden SEO yalnızca anahtar kelimelere değil, yapının kendisine işlendi: her sayfada tek ve net bir başlık, disiplinleri ve çalıştığı şehirleri adıyla anan açıklamalar, işini tanımlayan yapılandırılmış veriler, bir site haritası.
Sonra hız. Nisan ayındaki yeniden tasarımla ana sayfanın mobil performans puanı 67’den 99’a çıktı. Her sayfayı önceden oluşturan Astro’ya geçişle altı sayfa 100’e ulaştı; ana içerik de on sayfanın hepsinde daha erken görünüyor, ortalamada 1,47 saniyeden 1,10 saniyeye. Basit sayfalardaki JavaScript yaklaşık 86 KB’tan yaklaşık 3 KB’a indi. Her sayfa erişilebilirlik, en iyi uygulamalar ve SEO’da 100 puan alıyor.
Son olarak yerel taraf: Google İşletme Profili kuruldu ve yayında; böylece stüdyo, yakınlarda arama yapanlara Google Haritalar’da görünüyor.
Kaputun altında
- Astro
- Önceden oluşturulan React bileşenleri
- Sanity (içerik editörü)
- Tailwind CSS
- Yapılandırılmış veri (JSON-LD)
- WebP ve AVIF görseller
- Cloudflare Pages
- Google İşletme Profili
Canlı sitede, mobilde Lighthouse: her sayfada erişilebilirlik, en iyi uygulamalar ve SEO’da 100; performans altı sayfada 100, diğer dördünde 98.
