Tüm Projeler

Web Sitesi · 2026

Oyun tasarımcısı için kişisel portfolyo sitesi

Rol

Art Direction + Tasarım + Geliştirme (Müşteri Projesi)

Teknolojiler

Web DesignArt DirectionHTML/CSS/JSMotion

Kullanılan Programlar

FigmaVS CodeHTML/CSS/JSPhotoshopGoogle Fonts

Gizem, oyun ekonomileri ve sistemleri tasarlayan bir game designer. 50M+ indirmeye katkı vermiş bir kariyer, hazır şablon portfolyoların içinde görünmez kalıyordu. Stüdyoların karşısına, işinin doğasını — sistem düşüncesini — kendisi de bir sistem gibi kurgulanmış bir siteyle çıkması gerekiyordu.

Art direction'ı Gizem'in disiplininden türettim: siyah zemin üzerine asit yeşili, blueprint ızgaraları, wireframe 3D geometriler ve veri-görselleştirme estetiği. 'I turn small inspiring ideas into systems' manifestosu etrafında beş sayfalık bir yapı kurdum: ana sayfa, hakkında, case study'ler, başarılar ve yaratıcı işler. Siteyi framework kullanmadan, elle yazılmış HTML/CSS/JS ile geliştirdim — scroll'la tetiklenen reveal koreografisi, sayaç animasyonları ve marquee şeritleriyle.

01

Keşif & İçerik Mimarisi

Gizem'in CV'si, oyun listesi ve hedefleri üzerinden içerik haritası: hangi iş hangi sayfada, hangi sayı nerede konuşacak.

02

Art Direction

Asit yeşili + siyah palet, terminal/blueprint dokusu, wireframe geometriler. Oyun tasarımcısının masasındaki dokümanların estetiği web'e taşındı.

03

Tasarım Sistemi

Tek CSS dosyasında token'laşmış renk/tip sistemi; kartlar, şeritler, sayaçlar ve etiketler için tekrar kullanılabilir desenler.

04

Kodlama & Motion

Framework'süz, hafif ve hızlı bir site; IntersectionObserver ile reveal koreografisi, hover mikro-etkileşimleri, marquee'ler.

Bir 'sistem tasarımcısını' anlatan görsel dil — portfolyonun kendisi bir oyun ekonomisi dokümanı gibi okunuyor

80+ oyunluk dağınık bir kariyeri, öne çıkan işler + hyper-casual arşivi olarak hiyerarşiye oturtmak

Framework'süz kurulumda modern motion hissi — sıfır bağımlılıkla reveal ve sayaç koreografisi

Ana sayfa — manifesto, sayılar ve öne çıkan oyunlar
Ana sayfa — manifesto, sayılar ve öne çıkan oyunlar
Case study sayfası — sistem kararlarının anlatımı
Case study sayfası — sistem kararlarının anlatımı
Yaratıcı işler — oyun dışı üretimler
Yaratıcı işler — oyun dışı üretimler
Mobil deneyim
Mobil deneyim

Bu Projeden Öğrendiğim

En güçlü art direction, müşterinin mesleğinin içinden çıkıyor. Gizem'in sitesi 'güzel görünsün' diye değil, 'onun gibi düşünsün' diye tasarlandı.

Stüdyolara gönderilmeye hazır, kişiliği yüksek bir portfolyo: sayılar (5+ yıl, 80+ oyun, 50M+ indirme) ilk ekranda konuşuyor, case study'ler tasarım kararlarını sistem diliyle anlatıyor.