MAE CREATIVE OS
mind · art · emotion
Öne Çıkan Proje
MAE Advertising Agency — Creative OS
MAE Reklam Ajansı'nın ana kurumsal web sitesi. macOS masaüstü arayüzünden
ilham alan "Creative OS" konseptiyle tasarlanmış; Finder benzeri navigasyon,
dock menü, pencere sistemi ve interaktif masaüstü deneyimi sunuyor.
İstanbul, Ankara ve Amsterdam ofisleri için tek çatı altında yaratıcı
ajans kimliğini yansıtıyor.
Vanilla JS
macOS UI
Microsoft Clarity
AI Entegrasyon
Responsive
Siteyi Gör ↗
🎮
01
Ev Kurma Oyunu — Co-op PC Oyunu
Arkadaşlarınla birlikte bir evi sıfırdan kurduğun co-op bir PC oyunu.
Oyuncular kanepeleri merdivenlerden birlikte taşıyor, koliler ve eşyalarla
evi yerleştiriyor, süreye karşı görevleri tamamlıyor ve oyun içi sohbetle
koordine oluyor. Oyun şu an aktif olarak geliştiriliyor.
PC
Co-op
Çok Oyunculu
3B
Geliştiriliyor — Yakında
🤖
02
Yapay Zeka Ofis Otomasyonu — Mobil Kontrol
Ofisteki tüm bilgisayarları tek bir ağda birbirine bağlayan ve birbirleriyle haberleşmelerini sağlayan yapay zeka otomasyon sistemi. Yapay zeka verilen işleri otomatik olarak yapıp sonuçları geri gönderiyor; tüm sistem bir mobil uygulamadan yönetiliyor ve kontrol ediliyor. Sistem şu an geliştirme aşamasında.
Yapay Zeka
Otomasyon
Ağ / Haberleşme
Mobil Uygulama
Geliştiriliyor — Yakında
↗
03
Evolving Ball — Hyper Casual Oyun
Topu sağa sola sürükleyerek engellerden kaçtığın, seviye atladıkça güçlü
yükseltmeler seçtiğin hyper-casual bir mobil oyun. Skinler, mağaza,
günlük görevler ve ödüller içeriyor; Capacitor ile iOS'a paketlendi.
HTML5 Oyun
JavaScript
Capacitor
iOS
Oyna ↗
♥
04
Dijital Davetiye — LCV Paneli
Sinematik video girişli animasyonlu düğün davetiyesi. Geri sayım, takvime
ekleme, anı galerisi ve LCV formu içeriyor. Python ve SQLite ile çalışan
yönetici panelinden katılımcı istatistikleri, Excel çıktısı ve müşteri
hesapları yönetiliyor. Saray, klasik araba ve yat olmak üzere üç tema.
JavaScript
Python
SQLite
Yönetici Paneli
Müşteriye Özel — Canlı Demo Yok
↗
05
BASE — Savunma Sanayii Aktarma Organları
Tekerlekli savunma araçları için aks, transfer kutusu ve şasi üreten BASE için geliştirdiğim site ve IDEX 2027 fuar önerisi. Three.js ile platform görselleştirmeleri, çöl / arktik iklim değiştirici, aktarma organı konfigüratörü, canlı prototip dashboard'u ve deneyim alanı konsepti içeriyor.
Three.js
WebGL
Konfigüratör
Dashboard
Fuar Konsepti
Siteyi Gör ↗
↗
06
Alyans Logistics — Uluslararası Lojistik
1989'dan beri deniz, hava, kara ve demiryolu taşımacılığı yapan Alyans Logistics için geliştirdiğim kurumsal site. GSAP ScrollTrigger ile scroll animasyonları, savunma sanayii (NATO sertifikalı) kargo bölümü, tarihçe ve Cmd+K ile açılan site içi arama içeriyor.
GSAP
ScrollTrigger
Cmd+K Arama
Responsive
Siteyi Gör ↗
↗
07
Nomia — Kahve Kavurma & E-Ticaret
Nomia Coffee Roastery için tasarladığım e-ticaret sitesi. "Bana kavur" ile damak tadına ve demleme yöntemine göre kahve önerisi, interaktif tat çarkı, tadım seti, esnek abonelik, hediye, ekipman ve demleme rehberleri içeriyor.
HTML / CSS
JavaScript
E-Ticaret
Tat Çarkı
Abonelik
Siteyi Gör ↗
↗
08
Fit Weekend 2026 — Sağlıklı Yaşam Festivali
Kanyon'da 18-19-20 Eylül 2026'da düzenlenen Türkiye'nin en büyük sağlıklı yaşam festivali için hazırladığım etkinlik sitesi. Sürüklenebilir program kartları, kendi programını oluşturup takvime aktarma, konuşmacı kartları, interaktif festival haritası ve ücretsiz kayıt içeriyor.
Vanilla JS
Festival Haritası
Takvim Entegrasyonu
Responsive
Siteyi Gör ↗
↗
09
Kalkış Panosu — Fotoğraf Galerisi
Bir sağlık kongresi (Ekim 2026, İstanbul) için havalimanı kalkış panosu temalı fotoğraf galerisi. Katılımcı adını yazıyor, yaka kartı ve yüz eşleştirmesiyle otomatik gruplanmış kendi fotoğraflarını buluyor; yazım hatalarını tolere eden arama, fotoğraf / video karesi filtreleri ve tümünü indirme içeriyor. Portfolyodaki sürüm KVKK gereği örnek isimler ve 'Görsel gelecek' yer tutucularıyla çalışan bir demodur.
Vanilla JS
Yüz Eşleştirme
Akıllı Arama
Toplu İndirme
Siteyi Gör ↗
↗
10
Eğitim İşbirliği — Fotoğraf Galerisi
Bir kurum–üniversite eğitim işbirliği etkinliği için hazırladığım fotoğraf galerisi. Katılımcılar fotoğrafları büyütüp oklar, klavye veya kaydırarak geziniyor; logolu ya da logosuz seçeneğiyle tam çözünürlüklü JPG olarak indirip paylaşabiliyor. Portfolyodaki sürümde fotoğraflar ve markalar kaldırıldı, yerlerinde yer tutucular var.
HTML / CSS
Vanilla JS
Galeri
Logolu / Logosuz İndirme
Siteyi Gör ↗
↗
11
Entrance Screen — 4K Giriş Ekranı
Bir kongrenin giriş alanındaki dev ekran için hazırladığım 4K oynatıcı. Zaman çizelgesi ve oturum kalkışları filmlerini 3840×2160 çözünürlükte sırayla, kesintisiz döngüde oynatıyor; tam ekran, duraklatma, sonraki film ve gizlenebilir kontroller içeriyor. Portfolyo sürümünde orijinal filmler yerine 4K yer tutucu videolar oynuyor.
4K Video
Vanilla JS
Kiosk Modu
Etkinlik
Siteyi Gör ↗
⚙
12
Sosyal Medya Post Otomasyonu
Reklam ajansları için geliştirdiğim otomasyon sistemi. Özel günlerden
5 gün önce otomatik olarak 3 adet hazır post tasarımı üretip,
5 adet de yaratıcı post fikri öneriyor. Ajansların içerik planlamasını
kolaylaştıran akıllı bir planlama aracı.
Otomasyon
AI Post Üretimi
İçerik Planlama
Ajans Aracı
Dahili Araç — Canlı Demo Yok
↗
13
Active Theory — Dijital Deneyim Ajansı
İnteraktif dijital deneyimler üreten Active Theory ajansı için
geliştirdiğim SPA tabanlı web sitesi. Custom framework, async
script loading, WebGL deneyimleri ve minimalist dark tasarım içeriyor.
Custom Framework
WebGL
SPA
Async Loading
Responsive
Siteyi Gör ↗
↗
14
Derinmavi — Yelken Okulu
30 yıllık denizcilik tutkusuyla Demre/Antalya merkezli Derinmavi Yelken
Okulu için geliştirdiğim kurumsal site. Denizcilik temalı tasarım, interaktif
harita, GPS/AIS entegrasyonu ve deniz sinyal bayrakları ile navigasyon içeriyor.
HTML / CSS
JavaScript
Harita API
GPS/AIS
Responsive
Siteyi Gör ↗
↗
15
Fymension — Dijital & Marka Deneyimleri
İstanbul merkezli yaratıcı dijital ajans Fymension için geliştirdiğim
portföy web sitesi. Marka danışmanlığı, web tasarımı, video prodüksiyonu
ve içerik üretimi hizmetlerini modern ve minimalist tasarımla sunuyor.
HTML / CSS
JavaScript
AVIF / WebP
Responsive
Siteyi Gör ↗
↗
16
Keramik Makina — Kurumsal Web Sitesi
1985'ten bu yana hat sonu paletleme ve paketleme çözümlerinde öncü olan
Keramik Makina için tasarladığım kurumsal site. Ürün kataloğu, sektör bazlı
çözümler, proje referansları ve teklif talep sistemi içeriyor.
HTML / CSS
JavaScript
Ürün Kataloğu
Responsive
Siteyi Gör ↗
↗
17
Adria Karavan Türkiye — Mockup
Slovenya merkezli Adria Mobil markasının Türkiye distribütörü için
geliştirdiğim ürün tanıtım ve satış sitesi. Çekme karavan, motorkaravan
ve campervan modelleri; konfigüratör, AR önizleme ve çekiş hesaplayıcısı içeriyor.
HTML / CSS
JavaScript
AR Entegrasyon
Konfigüratör
Responsive
Siteyi Gör ↗
↗
18
Cem Ecevit TV — Karavan Rotaları
Avrupa karavan rotaları ve kamp alanları içerik platformu Cem Ecevit TV
için geliştirdiğim web sitesi. Rota haritaları, kamp alanı bilgileri
ve seyahat tavsiyeleri sunan kapsamlı bir karavan rehberi.
HTML / CSS
JavaScript
Harita API
Responsive
Siteyi Gör ↗
↗
20
Online Kayıt Sistemi — Tıbbi Konferans
4. Uluslararası Diyabet İnovasyon Zirvesi için geliştirdiğim online
kayıt platformu. Dubai'de düzenlenen etkinlik için oturum seçimi,
kapasite yönetimi ve gerçek zamanlı katılımcı takibi içeriyor.
Bootstrap
Vanilla JS
Responsive
Custom CSS
Siteyi Gör ↗
↗
21
Countdown — Animasyonlu Geri Sayım
Bir ürün lansmanı için tasarladığım countdown
sayfası. Süre sıfırlanınca harfler ekrana saçılıyor, ekran titriyor
ve ürün görseli dramatik bir animasyonla beliriyor.
GSAP
CSS Animations
Vanilla JS
LocalStorage
Siteyi Gör ↗
↗
22
Iconicrete — Çimsa Beton Ürünleri
Çimsa'nın Iconicrete serisi için geliştirdiğim ürün tanıtım sitesi.
HyperCrete, ArteCrete, OpaCrete dahil 9 özel beton ürününü
scroll animasyonları eşliğinde sergiliyor.
Bootstrap
AOS
Custom Fonts
Responsive
Siteyi Gör ↗
↗
23
Derinet — Hakiki Deri Ayakkabı & Aksesuar
Hakiki deri kadın ve erkek ayakkabı modelleri sunan Derinet markası için
geliştirdiğim e-ticaret platformu. Shopify altyapısı, ürün filtreleme,
hızlı satın alma, WhatsApp destek ve mobil uyumlu tasarım içeriyor.
Shopify
E-Ticaret
Responsive
Custom Design
Siteyi Gör ↗
↗
24
MAE Site — Book Animasyon Denemesi
20 yıllık deneyime sahip MAE reklam ajansı için geliştirdiğim
book flip animasyon denemesi. Sayfalar kitap gibi dönerek açılıyor,
ajansın hikayesi interaktif şekilde anlatılıyor.
HTML / CSS
JavaScript
CSS 3D Flip
Interactive
Siteyi Gör ↗
↗
25
Maritaş Denim — Tekstil Kurumsal
Sürdürülebilir denim üretiminde öncü Maritaş firması için hazırladığım
kurumsal web sitesi. REJUVENATE, CYCLE-FX, TERRA DENIM gibi
ürün serilerini modern tasarımla sunuyor.
AOS
Slick Slider
HTML5 Video
Responsive
Siteyi Gör ↗
↗
26
Audrey — Yaratıcı Ajans Portfolyosu
Webflow üzerinde geliştirdiğim yaratıcı ajans portfolyo sitesi.
GSAP SplitText ile karakter animasyonları, Draggable ile sürüklenebilir
ekip carousel'i ve mouse-trail parçacık sistemi içeriyor.
Webflow
GSAP
SplitText
Draggable
Siteyi Gör ↗
↗
27
Joondalup Festival 2026 — Perth
Perth, Avustralya'daki 16 günlük kültürel festival için geliştirdiğim
etkinlik sitesi. Sürrealist estetik, program vitrin, biletleme
entegrasyonu ve bülten kayıt sistemi içeriyor.
WordPress
jQuery
Gravity Forms
Responsive
Siteyi Gör ↗
↗
28
Touchscreen — Dokunmatik Ürün Vitrini
Medikal cihaz tanıtımı için geliştirdiğim touchscreen interaktif
vitrin. Three.js ile 3D model görüntüleyici; ürünü tüm açılardan
döndürme, zoom ve sekme bazlı teknik detay panelleri içeriyor.
Three.js
WebGL
GLTFLoader
OrbitControls
Siteyi Gör ↗
↗
29
Hero Dental Art — Diş Protez Laboratuvarı
25 yıllık deneyime sahip Hero Dental Art Diş Protez Laboratuvarı için
geliştirdiğim kurumsal web sitesi. Zirkonyum, E.max, CAD/CAM dijital
diş hekimliği hizmetlerini modern tasarımla sunuyor.
HTML / CSS
Vanilla JS
CSS Animations
Responsive
Siteyi Gör ↗
↗
30
Shisha Detox — Ürün Tanıtım Sitesi
Shisha Detox Injection ürünü için geliştirdiğim Almanca/İngilizce
çok dilli tanıtım web sitesi. Full-viewport panel tasarımı, AOS
scroll animasyonları ve SVG grafiklerle modern ürün deneyimi sunuyor.
HTML / CSS
Vanilla JS
AOS
SVG
Çok Dilli
Siteyi Gör ↗
↗
31
Kristoff Studio — Kreatif Tasarım Stüdyosu
Kristoff Studio için geliştirdiğim minimalist portfolyo web sitesi.
WordPress altyapısı, Fancybox galeri, Contact Form 7 entegrasyonu
ve temiz tipografi ile profesyonel stüdyo deneyimi sunuyor.
WordPress
Fancybox
Contact Form 7
Responsive
Site şu an yayında değil
↗
32
EGGSpander — Fitness Ürün Tanıtımı
Taşınabilir fitness cihazı EGGSpander için geliştirdiğim tanıtım sitesi.
GSAP ScrollTrigger ile scroll-driven animasyonlar, SVG path çizimleri,
before/after slider ve immersive full-viewport deneyim sunuyor.
GSAP
ScrollTrigger
SVG Animasyon
Vanilla JS
Responsive
Siteyi Gör ↗
↗
33
Keramik — Epicenter of Every Move
Endüstriyel otomasyon çözümleri sunan Keramik firması için geliştirdiğim
modern kurumsal web sitesi. Robotik paletleme, ambalajlama ve stretch hood
sistemlerini 40+ ülkeye yönelik profesyonel bir sunumla sergiliyor.
HTML / CSS
JavaScript
Responsive
Kurumsal Tasarım
Siteyi Gör ↗
↗
34
MAE Reklam — Animasyonlu Kitap Sunum
MAE Reklam Ajansı için geliştirdiğim interaktif dijital sunum.
GSAP animasyonları, 3D CSS dönüşümleri ve scroll-driven geçişlerle
kitap sayfası gibi açılan yaratıcı bir sunum deneyimi sunuyor.
GSAP
CSS 3D
Scroll Animasyon
İnteraktif
Siteyi Gör ↗
↗
35
INCRESIS — Streetwear Marka Sitesi
İstanbul merkezli streetwear markası INCRESIS için geliştirdiğim
e-ticaret web sitesi. Tişört, kapüşonlu ve ceket koleksiyonlarını
minimalist dark tasarımla sunuyor; sipariş takibi ve hesap yönetimi içeriyor.
HTML / CSS
JavaScript
E-Ticaret
Responsive
Siteyi Gör ↗
↗
36
Beny — Burger House & Cafeteria
Beny Burger House & Cafeteria için geliştirdiğim dijital menü sitesi.
Videolu açılış ekranı; burger, kahvaltı, içecek ve tatlı kategorileri
arasında hızlı geçiş, ürün açıklamaları ve kalori bilgileri içeriyor.
HTML / CSS
JavaScript
Dijital Menü
Responsive
Siteyi Gör ↗
✦
Ve çok daha fazlası...
Bunlar yalnızca öne çıkan birkaç örnek. MAE Reklam Ajansı'nda
geliştirdiğim onlarca kurumsal web sitesi, ürün tanıtım sayfası
ve etkinlik projesi bulunuyor.
GitHub'ı Ziyaret Et ↗
