Product Designer & Frontend Developer
DİJİTAL
ÜRÜN
DENEYİMLERİ.

Arayüz tasarlar, frontend sistemleri geliştirir ve fikirleri yayına hazır dijital ürünlere dönüştürürüm.

Odak Alanları
INTERFACE SYSTEMS

Net hiyerarşi, ölçeklenebilir bileşen yapısı ve kontrollü görsel dil ile arayüz sistemleri tasarlarım.

PRODUCT THINKING
FRONTEND CRAFT
EXPERIENCE ARCHIVE
Seçili İşler
PRODUCT
WORK ARCHIVE

Yayındaki ürünler, internal sistemler, profesyonel ürün işleri, creative engineering denemeleri, landing yüzeyleri ve gelişen marka kimliği çalışmalarından oluşan seçili bir arşiv.

Flagship ProductLive Product2026
01
AURA PILATES

Studio Management & Booking Platform

Aura Pilates; public website, müşteri randevu yolculuğu, üyelik bazlı randevu mantığı, ölçüm kayıtları ve internal yönetim akışlarını kapsayan yayındaki uçtan uca bir stüdyo platformudur.

Rol

End-to-end Product Builder

Çıktı

Proje, stüdyonun marka dilini, randevu deneyimini ve operasyonel iş akışını tek bir polished dijital ürün içinde bir araya getirir.

Stack

Next.jsTypeScriptSupabasePrismaTanStack Query
Aura Pilates landing page

Landing Experience

2400 × 1600 · Görsel

Aura Pilates brand surface

Brand Surface

2100 × 1200 · Görsel

Aura Pilates booking screen

Booking Flow

1400 × 2100 · Görsel

Aura Pilates measurement screen

Measurement Records

1400 × 2100 · Görsel

System ProductInternal / Unreleased2025
02
PY360

Performance & Strategy Management Platform

PY360; KPI takibi, hedef akışları, dashboard yüzeyleri ve görsel strateji haritalama yapılarını kapsayan internal bir strateji ve performans yönetimi platformudur.

Rol

Frontend Developer + Product Flow Contribution

Çıktı

Proje, karmaşık hedef, inisiyatif ve proje ilişkilerini daha net ve daha gezilebilir bir ürün deneyimine dönüştürür.

Stack

Next.jsTypeScriptshadcn/uiTailwindTanStack Query

Strategy Map Demo

1600 × 1100 · Video

Video
PY360 dashboard

Dashboard Surface

2000 × 1200 · Görsel

PY360 login screen

Access Screen

1400 × 2100 · Görsel

Live ProductLive / Private Screens2024 — 2025
03
QUBQA

Hospital Quality Management System

Qubqa; frontend implementation, role-based ürün akışları, data-heavy interface pattern’ları ve private internal sistem ekranları tarafında katkı verdiğim yayındaki bir hastane kalite yönetim ürünüdür.

Core ürün ekranları private olduğu için proje, screenshot-heavy bir case study yerine odaklı bir açıklama kartı, canlı link ve küçük marka işaretiyle sunulur.

Ürün tipi

Hospital Quality Management System

Rol

Frontend Developer + Product/UI Contribution

Durum

Live / Private Screens

Önizleme

Private sistem ekranları

Stack

Next.jsTypeScript.NETTailwindData Tables
Canlı ürünü ziyaret etInternal ekranlar gösterilmeden sunulmuştur

Live Product Mark

1080 × 1080

Live
Qubqa logo

Live Product Mark

QUBQA

İş Deneyimi
PROFESSIONAL
EXPERIENCE

04 · 2024

WINKOFFICE

Frontend Developer · Remote Product Team

WinkOffice’te remote frontend developer olarak ürün arayüzleri, dashboard yapıları, reusable component pattern’ları ve user-facing flow’lar üzerinde çalıştım. Bu rol sırasında, şirket ekosistemi içindeki product workstream’ler olarak Collap ve Breakroom’a katkı verdim.

Next.jsTypeScriptFirebaseTailwindshadcn/ui

Üzerinde çalışılan işler

Meeting Workflow Platform

COLLAP

Meeting workflow’ları, sprint ritüelleri, retrospective/prospective formatları ve structured team communication odağında geliştirilmiş bir collaboration product.

