Müsait — İşbirliğine açık

Buğra
Yetiş

> |

Öğrenmeye açık, kendini sürekli geliştiren bir web geliştiricisi ve grafik tasarımcısıyım. Yaratıcı fikirleri işlevsel, animasyonlu tasarımlara dönüştürüyorum.

Projeleri Gör → İletişime Geç

Kaydır

✦ React ✦ GSAP Animations ✦ TypeScript ✦ MongoDB ✦ Bootstrap 5 ✦ Resend ✦ Nodemailer ✦ HTML E-postalar ✦ Figma ✦ WordPress ✦ Shopify ✦ Photoshop ✦ Illustrator ✦ Unreal Engine ✦ React ✦ GSAP Animations ✦ TypeScript ✦ MongoDB ✦ Bootstrap 5 ✦ Resend ✦ Nodemailer ✦ HTML E-postalar ✦ Figma ✦ WordPress ✦ Shopify ✦ Photoshop ✦ Illustrator ✦ Unreal Engine

01 — Hakkında

Ben kimim?

Merhaba! Ben Buğra Yetiş — İstanbul merkezli bir Mid Web Developer & Grafik Tasarımcıyım. MAE Reklam Ajansı'nda stajyer olarak başladığım kariyerimde hızla ilerleyerek Mid Web Developer & Grafik Tasarımcı pozisyonuna yükseldim.

Büyük ölçekli markalar için özel yazılım tabanlı web siteleri geliştiriyor, etkinlik tanıtım sayfaları tasarlıyor ve sosyal medya görsel içerikleri üretiyorum. React, GSAP, TypeScript gibi modern teknolojilerle etkileyici kullanıcı deneyimleri yaratmayı seviyorum.

Aynı zamanda MongoDB, Nodemailer gibi back-end araçlarıyla full-stack projeler üretiyor; Photoshop, Illustrator ve Figma ile güçlü görsel kimlikler tasarlıyorum.

0

Yıl Deneyim

0

Tamamlanan Proje

0

Teknoloji

0

Sertifika

BY

Buğra Yetiş

Mid Web Developer

📍 İstanbul, Türkiye

React GSAP TypeScript MongoDB Figma

02 — Beceriler

Neler yapabilirim?

⚡

Web Geliştirme

HTML / CSS95%

JavaScript80%

TypeScript75%

React65%

Bootstrap 592%

GSAP Animasyonları88%

Three.js / WebGL65%

jQuery / AOS / Slick82%

Uyumlu Web Tasarımı93%

🗄️

Back-end & Araçlar

MongoDB70%

Resend / Nodemailer (Mail Sistemi)80%

HTML E-postalar85%

WordPress Tasarımı80%

Shopify72%

Git / GitHub85%

Webflow78%

📱

Mobil Geliştirme

React Native70%

Expo72%

Vite78%

React Navigation68%

Native Modüller (Kamera, GPS, Bildirim)65%

App Store / Google Play Yayınlama70%

AsyncStorage / SQLite65%

Push Notifications (FCM / APNs)62%

🤖

AI & Entegrasyonlar

OpenAI API (GPT / DALL-E)75%

Claude AI / Anthropic API72%

AI Prompt Mühendisliği80%

Stripe / iyzico (Ödeme Altyapısı)68%

In-App Purchase (iOS / Android)60%

Firebase (Auth, Firestore, Storage)70%

REST API / Webhook Entegrasyonu78%

Google Maps / Mapbox API72%

🎨

Grafik & Tasarım

Adobe Photoshop90%

Adobe Illustrator82%

Figma85%

Sosyal Medya Tasarımı90%

Fotoğraf Düzenleme88%

Unreal Engine 550%

⚡ HTML5 🎨 CSS3 📜 JavaScript ES6+ 🔷 TypeScript ⚛️ React 🟢 Bootstrap 5 🎬 GSAP 🍃 MongoDB 📧 Resend 📧 Nodemailer ✉️ HTML E-postalar 📱 Uyumlu Web Tasarımı 🤝 Ekip Çalışması 🐙 Git / GitHub 🔵 WordPress 🛒 Shopify 🖼️ Photoshop ✏️ Illustrator 🎯 Figma 🎮 Unreal Engine 5 🌐 Webflow 🔺 Three.js ⚡ WebGL 📱 jQuery 🎢 AOS 🎠 Slick Slider 📱 React Native 🚀 Expo ⚡ Vite 🧭 React Navigation 🔔 Push Notifications 📦 AsyncStorage 🏪 App Store / Play Store 🤖 OpenAI API 🧠 Claude AI / Anthropic 💳 Stripe 💰 iyzico 🛍️ In-App Purchase 🔥 Firebase 🔗 REST API 🗺️ Google Maps API 📍 Mapbox 🔐 Firebase Auth 📊 Firestore 🪝 Webhook 📸 Kamera / GPS / Sensörler 🎯 AI Prompt Engineering

