Bir belediye iştiraki şirket için elimizin yoğunluğundan dolayı UI/UX tasarımcı arayışımız mevcuttur. İlk başta 2 ana sayfa tasarlanacak olup sonrasında seçilen tasarıma göre kalan sayfalar için anlaşma sağlayacağız. Tasarımcı tüm tasarım sürecini Figma üzerinden yürütecek olup Figma Web üzerinden anlık revizeler alabilecek olmalıdır. Muğla veya İzmir'de yaşayan, referans gösterebilen tasarımcılar önceliğimizdir. Detaylı bilgi görüşme esnasında verilecektir.

Amaç
Mevcut web sitesinin, kurumun vizyonu ve güncel faaliyetlerini yansıtacak şekilde modern, kullanıcı dostu ve etkileşimli bir yapıya kavuşturulması hedeflenmektedir. Yeni site, çalışmaları, yayınlarını ve verilerini şeffaf, erişilebilir ve anlaşılır biçimde kamuoyuyla paylaşmayı amaçlamaktadır.
  • Yeni web sitesinin ana hedefi, ziyaretçilerin ilk 30 saniyede güncel çalışmaları, projelerini ve ürettiği değeri hızlı ve net bir şekilde görebilmesini sağlamaktır.
Projenin Genel Hedefleri
  • Kullanıcı deneyimi (UX) ve arayüz tasarımı (UI) odaklı bir yapıya sahip olacak,
  • Mobil cihazlara tam uyumlu (responsive) şekilde tasarlanacak,
  • Erişilebilirlik standartlarına (WCAG 2.1 AA) uygun geliştirilecek, projelerini, yayınlarını ve verilerini dinamik ve görsel olarak güçlü biçimde sunacaktır.
Tasarım ve Deneyim
  • Kurum kimliğini yansıtan özgün bir design system (renk, tipografi, bileşen yapısı) oluşturulacaktır.
  • Site, parallax, micro interaction ve scroll-based animation gibi modern etkileşimlerle zenginleştirilecektir.
  • Dark mode ve sticky navigation gibi kullanıcı dostu özellikler desteklenecektir.
  • Harita, grafik ve infografikler etkileşimli şekilde sunulacaktır.
  • Eylem planları, raporlar ve katılımcı atölyeler kendi sekmelerine ek olarak ana sayfada yer alıp daha görünür olmalıdır.
  • Veri ve infografik paylaşımlarının etkileşimli ve animasyonlu olması tercih edilmektedir. İçerik yönetim sistemi (CMS) ile teknik olarak devamlılığı sağlanamayacak ise statik/hareketsiz olarak eklenebilir.
  • Haritalı verilerin entegrasyonu açık kaynaklı foursquare haritaları ile gerçekleştirilecektir. (Örnek detaylı görüşmede verilecektir.)
  • Zaman zaman belirli duyuruları paylaşmak için pop-up özelliği eklenmelidir.
Öneri Site Haritası
  • Ana Sayfa
  • Kurumsal
    • Hakkımızda
    • Kurumsal Kimlik
    • KVKK
    • Kalite (ISO9000)
  • Hizmetler
    • Proje geliştirme
    • Planlama
    • Danışmanlık
    • Eğitim, Paneller ve Etkinlikler
    • Araştırma ve Raporlar
    • Strateji Belgeleri ve Eylem Planları
    • Tasarım Rehberleri
    • Katılımcı Süreç Yönetimi
    • Veri Analizi ve Üretimi
  • Çalışmalar
    • Sözlük
    • Kent Alfabesi
    • Mercek
    • Projeler/Etkinlikler (Katılımcı Tasarım)
  • Yayınlar
    • Eylem Planları
    • Raporlar
    • Dergi
  • Duyurular
  • İletişim
  • İnfografikler (Ayrı bir buton ile sekmelerden kopuk bir şekilde)
