Sağlık alanında dijital bir platformun ilk görevi güven vermek. OceanHealth için hedefimiz, sağlık hizmetlerini ve ilgili bilgileri kullanıcıyı yormadan, sakin ve anlaşılır bir şekilde sunan bir web deneyimi oluşturmaktı.

Neler geliştirdik

  • Hizmet sayfaları: sunulan hizmetleri net başlıklar ve sade açıklamalarla anlatan içerik yapısı.
  • Bilgilendirici içerik: kullanıcıların aradığı bilgiye hızla ulaşabileceği düzenli bir bilgi mimarisi.
  • Duyarlı tasarım: masaüstünden mobile her ekranda tutarlı ve okunaklı bir arayüz.
  • İletişim ve talep formu: ziyaretçinin ihtiyacını birkaç alanda anlatıp doğrudan ilgili ekibe ulaştığı form.
  • İçerik yönetimi: sayfaların, görsellerin ve metinlerin yazılım bilgisi gerektirmeden panelden güncellenmesi.
  • SEO ve performans: arama motorlarına uygun sayfa yapısı, hızlı yüklenme ve optimize edilmiş görseller.

Adından ilham alan, okyanusun ferah ve sakin tonlarına dayanan bir renk paleti oluşturduk. Geniş boşluklar, okunaklı tipografi ve net çağrı alanlarıyla ziyaretçinin dikkatini dağıtmadan doğru içeriğe yönlendiren bir arayüz tasarladık.

Nasıl çalıştık

OceanHealth için önce içerik yapısını ve sayfa hiyerarşisini çıkardık. Tasarımı Figma'da ana sayfadan başlayarak tüm sayfa şablonlarına yaydık. Onaylanan tasarımı bileşen bileşen koda döktük, içerikleri girdik ve siteyi farklı ekran boyutlarında ve tarayıcılarda test ederek yayına aldık.

Teknik altyapı

Siteyi React ve Next.js ile geliştirdik; TypeScript kodun güvenilirliğini, Tailwind CSS arayüzün tutarlılığını sağlıyor. İçerik, Node.js ve MySQL üzerinde çalışan bir yönetim panelinden güncelleniyor. Sayfalar sunucu tarafında oluşturulduğu için site hızlı açılıyor ve arama motorlarında doğru şekilde dizinleniyor.

Sonuç

OceanHealth, sağlık hizmetlerini güven veren ve ferah bir dijital deneyimle sunan; her cihazda rahatça kullanılabilen bir web platformu oldu.