İletişim[email protected]

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.

Siteyi ziyaret edin

Bilgisayarda Persona Ambiente ana sayfası: “Sağlık ve iyi oluşun kadim sanatlarında 40 yılı aşkın araştırma”, Anna’nın bir portresiyle
Telefonda açık Sanity editörü: afişiyle birlikte bir etkinlik
Etkinlik editörü

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ı.
Bilgisayarda Persona Ambiente’nin Feng Shui danışmanlıkları sayfası, bagua diyagramıyla
Her disiplin için bir sayfa: burada Feng Shui danışmanlıkları.

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.
Telefonda açık Sanity editörü: başlığı, alt başlığı ve afişiyle Armonizzazione Posturale etkinliği
Telefonda personaambiente.it etkinlikler sayfası: aynı etkinlik “In corso” başlığı altında
Solda Anna’nın telefonundaki editör. Sağda, yayınladıktan yaklaşık bir dakika sonra sitedeki aynı etkinlik.

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.

İletişim

Düzeltilecek bir süreciniz ya da aklınızda bir ürün mü var?

Bana iki satır yazın. İlk görüşme ücretsiz; amacı benim işimi size satmak değil, sizin işinizi anlamak.

Ya da beni LinkedIn’de bulun