Hakan Urtimur | Product Engineer

DİJİTAL

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.

TecrübelerProjeleri İncele

İletişimBirlikte Çalışalı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

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

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

Landing Experience

2400 × 1600 · Görsel

Brand Surface

2100 × 1200 · Görsel

Booking Flow

1400 × 2100 · Görsel

Measurement Records

1400 × 2100 · Görsel

System ProductInternal / Unreleased2025

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

Dashboard Surface

2000 × 1200 · Görsel

Access Screen

1400 × 2100 · Görsel

Live ProductLive / Private Screens2024 — 2025

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

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

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

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 · 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 · 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 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.

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.

ABOUT

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

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

System before surface

Context

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

Structure

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

Interaction

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

Delivery

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

Method Notes

Logic

Önce ürün mantığı

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

Craft

Sonra arayüz kalitesi

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

Delivery

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.

METHOD

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.

Product logic / Interface rhythm / Delivery discipline

Systems before surfaces. Decisions before decoration.

EDUCATION

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.

Scroll to explore

010011 / Product System / Active

MATRIX

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

User: Hakan.Urtimur

CORE

> Frontend Core

Next.js / React / TypeScript

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

ACTIVE

SYS / 01

LAYER

> Design Layer

Figma / Tailwind / shadcn/ui / Motion

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

READY

SYS / 02

DATA

> Backend & Data

Supabase / Firebase / Prisma / Node.js

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

SYNC

SYS / 03

DELIVERY

> Product Delivery

Flutter / Digital Products / Launch

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

LIVE

SYS / 04

Supporting

Signals

.NET Basics

Python Basics

Three.js / R3F

Sync

Live

DELIVERY

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.

Idea to Scope

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

Interface to System

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

Build to Launch

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

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.

Direct lineMesaj Gönder

Proofİşleri İncele

Built to be seen, used and shipped.

Signature Method

SIGN

Clarity.Rhythm.Control.

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

Structure / Taste / Delivery