1001renkWEB STÜDYO
Esc
    ↑↓ gezin↵ açCtrlK her yerden aç1001renk.net
    Özel tasarım referansı

    Antalya Tüccarlar Derneği

    ANTESE · günlük hal fiyatları ve dernek portalı

    • Kurumsal
    • Dernek
    • Açık
    Hizmet
    Tasarım + kodlama
    Tema
    Açık
    Hız
    Lighthouse 95+
    98 Lighthouse Mobil uyumlu SEO hazır
    Genel bakış

    Antalya Tüccarlar Derneği tasarım hikâyesi

    Antalya Tüccar ve Esnaflar Dayanışma Derneği (ANTESE), Antalya toptancı halindeki tüccarların derneği. Sitenin asıl işi her gün güncellenen hal fiyatlarını yayımlamak; bu yüzden tasarımı bir dernek tanıtım sayfasından çok, günlük kullanılan bir fiyat panosu olarak kurguladık.

    Kategori
    Kurumsal
    Tema yapısı
    Açık tema
    Kapsam
    Arayüz + kodlama
    Tipografi
    Poppins
    Düzen
    Mobil öncelikli
    Performans
    Lighthouse 95+ hedefi

    Renk paleti

    • #F9FAFA
    • #195032
    • #CED4D1
    • #6C8D74
    • #925925

    Tipografi

    Aa Poppins · 300 / 500 / 600 / 700

    Öne çıkanlar

    Tasarımın güçlü yanları

    Proje yazısı

    Proje künyesi

    • Alan adı: antalyatuccarlardernegi.com
    • Proje türü: Dernek sitesi ve günlük hal fiyatları
    • Görünüm: Açık zemin, koyu yeşil ve turuncu vurgular
    • Altyapı: PHP 8, PDO ve MySQL ile özel yazılım; yönetim paneli
    • Kapsam: Arayüz tasarımı, kodlama ve yönetim paneli

    Günün özeti ilk ekranda

    Hal fiyatlarını takip eden bir tüccarın sabah ilk sorusu bellidir: bugün ne değişti? Hero'nun sağına yerleştirdiğimiz özet kartı bu soruyu sayfayı kaydırmadan cevaplıyor: günün tarihi, listelenen ürün sayısı, fiyatı yükselen ve fiyatı düşen ürün sayısı. Altındaki düğmeler doğrudan bugünün fiyat listesine ya da dernek sayfasına götürüyor. Sayfanın en üstündeki duyuru bandı da aynı kısayolu her sayfada sunuyor.

    Fiyat listesi: okunabilir, aranabilir, indirilebilir

    Fiyat tablosu sitenin kalbi. Her satırda ürün, bugünkü fiyat, dünkü fiyat, yüzde değişim ve birim yer alıyor; değişim yükselişte yeşil, düşüşte kırmızı rozetle gösteriliyor. Fiyatlar tek bir sayı yerine en düşük ve en yüksek değerden oluşan bir aralık olarak girilebiliyor; yükseliş ya da düşüş bu aralığın ortasından hesaplanıyor. Tablonun üstündeki arama kutusu ve tarih seçici, geçmiş günlerin fiyatlarına ulaşmayı kolaylaştırıyor.

    Tüccarların fiyatları başka yerlerde de kullandığını bildiğimiz için tabloyu Excel ve PDF olarak indirilebilir yaptık. Excel dosyasında en düşük ve en yüksek fiyat ayrı sütunlarda; PDF'te ise Türkçe karakterlerin her cihazda doğru görünmesi için yazı tipi belgenin içine gömülü.

    Fiyatın ötesinde: dernek ve hal gündemi

    Ana sayfanın devamında derneğin hikâyesi, yönetim kurulu ve "Hal Gündemi" başlıklı yazılar var. Toptancı hallerinde dijitalleşme, soğuk zincir, künye uygulaması, hal hakem heyetleri ve komisyoncu ile tüccar arasındaki fark gibi konular, sektörün güncel sorularına cevap veriyor. Üyelik evrakları, başvuru formu ve faydalı numaralar da üst bantta ve sayfa sonunda hazır.

    Veri odaklı kurumsal sitelerde öğrendiklerimiz

    ANTESE, bir kurumsal sitenin günlük kullanılan bir araca nasıl dönüşebileceğini gösterdi:

    • En çok kullanılan veriyi ilk ekrana koyun. Ziyaretçinin her gün geldiği şey fiyatlarsa, dernek tanıtımı ikinci planda kalmalı.
    • Veriyi taşınabilir yapın. Excel ve PDF çıktısı, sitenin dışında da kullanılan bilgiyi yeniden yazma zahmetinden kurtarır.
    • Değişimi renkle anlatın. Yeşil ve kırmızı rozetler, uzun bir tabloda önemli satırları göz gezdirirken bile yakalatır.

    Kurumsal ya da veri odaklı bir site planlıyorsanız özel tasarım sürecimizi, PHP tarafında güvenli sorgu yazımı için PDO rehberimizi inceleyebilirsiniz.

    Bölüm bölüm

    Sayfa detayları

    01Antalya Tüccarlar Derneği · içerik bölümü
    02Antalya Tüccarlar Derneği · alt bölüm
    Teknik yaklaşım

    Hızlı, erişilebilir, aranabilir

    Site çerçevesiz PHP 8, PDO ve MySQL ile yazıldı; günlük fiyatlar ve haberler sitenin kendi yönetim panelinden giriliyor. PDF çıktısı harici kütüphane kullanmadan, gömülü yazı tipiyle üretiliyor. Adresler sade ve okunabilir; kurum ve site bilgileri yapılandırılmış veriyle işaretli.

    • Semantik HTML5
    • Mobil öncelikli CSS
    • Lazy yükleme + srcset
    • Schema işaretlemeleri
    • Açık/koyu tema
    • Erişilebilir odak durumları

    Benzer bir proje mi istiyorsun?

    Fikrini anlat; 24 saat içinde dönüş yapıp ücretsiz keşif görüşmesi ayarlayalım.

    Çalışma şekli

    Bu proje nasıl ilerledi

    1. KeşifHedef kitle, rakip ve içerik analizi yapıldı.
    2. TasarımFigma'da ana sayfa ve iç sayfalar çizildi.
    3. KodlamaTemiz, hızlı ve erişilebilir kodla hayata geçirildi.
    4. YayınSEO ve hız kontrolleriyle canlıya alındı.
    Keşfetmeye devam et

    Diğer referanslar

    ÜCRETSİZ KEŞİF

    Projen için premium bir tasarım ister misin?

    Fikrini anlat, 24 saat içinde dönüş yapalım. Keşif görüşmesi ve ilk teklif ücretsiz.