03 — Deneyim

Çalışma Geçmişim

2024 — Devam Ediyor

Mid Web Developer / Grafik Tasarımcı

MAE Reklam Ajansı · İstanbul

Büyük ölçekli markalar için özel yazılım tabanlı web siteleri geliştirdim. React ve GSAP ile animasyonlu, mobil uyumlu kurumsal web projeleri tamamladım. Mailing şablonları ve dijital imza sistemleri oluşturdum. Web ve tasarım projelerinde liderlik rolleri üstlendim.

2023 — 2024

Junior Web Developer

MAE Reklam Ajansı · İstanbul

Etkinlik çekimleri, fotoğraf düzenlemeleri ve sosyal medya görselleri tasarladım. HTML, CSS ve Bootstrap kullanarak tanıtım sayfaları oluşturdum. Marka kimliğine uygun sosyal medya tasarım setleri hazırladım.

2022 — 2023

Stajyer Web Developer

MAE Reklam Ajansı · İstanbul

Web geliştirme alanında profesyonel deneyim kazandım. Photoshop ile fotoğraf rötuşları ve renk optimizasyonları yaptım. Takım projelerinde aktif rol alarak süreçlerin tamamlanmasına katkı sağladım.

04 — Mobil Uygulamalar

Mobil Uygulamalar

Mobil Uygulama

📱

01

OurDay — Düğün Planlama

Düğün planlama sürecini kolaylaştıran kapsamlı mobil uygulama. AI destekli düğün rehberi ve premium özellikler sunuyor.

React Native AI Asistan Mobil

Detayları Gör →

Mobil Uygulama

🛡

02

Protocol — Hayatta Kalma Asistanı

İnternet bağlantısı olmadan çalışan acil durum ve hayatta kalma rehberi. SOS fener, morse kodu ve acil alarm sunuyor.

React Native Offline SOS

Detayları Gör →

Mobil Uygulama

🚐

03

Cem Ecevit TV — Karavan & Kamp

AI destekli rota planlayıcı ve kamp alanı keşif platformu. 25.000+ kamp alanı ve topluluk rotaları sunuyor.

React Native AI Planlama Harita

Detayları Gör →

05 — Projeler

Öne Çıkan İşlerim

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 ↗

Otomasyon

⚙

01

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

İnteraktif Deneyim

↗

02

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 ↗

Kurumsal Site

↗

03

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 ↗

Dijital Ajans

↗

04

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 ↗

Kurumsal Site

↗

05

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 ↗

Ürün & Satış

↗

06

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 ↗

Seyahat & Karavan

↗

07

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 ↗

3D Scroll

↗

08

3B Scroll Website — Ürün Tanıtımı

Ürün tanıtımı için geliştirdiğim 3 boyutlu scroll deneyimi. Mobil cihazlarda yatay görünüm için optimize edilmiş; kaydırma hareketiyle ürün perspektifi değişiyor, tam sürükleyici bir sunum.

GSAP CSS 3D ScrollTrigger Mobile Opt.

Siteyi Gör ↗

Online Kayıt

↗

09

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 ↗

GSAP Animasyon

↗

10

Countdown — Animasyonlu Geri Sayım

Medtronic elektrofizyoloji ü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 ↗

Ürün Tanıtımı

↗

11

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 ↗

E-Ticaret

↗

12

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 ↗

Book Animasyon

↗

13

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 ↗

Kurumsal Site

↗

14

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 ↗

Webflow

↗

15

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 ↗

Festival / Etkinlik

↗

16

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 ↗

Three.js / 3D

↗

17

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 ↗

Kurumsal Site

↗

18

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 ↗

Ürün Tanıtım

↗

19

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 ↗

Kreatif Stüdyo

↗

20

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

Siteyi Gör ↗

Ürün & Animasyon

↗

21

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 ↗

Kurumsal Site

↗

22

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 ↗

Animasyonlu Sunum

↗

23

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 ↗

E-Ticaret

↗

24

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 ↗

✦

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 ↗

06 — Eğitim & Sertifikalar

Akademik Geçmiş

2023 — 2025

Bilgisayar Programcılığı

Atatürk Üniversitesi AÖF · Meslek Yüksekokulu

2019 — 2023

Bilişim Teknolojileri

Haydarpaşa MTAL · Lise

BTK Akademi Sertifikası

HTML, CSS & Web Kullanılabilirliği

BTK Akademi

BTK Akademi Sertifikası

Bootstrap 5 ile Web Programcılığı

BTK Akademi

BTK Akademi Sertifikası

JavaScript ile Web Programcılığı

BTK Akademi

BTK Akademi Sertifikası

React ile Web Programcılığı

BTK Akademi

07 — İletişim

Çalışalım
mı?

Yeni projeler, iş birlikleri veya sadece merhaba demek için.

✉️ bugrayetis305@gmail.com 📞 +90 536 595 79 42 🐙 GitHub 💼 LinkedIn