Meeting flowsAdmin panelUser panelKanban logic

Corporate Engagement Platform

BREAKROOM

Internal event’ler, break experience’ları ve workplace interaction flow’ları etrafında tasarlanmış corporate engagement product.

Corporate UXEvent flowsAdmin logicEngagement

05 · 2023 — 2024

PCA GRADE

Frontend Developer · Professional Experience

PCA Grade’de mevcut Symfony/Twig tabanlı sistem üzerinde frontend maintenance, e-commerce surface’ler, admin dashboard güncellemeleri, landing page section’ları ve production-facing UI iyileştirmelerine katkı verdim.

Vue.jsVanilla JSTwigSymfonyPHPHTMLCSS

Profesyonel kapsam

Frontend maintenance
E-commerce surfaces
Admin dashboard updates
Landing page sections
Ürün Arşivi
PRODUCT
ARCHIVE

Collection Cover

2100 × 1200 · Video

Video

06 · Ongoing

THREE.JS / R3F COLLECTION

Three.js, React Three Fiber, particle systems, scroll-driven scene’ler ve spatial interface fikirleri etrafında geliştirilmiş interactive frontend experiment koleksiyonu.

Three.jsReact Three FiberParticlesScroll-driven UI

Software Landing

2100 × 1200 · Video

Video
Real estate landing

Real Estate Landing

2100 × 1200 · Görsel

07 · Selected Surfaces

LANDING SYSTEMS

Product communication, conversion clarity, responsive presentation ve premium first impression odağında tasarlanmış polished landing surface koleksiyonu.

Landing designResponsive UIConversion surfaceSEO-ready
ForFun Teller logo surface

ForFun Teller Logo

2100 × 1200 · Görsel

08 · Unreleased Experiment

FORFUN TELLER

Flutter ve Dart ile geliştirilmiş mobile-first bir product experiment. Yayına alınmış bir flagship ürün gibi değil, mobile product knowledge sinyali olarak konumlandırılmıştır.

FlutterDartMobile UIProduct experiment
Gelişen Marka Çalışmaları
BRAND
SURFACES
Aura brand surface

Aura Brand Surface · 2100 × 1200

09 · Used in Product

AURA BRAND

Aura Pilates ürün deneyiminin parçası olarak oluşturulmuş; stüdyonun görsel kimliğini landing page ve dijital ürün akışlarıyla bağlayan bir brand surface.

ForFun Teller logo surface

ForFun Teller Logo · 2100 × 1200

10 · Mobile Product Mark

FORFUN TELLER

ForFun Teller mobile product experiment için oluşturulmuş logo ve brand surface; gelişen brand work archive’ın bir parçası olarak sunulur.

Inpoint logo

Inpoint Brand Surface · 2100 × 1200

11 · Internal Concept

INPOINT

Internal communication ve intranet-style product concept için oluşturulmuş; clean, structured ve product-ready identity odağında bir brand surface.

Portfolio personal mark

Personal Mark · SVG

12 · Personal System

PORTFOLIO MARK

Portfolio identity system içinde kullanılan personal mark; client logo work gibi değil, küçük bir visual direction sinyali olarak dahil edilmiştir.

Hakkımda
KOD.
TASARIM.
ÜRÜN.

Frontend geliştirme ile başladım. Zamanla tasarım, ürün akışı, görsel dil ve sunum tarafını da üretim sürecimin parçası haline getirdim.

Bugün odağım; fikri yalnızca ekrana taşımak değil, onu kullanılabilir, anlaşılır ve güven veren bir dijital ürüne dönüştürmek.

Konum

Antalya, Türkiye

Köken

Frontend

Bugün

Design · Build · Present

Product UIFrontendVisual DesignEnd-to-End
Portrait
Portrait

Profil

Kod tarafında başlayan, tasarım ve ürün düşüncesiyle genişleyen bir üretim pratiği.

Benim için iyi ürün; doğru görünen, doğru çalışan ve kendini net anlatan yapıdır.

Product Method

01

Context

İhtiyaç, hedef, kullanıcı ve ürün bağlamını netleştiririm.

02

Structure

Veri akışı, bileşen ilişkisi ve ekran omurgasını kurarım.

03

Interaction

Durumları, geri bildirimi ve hareket ritmini tasarlarım.

04

Delivery

