Çalışma alanı İzmit, Türkiye — uzaktan / globalde

Deneyim 8+ yıl üretim

Mevcut durum Müsait · Q3 2026

cem/ web studio.

Animasyon odaklı, performanslı web siteleri tasarlıyor ve geliştiriyorum. Markaların dijitalde hatırlanmasını sağlayacak bir his bırakmak için.

projeler 0+ Tasarımdan yayına, tek elden.

↓ Aşağı kaydır

/01 Hakkında

Bölüm 01 / 05

Bir kişilik bir stüdyo. Ben Cem Yıldız — markaların web'deki ilk izlenimini tasarlayıp kodluyorum.

cemwebstudio, geleneksel bir ajansın yavaşlığı olmadan ajans kalitesinde iş çıkaran bir solo stüdyo.

İlgilendiğim alan: animasyon odaklı web.

Genelde tasarım stüdyoları ile çalışıyorum.

Sevkiyat 0+ Proje teslim

Müşteri 0 Yurt içi + dışı

Sene 0+ Üretim deneyimi

Solo 01 Tek kişilik stüdyo

/02 Hizmetler

Bölüm 02 / 05

/01

Tasarım & Sanat Yönetimi

Marka kimliğinden, sayfa tasarımına. Tipografi, ızgara, renk paleti, prototip.

Figma Brand Web Print

↗

/02

Geliştirme

Astro · Next · WordPress headless · TypeScript · TailwindCSS.

Astro Next.js TypeScript Tailwind Headless

↗

/03

Animasyon & Etkileşim

GSAP, ScrollTrigger, SplitText, Lenis ve canvas/WebGL ile site içi mikro hikâyeler.

GSAP ScrollTrigger SplitText Lenis three.js

↗

/04

CMS & Otomasyon

İçerik ekibinin tek başına yönetebileceği panel kurguları.

Sanity Strapi Storyblok Statamic

↗

/05

Performans & SEO

Core Web Vitals 95+. Görsel optimizasyon, structured data, technical SEO temizliği.

Lighthouse CWV Schema a11y

↗

/03 Seçili İşler

Üretim · Kayıt 03 ENTRY / 34

cws CH 01 · AYSA

REC ● SP — EP 01 #3vva-0001/06 2024 · İstanbul

AYSA
WORKSdesign studio portfolio

REC ● SP — EP 02 #dbq8-0002/06 2024 · brand

BLUE
KIMbrand / kurumsal

REC ● SP — EP 03 #87va-0003/06 2023 · İzmit

DRNEKİNOTO
SERVİSoto servis · izmit

REC ● SP — EP 04 #cws0-0004/06 2026 · İzmit

CEMWEB
STUDIOfreelance web stüdyosu

REC ● SP — EP 05 #yrt0-0005/06 2026 · yerel

ATLAS
PANEL SCRİPThasar formu yarı-otomatik doldurucu

REC ● SP — EP 06 #drn0-0006/06 2026 · İzmit

DRN
PANELdeğer kaybı yönetim paneli

REC CH 01 00:00:00

SIGNAL SP · 16:9

100

/04 Stack

Sürekli kullandığım araçlar 18 TOOLS

framework Astro v4.15

framework Next.js v14

language TypeScript strict

motion GSAP 3.12 · ScrollTrigger

scroll Lenis smooth scroll

type SplitText gsap club

styling Tailwind v3 · v4

cms Sanity studio v3

cms Storyblok visual editor

3d three.js r3f

design Figma var · tokens

build Vite v5

/05 Süreç

Brief → Yayın 4 adım · 6–10 hafta

01 · DISCOVERY 1 hafta

Keşif

Brief, hedefler, içerik envanteri, rakip taraması, teknik kısıtlar.

Kapsam dokümanı Tahmin & zaman planı

02 · DESIGN 2–3 hafta

Tasarım

Tipografi sistemi, ızgara, anahtar sayfalar, prototip ve hareket eskizleri.

Anahtar sayfalar Hareket prototipi

03 · BUILD 3–5 hafta

Geliştirme

Astro tabanlı build, GSAP/Lenis ile sahne kurgusu, CMS bağlama, kalite testi.

Yayın adayı CMS panel

04 · LAUNCH 1 hafta + ongoing

Yayın & Bakım

DNS, performans pasoları, analytics, ilk ay sonrası bakım anlaşması.

Production launch Bakım planı

/06 Çıktılar

Notlar Seçili anlar

2025 SiteInspire — Sitemap özelliğicemwebstudio.com Yayın

2024 GSAP — Showcase mentionBlueKim için yapılan açılış animasyonu Bahis

2024 Awwwards — Honorable mentionDRNEKİNOTO SERVİS oto servis sitesi Anma

2024 CSSDA — Special KudosAysaWorks portfolyo Kudos

2023 Webby — NomineeSelf-initiated case study Aday

Bir proje mi var?

birlikte iyi bir şey yapalım.

info@cemwebstudio.com

CodePen ↗ LinkedIn ↗ GitHub ↗ Twitter ↗