Online Market Web Sitesi Projesi

Online Market Sektöründe Dijital Dönüşüm

Günümüzde market ve gıda perakende sektörü, dijital dönüşümün en hızlı yaşandığı alanlardan biri haline gelmiştir. Tüketicilerin alışveriş alışkanlıkları hızla değişirken, yerel marketlerin ve zincir marketlerin online varlık göstermesi artık bir tercih değil, zorunluluk haline gelmiştir. Müşteriler, ürünleri evlerinin konforunda incelemek, kampanyalardan haberdar olmak ve sipariş süreçlerini dijital ortamda yönetmek istemektedir. Bu durum, market işletmelerinin profesyonel ve kullanıcı dostu bir web sitesine sahip olmasını kaçınılmaz kılmaktadır.

Özellikle pandemi sonrası dönemde online market alışverişine olan talep katlanarak artmıştır. Tüketiciler, ürün çeşitliliğini görmek, fiyat karşılaştırması yapmak ve teslimat seçeneklerini değerlendirmek için dijital platformları tercih etmektedir. Bu bağlamda hazırladığımız Online Market Web Sitesi Projesi, sektörün tüm dijital ihtiyaçlarını karşılayacak şekilde tasarlanmıştır.

Web Sitesinin Özellikleri ve Sayfa Yapısı

Proje, bir online market işletmesinin ihtiyaç duyacağı tüm temel sayfaları ve işlevleri barındırmaktadır. Her sayfa, kullanıcı deneyimini ön planda tutacak şekilde tasarlanmış olup, ziyaretçilerin aradıkları bilgiye hızlıca ulaşmaları sağlanmıştır.

Ana Sayfa (Index)

Ana sayfa, markanın dijital vitrini olarak görev yapmaktadır. Öne çıkan ürünler, güncel kampanyalar ve hızlı erişim bağlantıları ile ziyaretçilerin ilgisini çekecek şekilde düzenlenmiştir. Slider alanı, duyuru bölümleri ve kategorilere hızlı erişim butonları sayesinde kullanıcılar siteye giriş yaptıkları andan itibaren yönlendirilmektedir.

Ürünler Sayfası

Market ürünlerinin kategorilere ayrılarak listelendiği bu sayfa, projenin en kritik bölümlerinden biridir. Ürünler; görselleri, fiyat bilgileri ve açıklamalarıyla birlikte sunulmaktadır. Kategori bazlı filtreleme imkânı sayesinde müşteriler meyve-sebze, temel gıda, içecek, temizlik ürünleri gibi bölümler arasında kolayca gezinebilmektedir.

Kampanyalar Sayfası

Güncel indirim ve kampanyaların sergilendiği bu alan, müşteri sadakatini artırmak ve tekrar ziyareti teşvik etmek açısından büyük önem taşımaktadır. Haftalık indirimler, sezona özel fırsatlar ve özel gün kampanyaları bu sayfa üzerinden duyurulmaktadır.

Teslimat Bilgileri Sayfası

Online market alışverişinde en merak edilen konulardan biri teslimat sürecidir. Bu sayfa; teslimat bölgeleri, süreleri, minimum sipariş tutarları ve teslimat ücretleri hakkında detaylı bilgi sunmaktadır. Şeffaf bir teslimat politikası, müşteri güvenini doğrudan etkileyen faktörlerin başında gelmektedir.

Blog Sayfası

Blog bölümü, hem SEO açısından hem de müşterilerle etkileşim kurma açısından stratejik bir öneme sahiptir. Sağlıklı beslenme önerileri, tarif paylaşımları, mevsimsel ürün tanıtımları ve market sektörüne dair güncel yazılar bu bölümde yayınlanmaktadır.

Hakkımızda ve İletişim Sayfaları

Hakkımızda sayfası, marka hikâyesini ve kurumsal değerleri aktararak güven oluştururken, iletişim sayfası telefon, e-posta, adres bilgileri ve iletişim formu ile müşterilerin kolayca ulaşabilmesini sağlamaktadır. Harita entegrasyonu sayesinde fiziksel mağaza konumu da görsel olarak sunulmaktadır.

Admin Paneli ve İçerik Yönetimi

Projenin en güçlü yanlarından biri, kapsamlı ve kullanımı kolay bir yönetim paneline sahip olmasıdır. Teknik bilgi gerektirmeden tüm site içeriğinin yönetilmesine olanak tanıyan admin paneli, işletme sahiplerine tam kontrol sunmaktadır.

• Ürün Yönetimi: Yeni ürün ekleme, mevcut ürünleri düzenleme, fiyat güncelleme, stok durumu belirleme ve ürün görsellerini yönetme işlemleri kolayca yapılabilmektedir.
• Kampanya Yönetimi: Kampanya oluşturma, başlangıç ve bitiş tarihi belirleme, indirim oranlarını ayarlama gibi işlemler panel üzerinden gerçekleştirilmektedir.
• Blog Yönetimi: Yeni yazılar ekleme, mevcut içerikleri düzenleme, görsel yükleme ve yayın durumunu kontrol etme işlevleri bulunmaktadır.
• Sayfa İçerik Yönetimi: Hakkımızda, teslimat ve iletişim gibi sayfaların içerikleri panel üzerinden dinamik olarak güncellenebilmektedir.
• İletişim Formu Yönetimi: Müşterilerden gelen mesajlar admin panelinde listelenmekte, okunma durumu takip edilebilmektedir.
• Site Ayarları: Logo, iletişim bilgileri, sosyal medya bağlantıları ve genel site ayarları merkezi bir alandan yönetilmektedir.

