✦
[ PORTFOLIO 2026 — İSTANBUL ]
E-ticaretten oyun platformlarına — kullanıcıyı tutan, markayı ayrıştıran dijital deneyimler. Piksel benden, problem sizden.From e-commerce to gaming worlds — digital experiences that hook users and set brands apart. You bring the problem, I bring the pixels.
☺ MERHABA
EST. 2020
E-TİCARETE-COMMERCE✦OYUNGAMING✦MOBİLMOBILE✦SAAS✦WEB✦UI✦UX✦BRANDING✦E-TİCARETE-COMMERCE✦OYUNGAMING✦MOBİLMOBILE✦SAAS✦WEB✦UI✦UX✦BRANDING✦
(01)
SEÇİLİ İŞLER.SELECTED WORK.
ÜZERİNE GEL & TIKLA ➜HOVER & CLICK ➜
01
OYUN E-TİCARET LANDING PAGEGAMING E-COMMERCE LANDING PAGE
KABASAKAL ONLINE · WEB + MOBİL · 2026
+
✦ KABASAKAL ONLINE SERİSİ — 5 LANDING PAGE✦ KABASAKAL ONLINE SERIES — 5 LANDING PAGESKABASAKALONLINE.COM
BRIEF
Kabasakal Online, Valorant VP ve Battle Pass satışları için markaya özel bir landing page istedi: oyuncuya tanıdık gelen, hızlı satın almaya odaklanan bir vitrin.Kabasakal Online needed a dedicated landing page for Valorant VP and Battle Pass sales: a storefront that feels native to players and is built for fast checkout.
ÇÖZÜMSOLUTION
Valorant'ın görsel diline saygılı koyu tema + neon kırmızı vurgu. En çok satılanlar, kampanya bandı ve paket vitrini net bir satın alma hiyerarşisinde.A dark theme with neon red accents, faithful to Valorant's visual language. Best-sellers, campaign banner and bundle showcase in a clear purchase hierarchy.
TESLİMATDELIVERABLES
Masaüstü + mobil arayüz tasarımı, ürün kartı sistemi, kampanya ve bundle modülleri, geliştirici teslim dosyaları.Desktop + mobile UI design, product card system, campaign and bundle modules, dev handoff files.
DESKTOP — ( ÜZERİNE GEL, SAYFA KAYAR )DESKTOP — ( HOVER TO SCROLL )
02
RP & WILD RIFT MAĞAZASIRP & WILD RIFT STORE
KABASAKAL ONLINE · WEB + MOBİL · 2026
+
LoL RP, Wild Rift ve bundle satışları için Riot'un altın-mavi estetiğiyle uyumlu landing page. Çok satanlar, kampanya bandı ve RP paketleri tek satın alma akışında.A landing page for LoL RP, Wild Rift and bundle sales, aligned with Riot's gold-and-blue aesthetic. Best-sellers, campaign banner and RP packs in a single purchase flow.
03
GİFT CARD & CÜZDAN KODUGIFT CARDS & WALLET CODES
KABASAKAL ONLINE · WEB + MOBİL · 2026
+
Steam cüzdan kodları ve gift card'lar için pixel-art hero'lu bir mağaza sayfası. Kur bazlı ürün kartları, hafta ortası fırsat rozetleri ve net fiyat hiyerarşisi.A store page for Steam wallet codes and gift cards with a pixel-art hero. Currency-based product cards, midweek deal badges and a clear price hierarchy.
04
CP PAKETLERİ MAĞAZASICP PACKS STORE
KABASAKAL ONLINE · WEB · 2026
+
COD Mobile CP paketleri için koyu tema + sarı vurgulu landing page. Bonus CP rozetleri, bundle vitrini ve hızlı sepet akışı.A dark, yellow-accented landing page for COD Mobile CP packs. Bonus CP badges, bundle showcase and a fast add-to-cart flow.
05
PSN HEDİYE KARTLARIPSN GIFT CARDS
KABASAKAL ONLINE · WEB + MOBİL · 2026
+
PSN hediye kartları için PlayStation'ın ferah mavi-beyaz diline uyumlu sayfa. TRY bazlı kart vitrini, kampanya bandı ve sade sepet akışı.A page for PSN gift cards in PlayStation's airy blue-and-white language. TRY-based card grid, campaign banner and a simple cart flow.
(02)
INTERACTION LAB.
CANLI DEMOLAR ➜LIVE DEMOS ➜
Mikro-etkileşim anlatılmaz, denenir. Üçü de tasarladığım gerçek kalıplardan alındı.Micro-interactions aren't described — they're tried. All three come from real patterns I've designed.
SNKR-01
E-TİCARET · GERİ BİLDİRİM ANIE-COMMERCE · FEEDBACK MOMENT
OYUN · İLERLEME & ÖDÜLGAMING · PROGRESS & REWARD
TEMA ANAHTARITHEME SWITCH
Sipariş ÖzetiOrder Summary
2 ürün · Kargo ücretsiz · Tahmini teslimat: yarın 14:00–18:002 items · Free shipping · Estimated delivery: tomorrow 2–6pm
₺3.180
SAAS · ERİŞİLEBİLİR TEMALARSAAS · ACCESSIBLE THEMING
6 yıldır ürün ekipleri ve markalarla çalışıyorum. İşimin merkezinde araştırma var: kullanıcıyı anlamadan piksel çizmem. E-ticarette dönüşüm, oyunda tutundurma, her yerde netlik — dengeyi ben kurarım.I've worked with product teams and brands for 6 years. Research sits at the core: I don't push pixels before understanding the user. Conversion in e-commerce, retention in gaming, clarity everywhere — I build that balance.
Figma
FigJam
Protopie
Illustrator
After Effects
Webflow
HİZMETLERSERVICES
UX AraştırmasıUX Research
(B)
Tasarım SistemleriDesign Systems
(C)
PrototiplemePrototyping
(D)
(04)
NASIL ÇALIŞIRIM.HOW I WORK.
[ 4 STEPS ]
(01)
KeşfetDiscover
Paydaş görüşmeleri, kullanıcı araştırması, rakip analizi.Stakeholder interviews, user research, competitor analysis.
(02)
TanımlaDefine
Akışlar, bilgi mimarisi, başarı metrikleri.Flows, information architecture, success metrics.
(03)
TasarlaDesign
Wireframe'den piksel hassasiyetine; her ekran prototiple test edilir.Wireframe to pixel-perfect; every screen tested via prototype.
(04)
TeslimDeliver
Kullanılabilirlik testi, geliştirici dokümantasyonu, yayın sonrası ölçüm.Usability testing, dev handoff, post-launch measurement.
