Tasarım nasıl görünüyorsa kod da öyle davranmalı.

Tipografi ve düzen kadar geçişleri ve etkileşimi de aynı kararın parçası olarak kuruyor; tasarımın niyetini kodda aynı özenle sürdürüyoruz.

Basamak gibi dizilen üç sayfayı tek bir yolla en üstteki mor sayfaya bağlayan pixel art ikon

Sayfa akışı

Sayfaların sırasını ve aralarındaki geçişleri, ziyaretçinin aradığı cevaba ulaşma yoluna göre kuruyor; markanın anlatısını bu yolu bölmeden yerleştiriyoruz.

Başlık, metin ve renk bloklarıyla kurulmuş, üstünde mor bir elmas işaret taşıyan pixel art tarayıcı penceresi

Arayüz dili

Tipografi, boşluk, görüntü ve renk kararlarını hazır bileşen kalıplarından değil, kimliğin ekranda nasıl davranması gerektiğinden türetiyoruz.

Mor düğmesi rayın ucuna kaymış, geçtiği yeri noktalarla gösteren ve ileriyi işaret eden pixel art anahtar

Hareket ve geçiş

Geçişleri ve etkileşim tepkilerini dikkat çekmek için değil; neyin değiştiğini ve sıradaki adımın nerede olduğunu göstermek için tasarlıyoruz.

Farklı genişlikte modüllerle dolu bir rafın boş yuvasına yerleşmek üzere olan mor modül

İçerik yapısı

Sayfa tiplerini ve içerik bileşenlerini yeni ürünlere, dillere ve yayınlara yer bırakacak biçimde kuruyor; okuma düzeninin zamanla dağılmasını önlüyoruz.

Website, sunum dosyasında değil ekranda çalışırken anlaşılır.

İlk haftalardan itibaren tıklanan, kayan ve gerçek içerikle dolan bir taslak üzerinde çalışıyoruz. Bir geçişin hızı, bir başlığın ekrandaki ağırlığı ve gezinmenin sadeliği burada sınanır. Böylece tasarım ile geliştirmeyi birbirine sonradan uyarlamak zorunda kalmıyoruz.

Derma Nepenthe

Her detayında aynı dili konuşan bir kimlik.

Kervancıoğlu Bakır

Köklü markaya yeni bir kimlik.

Granitaş

Taşın adını bilen de bilmeyen de onu bulabilmeli.

Dünya Demir Çelik

Kırk yılı aşkın çelik birikimini teknolojisiyle anlattık.

Tuğçe İnşaat

Yapıların kendisi konuşsun diye arayüzü geri çektik.

Kurt İnşaat

Deluxe Erikçe’yi anlatmaya ormandan başladık.

North Hill Yapı

Mimari zarafeti websitenin her detayına taşıdık.

ABL Yapı

Altyapıdan enerjiye uzanan işlere tek bir kimlik.

Iron’s Custom Wood

El işçiliğini dünyaya taşıyan bir e-ticaret deneyimi.

EWP Home

Sessizliği, satın almadan önce dinletmek istedik.

Ergün Kimya

Doxa, Prodoxa, Noxes ve Prolight’ı tek bir vitrinde buluşturduk.

Anteplove Baklava

Baklavanın lezzet yolculuğunu dört dilde anlattık.

Shimall Hotel

Otelin sıcak karşılamasını ilk bakışa taşıdık.

Park İnşaat

Her projeye, tam ekran sahne ayırdık.

Mutaş Carpet

Halıların renk ve desenini ekrana taşıdık.

Tasarımdan koda geçerken.

Evet. Bu durumda tasarımı ekran davranışları, içerik yapısı ve teknik gereklilikler açısından birlikte gözden geçiririz. Geliştirme sırasında niyetin bozulmaması için açık kalan kararları başlangıçta netleştiririz.

Evet. Önce hangi sayfa tiplerinin çalıştığına ve insanların nerede zorlandığına bakarız. Çoğu zaman sorun birkaç bölümde toplanır; sitenin geri kalanına dokunmadan oradan başlayabiliriz.

Ekibin yayın alışkanlığına ve sunucu altyapısına göre karar veriyoruz. Gerektiğinde PHP ve Laravel ya da TypeScript ve React tabanlı özel bir yönetim paneli geliştiriyor; WordPress gibi açık kaynak sistemleri de yayın ihtiyacına uyarlıyoruz.

İçeriğin yapısına, etkileşimin yoğunluğuna ve sistemi yönetecek ekibe göre. JavaScript ve TypeScript zemininde React, Next.js, TanStack ve Astro ile çalışıyoruz; seçimi bu ihtiyaçlar netleştikten sonra yapıyoruz.

Hayır. Görsel ağırlığı, yazı tipi yüklemesini, klavyeyle gezinmeyi ve kontrastı ilk arayüz kararlarıyla birlikte ele alıyoruz. Yayından önce ölçüyor, ayrı bir düzeltme aşaması beklemeden düzeltiyoruz.

Yeni sayfa tipleri ve içerik biçimleri aynı bileşen düzeni üzerinde eklenir. Böylece site büyürken tasarım dili ve teknik yapı yeniden kurulmak zorunda kalmaz; değişen ihtiyaçlar için birlikte çalışmaya devam edebiliriz.

Evet. Yurt dışına satış yapan markalar için iki, üç ya da dört dilli siteler kuruyoruz; Anteplove ve Kervancıoğlu Bakır’ın siteleri dört dilde yayında. Her dilin adresini, başlığını ve açıklamasını ayrı kuruyor, ekibin her dili panelden ayrı yönetebilmesini sağlıyoruz.