Fikirler Koda Dönüşünce.
Her biri bir problemi çözmek ve değer yaratmak için tasarlanmış projelerimden seçkiler.
Flex Oto Çekici Dijital Dönüşüm Projesi
Sektörün dinamiklerine uygun olarak, yolda kalan kullanıcıların saniyeler içinde yardıma ulaşmasını hedefleyen, hız ve dönüşüm odaklı bir web projesi geliştirdim. Sadece bir tanıtım sitesi değil, bölge odaklı bir yerel SEO canavarı kurguladım. Kullanılan Teknolojiler: Backend: Laravel (Yüksek güvenlik ve performanslı yapı). Frontend: Tailwind CSS (Modern, özelleştirilmiş ve hafif tasarım). Etkileşim: Alpine.js (Hafif ve hızlı kullanıcı etkileşimleri). Sunucu: OpenLiteSpeed & CyberPanel (Maksimum sayfa yükleme hızı). Öne Çıkan Özellikler: Hız Optimizasyonu: Gereksiz yüklerden arındırılmış, statik hızında çalışan dinamik mimari. Gelişmiş Yerel SEO: Edremit Körfezi ve çevresi için kurgulanan bölge bazlı içerik yönetimi sayesinde Google aramalarında üst sıralar. Kusursuz Mobil UX: Acil durumlarda "Tek Tıkla WhatsApp Konum Paylaşma" ve "Hızlı Arama" butonları. Kritik Güvenlik: Let's Encrypt SSL sertifikası ve güvenli form yapıları.
StockIQ: AI Destekli Stok & Satış Yönetim Paneli Arayüzü
StockIQ, işletmelerin stok ve satış verilerini anlık olarak takip edebileceği, yapay zeka destekli bir yönetim panelidir. Bu projede, backend tarafında üretilen karmaşık verilerin son kullanıcıya anlaşılır, şık ve hızlı bir şekilde sunulması hedeflenmiştir. Mevcut veri yapısı, Glassmorphism tasarım diliyle modern bir arayüze dönüştürülmüştür. 🚀 Hedefimiz Neydi? Birçok SaaS projesinde olduğu gibi, güçlü bir backend yapısı mevcuttu ancak kullanıcıyı karşılayan yüz (frontend) eksikti. Hedefimiz: Karmaşık veri tablolarını mobilde bile okunabilir hale getirmek. "Şube Seçimi" gibi dinamik işlemleri sayfa yenilenmeden (SPA hissiyle) gerçekleştirmek. Yöneticilerin kritik kararları hızlı alabilmesi için dikkat çekici AI uyarı alanları tasarlamak. 🛠️ Neler Yaptık? (Frontend Çözümleri) 1. Component Bazlı Mimari (Laravel Blade Partials): Kod tekrarını önlemek ve yönetilebilirliği artırmak için Header, KPI Cards, Overview gibi alanları modüler parçalara (partials) böldük. Bu sayede backend geliştiricileri için entegrasyonu kolay, temiz bir kod yapısı oluşturduk. 2. Tailwind CSS ile Modern Görünüm: Standart Bootstrap kalıplarının dışına çıkarak, Tailwind CSS'in esnek yapısını kullandık. Glassmorphism: Arka plan bulanıklıkları (backdrop-blur) ve yarı saydam katmanlarla derinlik hissi yaratıldı. Gradients & Shadows: Önemli verileri öne çıkarmak için neon efektli gölgelendirmeler ve renk geçişleri uygulandı. 3. Alpine.js ile Hafif Etkileşim: React veya Vue gibi ağır kütüphaneler yerine, projenin hızını düşürmeden interaktiflik katmak için Alpine.js tercih edildi. Dinamik Şube Yönetimi: Navbar üzerindeki dropdown menü ve veri filtreleme işlemleri anlık olarak (client-side) yönetildi. Mobil Menü (Hamburger Menu): Masaüstü menüsü mobilde otomatik olarak gizlenip, dokunmatik dostu bir açılır menüye dönüştürüldü. 4. Responsive (Mobil Uyumlu) Tablolar: Masaüstündeki geniş veri tabloları, mobilde tasarımın bozulmasına neden olur. Bunu önlemek için "Horizontal Scroll" (Yatay Kaydırma) mantığı kurgulandı. Böylece kullanıcılar telefondan girdiklerinde verileri sıkışık değil, parmaklarıyla kaydırarak rahatça inceleyebilir hale geldi. ✨ Öne Çıkan Özellikler AI Öneri Banner'ı: Kritik stok durumlarını bildiren, görsel hiyerarşisi yüksek uyarı alanı. Performans Kartları: Satış, Hedef ve Memnuniyet oranlarını gösteren renk kodlu progress barlar. Karanlık Mod (Dark Mode): Göz yormayan, profesyonel bir dashboard deneyimi.
Akçay Halı Yıkama - Özel Kodlama Kurumsal Web Tasarımı
Akçay Halı Yıkama için geliştirdiğimiz bu proje, standart hazır şablonların ve sayfa oluşturucuların (Elementor, WPBakery vb.) hantallığından uzak, tamamen performans ve dönüşüm odaklı olarak tasarlanmıştır. İşletmenin kurumsal kimliğine uygun olarak sıfırdan kodlanan (Custom WordPress Theme) bu web sitesi; modern arayüzü, kullanıcı dostu yönetim paneli ve ışık hızında açılış süreleriyle rakiplerinden ayrılmaktadır. Amaç; son kullanıcıya en iyi deneyimi sunarken, işletme sahibine kod bilgisi gerektirmeyen tam yönetim imkanı sağlamaktır. Öne Çıkan Özellikler Tamamen Özel Tasarım: Herhangi bir hazır tema kullanılmadan, satır satır kodlanarak oluşturulmuş özgün arayüz. Gelişmiş Yönetim Paneli: WordPress Özelleştirici (Customizer API) ile entegre; telefon numaraları, sosyal medya linkleri, logo ve görsellerin panelden anlık değiştirilebilmesi. Dönüşüm Odaklı UI/UX: "Hemen Ara" ve "WhatsApp" butonları ile stratejik yerleşim, yüzen (floating) modern menü yapısı ve dikkat çekici animasyonlar. Mobil Öncelikli (Mobile First): Tüm cihazlarda kusursuz çalışan %100 responsive yapı. VDS & Performans: Paylaşımlı hosting yerine VDS altyapısı ve LiteSpeed optimizasyonu ile maksimum hız. Kullanılan Teknolojiler Projenin geliştirilme sürecinde modern web standartlarına uygun, güncel ve güvenli teknolojiler tercih edilmiştir: Altyapı: WordPress (Custom Theme Development) Frontend: HTML5, CSS3 (Custom Animations), Bootstrap 5 Programlama: PHP 8.x, JavaScript (Vanilla & jQuery) Sunucu Yönetimi: VDS, aaPanel, SSL (Let's Encrypt) SEO: Rank Math entegrasyonu, Semantik HTML yapısı
ByAli Saç Tasarım – Özel WordPress Tema Geliştirme
ByAli Saç Tasarım projesinde, hazır şablonların kısıtlamalarından kurtularak markanın premium imajını yansıtan %100 özel kodlanmış (Custom Theme) bir dijital kimlik inşa ettim. Akçay’ın önde gelen erkek kuaförü için geliştirilen bu web sitesi, yüksek hız, modern estetik ve dönüşüm odaklı kullanıcı deneyimini bir araya getiriyor. 🚀 Kullanılan Teknolojiler ve Performans Altyapı: WordPress (Sayfa yapıcı eklentiler olmadan, saf PHP mimarisi). Modern CSS: Tailwind CSS ile hızlı, ölçeklenebilir ve şişkinlikten arındırılmış tasarım. JavaScript: Modern ES6+, Swiper.js (interaktif slider) ve GLightbox (yüksek performanslı galeri). Hız Optimizasyonu: LiteSpeed Cache ve WebP görüntü formatı desteği ile ultra hızlı açılış süreleri. ✨ Öne Çıkan Site Özellikleri Mobile-First Tasarım: Mobil cihazlar için optimize edilmiş özel navigasyon ve dokunmatik slider deneyimi. Dinamik Yönetim Paneli: İşletme sahibinin teknik bilgiye ihtiyaç duymadan; iletişim bilgilerini, hizmetlerini ve galeri içeriklerini WordPress Özelleştirici üzerinden anlık değiştirebilme imkanı. SEO & Semantik Kodlama: Arama motorlarının (Google) siteyi en iyi şekilde taraması için semantik HTML5 ve Schema.org standartlarına uygun yapı. Dönüşüm Odaklı (CRO): Stratejik olarak yerleştirilen WhatsApp ve Randevu butonları ile ziyaretçiyi doğrudan aksiyona yönlendiren UI/UX tasarımı. Sonuç: Hazır temaların hantallığından uzak, Google Core Web Vitals testlerinden başarıyla geçen, markaya özel ve profesyonel bir kurumsal çözüm.