(https://infogram.com/ entegrasyonu ile)

Teknik Altyapı ve Yönetim
  • Yayın ve raporlar filtrelenebilir, aranabilir PDF formatında erişilebilir olacaktır.
  • Web sitesi Türkçe ve İngilizce olmak üzere iki dilde hazırlanacaktır.
Süreç ve Takvim
Toplam proje süresi en fazla 2 hafta olarak planlanmaktadır. Bu süre ve süreç yüklenici firma tarafından değişiklik gösterebilir.

Aşamalar:
  1. İçeriklerin oluşturulması
  2. Wireframe ve konsept tasarımlar
  3. UI/UX tasarımı (Figma üzerinden)
  4. Final teslimi
Örnek Web Siteleriİnfografikler için Örnek TasarımMenü Barı örnek--

1. TANIMLAR VE KISALTMALAR
● SEO: Arama motoru optimizasyonu
● CMS: İçerik Yönetim Sistemi
● API: Uygulama programlama arayüzü
● WCAG: Web İçeriği Erişilebilirlik Standartları ● Responsive: Cihazlara uyumlu tasarım

2. PROJE TANIMI VE HEDEFLER
Mevcut web sitesinin güncellenmesi ve modern bir yapıya kavuşturulması hedeflenmektedir. Yeni web sitesi;
● Daha modern, kullanıcı dostu ve etkileşimli olmalıdır.
● Vatandaşların, belediye iştirak şirketlerinin ve diğer paydaşların çalışmalarını şeffaf bir şekilde takip edebilmesini sağlamalıdır.
● Haritalar, infografikler ve veri görselleştirmeleri gibi çeşitli etkileşimli içerikleri barındırmalıdır.
● Mobil uyumlu (responsive) ve yüksek performanslı olmalıdır.

3. MEVZUAT VE UYUM KRİTERLERİ
● Web sitesi KVKK (Kişisel Verilerin Korunması Kanunu) ve ilgili mevzuatlara uygun olmalıdır.
● WCAG 2.1 AA seviyesinde erişilebilirlik sağlanmalıdır:
○ Renk kontrastları en az 4.5:1 oranında olmalıdır.
○ Alternatif metinler (alt text) eksiksiz bir şekilde sağlanmalıdır.
○ Klavye ile tam erişilebilirlik sağlanmalıdır.
○ Ekran okuyucu desteği olmalıdır.
○ Hover efektleri ve buton stateleri belirgin olmalı, kullanıcı deneyimini iyileştirecek görsel geri bildirimler sağlanmalıdır.

4. UI/UX VE DESIGN SYSTEM GEREKSİNİMLERİ

● Özgün bir Design System oluşturulacaktır.
● UI/UX tasarım sürecinde Figma kullanılacak ve tüm bileşenler detaylandırılacaktır.
● Tipografi, renk paleti, bileşenler, grid sistemi gibi öğeler tanımlı ve tutarlı olacaktır.
● Web sitesi, kullanıcı deneyimini geliştirmek ve modern bir görünüm sağlamak amacıyla yenilikçi etkileşimler ve görsel efektler içermelidir. Ana sayfadaki banner veya infografiklerde etkileyici bir görünüm sağlamak ve derinlik katmak için sayfa kaydırma sırasında arka plan ve içerik katmanlarının farklı hızlarda hareket ettiği Parallax Scrolling (Katmanlı Hareket Efekti) efekti kullanılabilir.
● Kullanıcının butonlar, ikonlar veya grafikler ile etkileşime geçtiğinde animasyonlu geri bildirimler sunan Microinteractions (Küçük Etkileşimler) eklenerek deneyim zenginleştirilmelidir.
● Sayfa akışı sırasında belirli öğelerin dikkat çekici bir şekilde ortaya çıkmasını sağlamak için Scroll-based Animations (Kaydırmaya Dayalı Animasyonlar) tercih edilmelidir.
● Hafif ve yüksek performanslı animasyonlar için Lottie Animations (Hafif SVG Animasyonları) entegrasyonu düşünülmelidir. ● Kullanıcı deneyimini kişiselleştirmek adına dark mode (karanlık mod desteği)sunulmalıdır.
● Kullanıcıların belirli sayfalara ve içeriğe hızlı erişimini sağlamak için sticky navigation (sabit üst veya yan menü) kullanılmalı ve sayfanın belirli bölümlerinde interactive data visualization (etkileşimli veri görselleştirme) ile haritalar, grafikler ve istatistikler dinamik bir şekilde sunulmalıdır.

5. PROJE SÜRECİ VE ZAMAN ÇİZELGESİ
● Proje toplamda 2 hafta sürecektir ve aşağıdaki süreçlerden oluşacaktır:
○ Başlangıç Toplantısı
○ Wireframing, Konsept ve Moodboard aşaması - 1 hafta
○ Değerlendirme Toplantısı
○ Revize süreci - 1 hafta
○ Final Onay Toplantısı

● Süreç bir ihtiyaç ve fikir paylaşımı toplantısı ile başlayacak olup, gereksinimlere uygun en az iki konsept sunulan wireframing süreci ile devam edecektir. Tasarım sürecinde yönlendirmeyle revizyonlar gerçekleştirilecek ve nihai tasarım doğrultusunda geliştirme aşamasına geçilecektir.

● Wireframing süreci 1 hafta ve tasarım süreci 1 hafta olmak üzere her süreç sonrasında bir toplantı yapılacak ve revizeler iletilecektir. Her süreç sonrasında yapılan toplantılar sonucunda belirlenen revizyonlar için 1 hafta süre verilecektir.

6. WEBSİTESİ DİLİ

● Websitesi Türkçe ve İngilizce olarak 2 farklı dil için tasarlanacaktır.
● Dil değişim butonu erişilebilir ve kolay bir konumlandırmaya sahip olacaktır.

Süreç sözleşme yapılarak ve fatura kesilerek ilerleyeceği için tasarımcı arkadaşın şirketi olması gerekiyor. 2 adet varyantlı ana sayfa tasarımıyla birlikte site haritasına göre yapılacak sayfalar için ayrı ayrı tekliflerinizi bekliyoruz.