Bu yapı sayesinde market işletmecileri, herhangi bir yazılım bilgisine ihtiyaç duymadan sitelerini güncel tutabilmekte ve içeriklerini anında yönetebilmektedir.

Kullanılan Teknolojiler

Proje, performans, güvenlik ve sürdürülebilirlik açısından kanıtlanmış teknolojiler kullanılarak geliştirilmiştir. Tercih edilen teknoloji yığını, hem geliştirme sürecini verimli kılmakta hem de uzun vadeli bakım kolaylığı sağlamaktadır.

1. PHP: Sunucu tarafında PHP kullanılmıştır. Geniş topluluk desteği, zengin kütüphane ekosistemi ve kanıtlanmış performansıyla PHP, dinamik web siteleri için en yaygın tercih edilen dillerden biridir. MVC benzeri bir mimari yapı benimsenmiş, kodun okunabilirliği ve bakımı kolaylaştırılmıştır.
2. MySQL: Veritabanı yönetim sistemi olarak MySQL tercih edilmiştir. Ürünler, kategoriler, kampanyalar, blog yazıları ve kullanıcı bilgileri ilişkisel veritabanı yapısında saklanmaktadır. Prepared statement kullanımı ile SQL injection saldırılarına karşı güvenlik sağlanmıştır.
3. Bootstrap 5: Önyüz geliştirmede Bootstrap 5 framework'ü kullanılmıştır. Grid sistemi, hazır bileşenleri ve responsive yapısı sayesinde hem masaüstü hem de mobil cihazlarda mükemmel görüntülenen bir arayüz oluşturulmuştur.
4. Nginx: Web sunucusu olarak Nginx tercih edilmiştir. Yüksek eşzamanlı bağlantı kapasitesi, düşük bellek tüketimi ve hızlı statik dosya servisi ile optimal performans sunmaktadır. Gzip sıkıştırma ve önbellekleme yapılandırmaları ile sayfa yükleme süreleri minimize edilmiştir.
5. SSL Sertifikası: HTTPS protokolü ile tüm veri iletişimi şifrelenmektedir. Bu hem kullanıcı güvenliğini sağlamakta hem de Google sıralamalarında avantaj sunmaktadır.

Mobil Uyumluluk ve SEO Optimizasyonu

Günümüzde internet trafiğinin büyük çoğunluğu mobil cihazlardan gelmektedir. Bu gerçekten hareketle, proje tamamen responsive tasarım prensipleriyle geliştirilmiştir. Bootstrap 5'in esnek grid yapısı ve medya sorguları sayesinde site; akıllı telefon, tablet ve masaüstü bilgisayarlarda sorunsuz çalışmaktadır.

SEO optimizasyonu kapsamında aşağıdaki çalışmalar gerçekleştirilmiştir:

• Semantik HTML yapısı: Doğru başlık hiyerarşisi, meta etiketleri ve yapılandırılmış veri kullanımı ile arama motorlarının siteyi doğru şekilde indekslemesi sağlanmıştır.
• Sayfa hızı optimizasyonu: Görsel sıkıştırma, CSS ve JavaScript dosyalarının minimize edilmesi, Nginx önbellekleme ayarları ile hızlı yükleme süreleri elde edilmiştir.
• SEO dostu URL yapısı: Temiz ve anlaşılır URL'ler kullanılarak hem kullanıcılar hem de arama motorları için okunabilir bağlantılar oluşturulmuştur.
• Meta açıklamaları ve başlıklar: Her sayfa için benzersiz meta title ve description tanımlamaları yapılmıştır.
• Mobil öncelikli indeksleme uyumu: Google'ın mobile-first indexing politikasına uygun olarak mobil deneyim öncelikli şekilde optimize edilmiştir.
• Sitemap ve robots.txt: Arama motoru tarayıcıları için gerekli dosyalar yapılandırılmıştır.

Canlı Demo ve İnceleme

Projenin tüm özelliklerini ve sayfa yapısını canlı olarak inceleyebilirsiniz. Canlı demo üzerinde ürün listeleme, kampanya görüntüleme, blog yazılarını okuma ve iletişim formu gönderme gibi tüm işlevleri test edebilirsiniz.

Canlı Demo: https://market.stokdurumu.com

Demo sitesini incelerken aşağıdaki noktalara dikkat edebilirsiniz:

• Farklı cihazlardan erişerek mobil uyumluluğu test edin.
• Ürünler sayfasında kategori filtreleme özelliğini deneyin.
• Kampanyalar bölümünde güncel fırsatları inceleyin.
• Blog sayfasındaki içeriklerin yapısını ve sunumunu gözlemleyin.
• Teslimat sayfasında bilgilendirme içeriklerini değerlendirin.
• İletişim formu üzerinden mesaj gönderme sürecini test edin.
• Sayfalar arası geçiş hızını ve genel performansı değerlendirin.

Bu proje, online market sektöründe faaliyet gösteren veya dijital varlığını güçlendirmek isteyen işletmeler için kapsamlı bir çözüm sunmaktadır. Dinamik yönetim paneli, modern tasarımı ve güçlü altyapısı ile market web sitesi ihtiyaçlarınıza profesyonel bir yanıt vermektedir.