Kişisel Web

Diyetisyen Esin Uzun

Diyetisyen tanıtımı, danışmanlık hizmetleri, blog ve online randevu talebini bir araya getiren içerik yönetimli web sitesi.

Yayında

Diyetisyen Esin Uzun sitesinin “Danışmanlık hizmetleri” bölümü
Diyetisyenin yaklaşımını ve danışmanlık hizmetlerini tanıtan ana sayfa.

Genel bakış

Diyetisyen Esin Uzun için hazırlanan site; tanışma ve hakkımda bölümleri, danışmanlık hizmetleri, online danışmanlık, sık sorulan sorular, blog yazıları ve kaynaklardan seçilen yazılarla diyetisyenin yaklaşımını tanıtıyor.

Ziyaretçi kısa iletişim formuyla başlayıp yedi adımlı anamnez formunu tamamladığında randevu talebi oluşuyor ve talep yönetim panelinde durumuyla takip ediliyor. Sitedeki metinler, hizmetler, sık sorulan sorular, blog ve bölüm düzeni bu panelden güncelleniyor.

Kimin için
Beslenme danışmanlığı almak ve randevu talebi oluşturmak isteyen danışan adayları; içerikleri güncelleyen diyetisyen.
Çözdüğü ihtiyaç
Diyetisyenin hizmetlerini ve yaklaşımını tek yerde anlatmak, randevu taleplerini ön bilgileriyle birlikte toplamak ve içerikleri panelden güncelleyebilmek.

Benim rolüm

Siteyi kapsamın belirlenmesinden yayına kadar geliştirdim. Ziyaretçi tarafını hazır bir çerçeve kullanmadan HTML, CSS ve JavaScript ile kurdum; içerik, Node.js ve Express ile yazdığım API’den gelip sayfalarda yerine yerleşiyor. Veriler SQLite’ta tutuluyor; içerik bölümlerini ekleme, düzenleme, sıralama ve gizleme işlemleriyle yönetim panelinden yönetilebilir hâle getirdim.

Randevu akışında kısa formun kayıt açmadan anamnez formuna aktarılmasını, sağlık yanıtlarının açık rızayla ve şifrelenerek kaydedilmesini, tahlil eklerinin herkese açık olmayan bir klasörde tutulmasını sağladım. Panelde renk paleti, yazı boyutları ve profil fotoğrafının görünümü canlı önizlemeyle ayarlanabiliyor; sunucu kurulumu ve yayına alma da bu işin parçasıydı.

Öne çıkan özellikler

  • Tanıtım

    Uzmanlık alanları, eğitim bilgileri ve sertifikalar tek sitede sunuluyor.

  • Hizmetler

    Beslenme danışmanlığı alanları ayrı bir bölümde bir arada gösteriliyor.

  • Randevu talebi

    Ziyaretçi kısa formla başlıyor, anamnez formuyla randevu talebini tamamlıyor.

  • Yönetim paneli

    İçerikler, site görünümü ve ana sayfa bölümleri panelden yönetiliyor.

Sitenin içinde ne var?

Ekran görüntüleri sitenin kendisinden alınmıştır; temsili tasarım değildir.

Neden böyle kuruldu?

  1. Kısa form kayıt açmıyor

    Kısa iletişim formu veritabanına yazılmıyor, bilgileri anamnez sayfasına taşıyor; böylece yarım kalan ya da sahte talepler kayıt oluşturmuyor.

  2. Talep ve anamnez tek işlemde

    Randevu talebi ile anamnez kaydı aynı veritabanı işleminde oluşuyor; biri yazılıp diğeri eksik kalmıyor.

  3. Sağlık verisi ayrı korunuyor

    Anamnez yanıtları açık rıza alınarak ve şifrelenerek saklanıyor; tahlil ekleri yayımlanmayan bir klasörde duruyor, anamnez sayfası önbelleğe alınmıyor ve arama motorlarına kapalı.

  4. Tasarımı koruyan seçenekler

    Renkler serbest kod yerine hazır paletlerden, yazı boyutları bölüm bazında seçiliyor; içerik değişirken tasarımın bozulmaması amaçlandı.

  5. Uygulama yalnızca içeriden dinliyor

    Sunucu uygulaması dışarıya doğrudan açılmıyor, yayın HTTPS sağlayan ters vekil üzerinden yapılıyor; böylece HTTPS atlanamıyor.

Teknoloji yığını

Backend

  • Node.js
  • Express
  • SQLite

Web

  • JavaScript
  • HTML
  • CSS

Teslim

Site; diyetisyenin tanıtımını, uzmanlık alanlarını, eğitim bilgilerini, beslenme danışmanlığı hizmetlerini ve blog yazılarını bir araya getiriyor. Ziyaretçi danışmanlıkları inceleyip kısa form ve anamnez formuyla randevu talebi oluşturabiliyor; talepler yönetim panelinde durumlarıyla takip ediliyor. İçerikler, hizmetler, sık sorulan sorular, blog yazıları, site görünümü ve ana sayfa bölümlerinin sırası ile görünürlüğü yönetim panelinden düzenlenebiliyor. Site diyetisyenesinuzun.com.tr adresinde yayında.

Siteyi aç

İletişim

Aklınızdaki uygulamayı birlikte planlayalım.

Fikrinizi birkaç cümleyle anlatın; ihtiyacınızı netleştirip izleyebileceğimiz yolu birlikte konuşalım.