Yayına hazır, sürdürülebilir ve anlatılabilir çıktıya odaklanırım.

Method Notes

Logic

01

Önce ürün mantığı

Her ekranın neyi çözdüğünü ve kullanıcıyı hangi karara taşıdığını netleştiririm.

Craft

02

Sonra arayüz kalitesi

Tipografi, boşluk, hiyerarşi ve motion ile kontrollü bir deneyim kurarım.

Delivery

03

En sonda teslim disiplini

Tasarım, geliştirme, içerik ve sunumu aynı ürünün parçaları olarak ele alırım.

Benim için method; tasarım süsü değil, ürünün doğru anlaşılması, doğru kurulması ve doğru teslim edilmesi için çalışan bir sistemdir.

Yaklaşım
ORDER.
FLOW.
OUTPUT.

Ekrana geçmeden önce ürünün mantığını kurarım. Akış, yapı ve etkileşim netleştiğinde arayüz yalnızca güzel görünmez; doğru çalışır, anlaşılır kalır ve büyüdükçe dağılmaz.

Eğitim
ACADEMIC
FOUNDATION

Eğitim geçmişim, teknik üretim yaklaşımımın arkasındaki analitik düşünme, disiplin ve sistem okuma becerisini besleyen temel katmanlardan biri.

2016
012016 — 2020Nutrition & Dietetics

HACETTEPE ÜNİVERSİTESİ

Analitik düşünme, metodoloji ve sistematik çalışma temelimin oluştuğu dönem.

2023
022023 — 2025Software Engineering

İZMİR KATİP ÇELEBİ ÜNİVERSİTESİ

Teknik yönümü derinleştiren ve mühendislik yaklaşımımı netleştiren katman.

Tech Arsenal
SYSTEMS
NOT STACKS

Teknolojiyi birer araç olarak değil, ürün inşa eden bütünleşik bir sistemin parçaları olarak kullanıyorum. Amaç logoları toplamak değil; sürdürülebilir, ölçeklenebilir ve etkisi olan ürünler üretmek.

System Status

Operational

Arsenal Console v2.4

01

CORE

> Frontend Core

Next.js / React / TypeScript

Okunabilir yapı, bileşen mantığı, performans ve ürün seviyesinde frontend üretimi.

02

LAYER

> Design Layer

Figma / Tailwind / shadcn/ui / Motion

Görsel dil, ritim, marka yüzeyi ve sosyal medyaya uyumlu tasarım sezgisi.

03

DATA

> Backend & Data

Supabase / Firebase / Prisma / Node.js

Veri akışı, servis mantığı, auth yapısı ve sürdürülebilir backend düşüncesi.

04

DELIVERY

> Product Delivery

Flutter / Digital Products / Launch

Mobil çıktı, yayına hazır ürün yaklaşımı ve satılabilir dijital ürün teslimi.

Supporting

Signals

.NET Basics
Python Basics
Three.js / R3F

Sync

Live

Delivery System

Bir ürün ekran güzel göründüğünde değil; kullanılabilir, anlaşılabilir ve yayına hazır olduğunda tamamlanır.

01

Idea to Scope

Fikri, hedef kullanıcıyı ve ürünün gerçek ihtiyacını netleştiririm.

02

Interface to System

Arayüzü tekil ekranlar olarak değil, büyüyebilen bir ürün sistemi olarak kurarım.

03

Build to Launch

Frontend, veri akışı, içerik yüzeyi ve teslim kalitesini yayına hazır hale getiririm.

04

Launch to Sell

Ürünün yalnızca çalışmasını değil, sunulabilir ve satılabilir hale gelmesini önemserim.

Output Types

Premium portfolio buildsProduct landing pagesFrontend systemsDigital product surfacesBooking / dashboard flowsSocial-ready brand assets
Product Delivery
FROM IDEA
TO REAL PRODUCT

Fikri sadece tasarıma veya koda çevirmekle kalmam; onu sunulabilir, kullanılabilir ve yayına hazır bir dijital ürün yüzeyine dönüştürmeye odaklanırım.

Built to be seen, used and shipped.

Signature Method

Clarity.Rhythm.Control.

Ürün deneyimlerini yapı, zevk ve teslim disipliniyle inşa ederim.

Structure / Taste / Delivery