Web arayüzü geliştiricisi
Şirketlerin ve markaların web arayüzlerini kuruyorum.
Tanıtım sayfasından yönetim paneline kadar, tasarımdan koda tek elden.
İşi az sayıda alıp her birinin üzerinde uzun süre durmayı tercih ediyorum. Aynı anda beş projeyi yürütüp hepsini ortalama teslim etmektense, iki projeyi hakkını vererek bitirmek bana daha doğru geliyor.
Hazır tema kurup içini doldurmuyorum. Aşağıdaki beş arayüzün hepsi sıfırdan yazıldı; grafikler, ikonlar, logolar ve cihaz görselleri dahil hiçbirinde hazır varlık kullanılmadı. Bu, sayfaların hızlı açılması ve her ekranda net görünmesi demek.
Teslim ettiğim işin altı boş olmasın istiyorum: kodu okunabilir, yapısı devredilebilir ve bir yıl sonra üzerine eklenebilir olur.
Arayüz geliştirme
- React
- Next.js (App Router)
- TypeScript
- Tailwind CSS
Tasarım tarafı
- Responsive kurgu
- Tipografi ve düzen
- SVG ve ikon tasarımı
- Erişilebilirlik
Yayına alma
- Docker
- Nginx
- Statik dışa aktarım
- Sunucu kurulumu
Örnek işler
Ekran görüntüsü değil, sitenin kendisi
Aşağıdaki beş arayüz gerçekten çalışıyor. Sekmeye tıkla, içinde gez, cihaz genişliğini değiştir.
Hero bölümündeki ürün panosu ekran görüntüsü değil; grafik dahil her parçası kodla çizildi. Böylece her ekran boyutunda net kalıyor ve tek bir görsel dosyası bile indirilmiyor.
Sepet React Context ile tutuluyor ve üç sayfada da aynı durumu paylaşıyor. Ürün listesindeki filtreler doğrudan veriden türetiliyor; yeni ürün eklendiğinde filtre listesi ve adetler kendiliğinden güncelleniyor.
Grafik kütüphanesi kullanılmadı — alan grafiği, sparkline'lar ve halka grafik elle yazılmış SVG. Mock veriler de rastgele değil: kanal ciroları toplamı aylık ciroyu, sipariş adetleri de KPI kartını birebir doğruluyor.
Altı sayfalı bir kurumsal site. Navbar anasayfada şeffaf başlayıp kaydırınca doluyor, iç sayfalarda baştan opak geliyor. İletişim sayfasındaki harita üçüncü parti servis değil, elle çizilmiş SVG — anahtar da istek de yok.
Telefon mockup'ları ekran görüntüsü değil: cihaz gövdesi CSS, içindeki üç uygulama ekranı gerçek React bileşeni. Halka grafikler ve bar grafikleri gerçekten çiziliyor, resim değiller.
Hizmetler
Ne yapıyorum
Dört başlıkta çalışıyorum. Yukarıdaki beş örnek de bu başlıkların birer karşılığı — anlattığım şeyi gezerek görebiliyorsun.
Landing page / tanıtım sitesi
Ürün, kampanya veya etkinlik için tek sayfalık, dönüşüme odaklı siteler.
- Metin yerleşimi ve kurgu
- Mobil öncelikli tasarım
- Form ve çağrı bölümleri
Kurumsal web sitesi
Çok sayfalı şirket siteleri: anasayfa, hizmetler, ekip, referanslar, iletişim.
- Sayfa mimarisi
- İçerik yapısı
- İletişim formu ve harita
E-ticaret arayüzü
Ürün listeleme, filtreleme, ürün detayı ve sepet akışı içeren mağaza arayüzleri.
- Filtre ve sıralama
- Sepet durumu yönetimi
- Ürün detay şablonu
Yönetim paneli / web uygulaması
Grafik ve tablo yoğun, veriyle çalışan arayüzler.
- Grafik ve gösterge kartları
- Veri tabloları
- Filtre ve toplu işlemler
Süreç
İlk mesajdan teslime
Her adımın sonunda ne teslim edileceğini baştan yazıyorum. Böylece iş ortasında "bu da dahil miydi?" sorusu çıkmıyor.
Konuşalım
Ne yapmak istediğini, kime hitap ettiğini ve takvimi netleştiriyoruz.
Kapsam ve teklif
Neyin dahil olduğunu yazılı veriyorum. Sürpriz kalem çıkmıyor.
Tasarım
Önce yapıyı, sonra görünümü kuruyorum. Ara teslimlerde birlikte bakıyoruz.
Geliştirme
Arayüz kodlanıyor; her ekran boyutunda test ediliyor.
Yayın ve teslim
Siteyi yayına alıyorum, kodu ve kısa bir kullanım notuyla devrediyorum.
Sık sorulanlar
Başlamadan önce
Evet. Elinizde hazır bir tasarım varsa ona sadık kalarak koda dökerim; yoksa tasarımı da ben kurarım. Aşağıdaki beş örneğin tasarımı da kodu da bana ait.
Metin ve marka görselleri sizden geliyor. Hazır değilse yerleşim örnek metinle kurulur, siz sonradan doldurursunuz. Görsel yönlendirmesi konusunda ne aramanız gerektiğini yazılı olarak veriyorum.
İsterseniz evet. Kendi sunucunuza veya bir bulut sağlayıcıya kurulumu yapıp teslim ediyorum; sonrasında güncelleme yapabilmeniz için de kısa bir yönerge bırakıyorum.
Hayır. Modern arayüz teknolojileriyle çalışıyorum (React / Next.js). Bu, sayfaların daha hızlı açılması ve tasarımda sınır olmaması anlamına geliyor. Blog gibi içerik girişi gereken durumlarda uygun bir çözümü birlikte seçiyoruz.
Tek sayfalık bir tanıtım sitesi 1–2 hafta, çok sayfalı kurumsal site 3–4 hafta, panel ve e-ticaret arayüzleri kapsamına göre daha uzun. Kesin süreyi kapsam netleştiğinde veriyorum.
İletişim
Aklında bir proje varsa, önce onu konuşalım.
Ne yapmak istediğini iki paragrafla anlatman yeterli. Uygun olup olmadığımı, yaklaşık süreyi ve bütçe aralığını ilk yanıtta söylüyorum — karşılıklı vakit kaybı olmasın.
meyupkaya.ek@gmail.com© 2026 Eyüp Kaya
meyupkaya.com