Gezinme deneyiminizi iyileştirmek, site trafiğini analiz etmek ve içeriği kişiselleştirmek için çerezler ve benzeri teknolojiler kullanıyoruz. Tercihlerinizi istediğiniz zaman değiştirebilirsiniz.
Çerez onay tercihlerinizi yönetin.

Gezinme, güvenlik ve korumalı alanlara erişim gibi sitenin temel işlevleri için gereklidir. Bunlar devre dışı bırakılamaz.

Sitenin nasıl kullanıldığını anlamamıza yardımcı olur; performansı ölçüp iyileştirmemizi sağlar.

İstanbul & İSTAÇ Kurumsal Web Sitesi Proje Detayları

İstanbul Büyükşehir Belediyesi iştirak şirketi olan İSTAÇ A.Ş.'nin websitesini yeniledik.

Ne Yaptık?
  • Front-End Geliştirme
  • Yazılım Geliştirme
  • Kurumsal Web Sitesi (CMS)
Ne Kullandık?
Adobe XDAdobe XD, Adobe Inc. tarafından geliştirilen ve pazarlanan bir kullanıcı deneyimi (UX) tasarım aracıdır. Web siteleri ve mobil uygulamalar için kullanıcı arayüzlerini tasarlamak ve prototiplendirmek için kullanılır.
CSSCSS, web sayfalarının görünümünü (stilini) tanımlayan bir dildir. CSS, HTML veya XML gibi diller ile birlikte kullanılarak, bir web sayfasındaki metinlerin fontlarını, renklerini, boşluklarını ve diğer görünüm öğelerini belirlemenize yardımcı olur.
GitGit, dağıtık bir versiyon kontrol sistemidir. Git, çalışma alanınızda yaptığınız değişiklikleri (commit) bir depoya (repository) ekleyerek bu değişikliklerin tarihçesini tutar. Bu sayede, projeye katkıda bulunan tüm çalışanların yaptıkları değişiklikleri takip edebilir ve projenin gelişimini izleyebilirsiniz.
JavascriptJavaScript, bir tarayıcı tabanlı programlama dilidir. Bu dil, web sayfalarında çalışan dinamik bir içerik oluşturulmasına yardımcı olur. Örneğin, JavaScript sayesinde bir web sayfasında bir formun doğruluğu kontrol edilebilir, bir sayfanın içeriği anında güncellenebilir ve kullanıcı etkileşimleri takip edilebilir.
HTMLHTML bir metin işaretleme dilidir ve web sayfalarının içeriğini tanımlar. HTML, bir web sayfasında metinlerin, bağlantıların, resimlerin ve diğer öğelerin nasıl görüneceğini belirler. HTML dosyaları, bir web tarayıcısı tarafından açılarak görüntülenir.
JQueryjQuery, DOM'u manipüle etmeyi, olayları ele almayı ve asenkron HTTP isteklerini yapmayı kolaylaştıran, hızlı, küçük ve özellikleri zengin bir JavaScript kütüphanesidir. Web geliştirme alanında web sitelerine etkileşim eklemek için sıklıkla kullanılır.
LaravelLaravel, web uygulaması geliştirme için kullanılan ücretsiz ve açık kaynak bir PHP web framework'üdür. Modern, kolay bakım edilebilir ve skalable uygulamalar geliştirmeyi kolaylaştırmak amacıyla tasarlandı.
NpmNPM (Node Package Manager'ın kısaltması) JavaScript runtime ortamı Node.js için varsayılan bir paket yöneticisidir. Node.js projesi için gereken paketleri (kütüphaneler ve araçlar) yüklemek ve yönetmek için kullanılır.
PHPPHP bir sunucu taraflı programlama dilidir. Bu dil, web sunucuları üzerinde çalışarak dinamik bir içerik oluşturulmasına yardımcı olur. Örneğin, PHP sayesinde bir web formundan gönderilen verileri işleyebilir, veritabanı sorguları yapabilir ve web sayfalarının içeriğini oluşturabilirsiniz.
Statamic CMSStatamic CMS, Laravel PHP framework'ü üzerine inşa edilmiş bir içerik yönetim sistemidir (CMS). Web siteleri ve uygulamalar için içeriği yönetmek ve yayımlamak için kullanılır.
Tailwind CSSTailwind CSS, geliştiricilere kolaylıkla özel kullanıcı arayüzleri oluşturma imkanı veren bir utility-first CSS framework'üdür. Özel stiller oluşturmak için karmaşık CSS kuralları yazmak zorunda kalmamak amacıyla tasarlanmıştır.
Vue.jsVue.js, kullanıcı arayüzleri inşa etmek için bir progressive JavaScript framework'üdür. Tek sayfa uygulamaları (SPAs) inşa etmek için kullanılır ve kolay öğrenilebilir, az kodla çalıştırılabilir ve büyük ölçekte uygulamaların inşasını ve bakımını kolaylaştırmak amacıyla tasarlanmıştır.
WebpackWebpack, JavaScript modüllerini ve diğer dosyaları (CSS, resimler, vb.) bir araya getirerek bir proje için optimize edilmiş bir dosya oluşturan bir modül bundler'dır. Web uygulamalarının geliştirilmesini ve dağıtılmasını kolaylaştırmak amacıyla tasarlanmıştır.
İstanbul Büyükşehir Belediyesi Logo

İstanbul Büyükşehir Belediyesi veya kısaca İBB, Türkiye'nin en büyük ili olan İstanbul'un belediye işlerinden sorumlu devlet kurumudur.

Sorun

Hızlı dijitalleşmeye ayak uyduran ve çok çeşitli hizmetleri etkili bir şekilde aktarma ihtiyacı duyan İSTAÇ, web sitesini yenilemek istedi. Amaç, sadece görsel olarak çekici değil, aynı zamanda kullanıcılara, paydaşlara ve genel kamuoyuna kapsamlı teklifleri boyunca rehberlik etmek için titizlikle yapılandırılmış bir arayüz oluşturmaktı.

Çözüm Önerisi

Önerilen çözüm, açık ve sezgisel bir site haritasına sahip ve kapsamlı bir web sitesi yenilemesiydi. Tüm bölümler kolay navigasyon elementleri, zengin medya, infografikler ve anlaşılması kolay metin içerikleri içerecek şekilde özenle düzenlendi. İnfografikler, video galerileri ve gezinmesi kolay bir iletişim bölümü gibi interaktif unsurlar entegre edilerek web sitesinin İSTAÇ'ın iletişim stratejisinin dijital merkez üssü olması hedeflendi.

Sonuç

İSTAÇ'ın yeniden tasarlanan web sitesinin 'Hakkımızda'dan 'Hizmetler'e kadar her bölümü, netlik ve erişim kolaylığı sağlamak için özenli bir yapılanma ve kullanıcı merkezli tasarım ilkeleri kullanılarak hazırlandı ve İSTAÇ'ın şeffaf iletişim ve toplum katılımına olan bağlılığının dijital bir kanıtı olarak hizmet ediyor.

İstanbul'un önde gelen çevre yönetimi kuruluşu olan İSTAÇ, vatandaşların hizmetlerini daha etkili ve şeffaf bir şekilde anlamalarını sağlayacak modern bir web sitesine ihtiyaç duyuyordu. İnteraktif ve bilgilendirici bir platform oluşturmak için bizimle işbirliği yapmayı seçtiler.

Projeye başlarken, İSTAÇ'ın sunduğu geniş çevresel hizmetlerin ve faaliyetlerin tam bir anlayışını edinmek için detaylı bir sektör ve hedef kitle araştırması yaptık. Bu bilgileri kullanarak, İstanbul sakinlerinin ve diğer ilgili tarafların kurumun çevresel vizyonunu, misyonunu ve hizmetlerini kolayca keşfetmelerini sağlayacak modern, erişilebilir ve kullanıcı dostu bir web sitesi oluşturduk.

Aynı zamanda, İSTAÇ'ın belge ve raporlarını, haberlerini ve diğer önemli bilgilerini etkili bir şekilde sunmak için derinlemesine bir içerik yönetimi stratejisi geliştirdik.

Sonuç olarak, İstanbul'un sürdürülebilirlik ve çevresel inovasyon konularındaki öncü pozisyonunu yansıtan, vatandaşların kolayca erişip interaktif bir şekilde katılabileceği derinlemesine bir platform oluşturduk. İSTAÇ'ın dijital dönüşümünde kilit bir rol oynamaktan gurur duyuyoruz.

İSTAÇ Web Sitesi

Çevresel Bilincin Dijital İletişimine Katkıda Bulunmak

İSTAÇ'ın geniş faaliyet yelpazesini dijital bir platformda etkili bir şekilde sunabilmek için özel bir içerik yönetim stratejisi geliştirdik. Kullanıcıların hizmet detaylarına, belgelere ve raporlara kolayca erişebilmeleri için interaktif site haritaları, infografik anlatımlar ve görsel zenginliklerle dolu bir web tasarımı oluşturduk.

İSTAÇ Web Sitesi Arayüz Bileşenleri (UI Components)

İSTAÇ Web Sitesi Arayüz Tasarımı

İSTAÇ Web Sitesi Arayüz Sunumu

İSTAÇ Web Sitesi Arayüz Bileşenleri
İSTAÇ Web Sitesi Hero Section
İSTAÇ Web Sitesi Enerji Üretimi Çevre ve Atık Yönetimi
İSTAÇ Web Sitesi İstatistik Tasarımları
İSTAÇ Web Sitesi Belgeler ve Raporlar Tasarımı

Bir projeniz mi var?

Detayları görüşebilmek için sabırsızlanıyoruz.

Dijital projelerinizdeki ihtiyaçlarınızı karşılamak ve uzmanlık alanlarımızdaki tüm sorularınızı yanıtlamak için buradayız.