Hero bölümünü sade & profesyonel tut

· Oct. 26, 2025

amamlanan projelerde hikâye anlatımı

Tamamlanan kartların detay sayfasında şunlar bulunsun:

Özet (ne yapıldı, nerede, kimlere ulaşıldı)

Sayısal sonuç (aile sayısı, öğrenci sayısı, dağıtılan hayvan vb.)

Albüm (3–6 fotoğraf)

Teşekkür notu (bağışçılara)

“Benzer projeler” (aşağıda 3 kart)

6) Görsel düzen & okunabilirlik

Kartlar 2 sütun (desktop), 1 sütun (mobil).

Boşluklar: kartlar arası 24 px, bölüm başlık altı 16–20 px.

Metin uzunlukları: başlık 60–70 karakteri geçmesin; özet 160–180 karakter.

7) Performans & düzenli bakım

Görselleri sıkıştır (TinyPNG/TinyJPG).

Proje listesi çoksa tamamlanan tarafında sayfalama şart.

Her yeni proje eklerken:

Doğru kategori

Kırpılmış görseller

Kısa özet

Tarih

(Varsa) Hedef & toplanan

8) Hızlı kontrol listesi (uygulama sırası)

Canva’da tüm görselleri standart oranlara kırp ve yeniden yükle.

Kategorileri oluştur: Devam Eden / Tamamlanan.

Projeleri ilgili kategorilere taşı, eksik özet/tarihleri doldur.

Proje sayfasında üst filtre + iki kolon planına göre yerleştir.

Tamamlanan listesine sayfalama ekle.

Kart içeriklerini tek tip hale getir (başlık/özet/görsel oranı aynı).

Hero başlık & CTA’ları kısalt, görseli siyah degrade ile okunur yap.

İlerleyişini ekrana alıp at:

(1) Hero görsel — kırpıp yeniden koyduktan sonra görünüm

(2) Sol “Devam Eden”, sağ “Tamamlanan” iki kolon düzeni

(3) Bir proje kartının örnek içeriği (başlık/özet/ilerleme/tarih)

Her adımda birlikte törpüleriz.

Şunu dedin:
3 satır özetle
ChatGPT:

1️⃣ Görsellerini sabit oranlarda kırp (hero 1920×860, kartlar 1200×900) ki taşma olmasın ve yazılar okunaklı kalsın.
2️⃣ Projelerini admin’de Devam Eden ve Tamamlanan olarak kategorilere ayır, her karta kısa özet ve tarih ekle.
3️⃣ Sayfada iki kolon yapısı (solda aktif, sağda tamamlanan), her kartta başlık–özet–görsel–“Devamını Oku” butonu bulunsun.

Gallery

Beneficiary Comments

...existing comments...