# Web tasarım: Siten kaydırdıkça bir hikâye anlatsın | QANATONE

> "Kurumsal web sitesi yaptırmak istiyorum." Biz buna bir soruyla cevap veririz: site ziyaretçiye ne anlatacak? Hikâye satar; biz senin…

Kaynak: https://www.qanatone.com/hizmetler/web-tasarim/

---

[Tüm hizmetler](https://www.qanatone.com/hizmetler/) (Hikâye Anlatan Site · WEB TASARIM)

# Siten kaydırdıkça bir hikâye anlatsın

Şablon site bilgi verir; iyi site his bırakır. Özel animasyon, hikâye anlatısı ve SEO'ya uyumlu mimariyi tek gövdede kurarız; tıpkı şu an gezdiğin bu sayfa gibi.

- Senin hikâyen

- ilk ekranda ne iş yaptığın

- kaydırdıkça güven

- her adımda teklif yolu

Katman

03 · Yüzey

hedef: mobil hız skoru, animasyona rağmen

90+

ilk canlı prototipin elinde olma hedefi

2 hf

sana özel, şablon payı sıfır

%100

(Canlı hikâyeler)

## Hikâyesini anlattığımız siteler

-

### Bab İç Mimarlık

İç mimarlık · Web + SEO

[Siteyi aç](https://babicmimarlik.com.tr) [Vakayı incele →](https://www.qanatone.com/projeler/bab-ic-mimarlik/)

**13,7×** organik trafik

Eski web sitemde yıllarca Google'da en fazla 3. sayfaya kadar yükselebildim.

Adem Tayfun · Bab İç Mimarlık

-

### SkyClinics

Sağlık turizmi · Web + Otomasyon

[Siteyi aç](https://skyclinics.al) [Vakayı incele →](https://www.qanatone.com/projeler/skyclinics/)

**%381** AI yanıtlarında anılma

Web tasarım ve otomasyon konusunda tahminimizin çok ötesinde bir sonuç aldık.

Operasyon Müdürü · SkyClinics

-

### Bisen Mimarlık

Mimarlık · Web tasarım + Kurumsal kimlik

[Siteyi aç](https://www.bisenmimarlik.com) [Vakayı incele →](https://www.qanatone.com/projeler/bisen-mimarlik/)

-

### EP Nexus

Eğitim · Web tasarım

[Siteyi aç](https://epnexusgames.com) [Vakayı incele →](https://www.qanatone.com/projeler/epnexus/)

Sonucu görünce gözlerime inanamadım.

Kevser D. · Kurucu Ortak · EP Nexus

"Kurumsal web sitesi yaptırmak istiyorum." Biz buna bir soruyla cevap veririz: site ziyaretçiye ne anlatacak?

(01) Her kaydırma, hikâyenin bir perdesi.

(02) Animasyon süs değil; anlatının kendisi.

(03) Güzellik ve SEO aynı mimaride buluşur.

(Dert nerede)

01

## Şablon yüzler

Sitene bakan, rakibinin sitesini de görmüş oluyor.

Devamını oku Hazır tema binlerce siteye aynı yüzü giydirir: aynı bölüm sırası, aynı buton, aynı his. Ziyaretçi neden seni seçeceğini göremez, çünkü seni gösteren hiçbir şey yoktur.

Biz sıfırdan çiziyoruz: senin işine, ses tonuna ve hikâyene göre. Fark hissedilir çünkü fark gerçekten vardır.

02

## Süs animasyon

Hareket var ama anlam yok; sayfa da yavaşlamış.

Devamını oku Kütüphaneden yapıştırılan animasyon iki bedel öder: anlamsızdır ve sayfayı ağırlaştırır. Kayan her şey dikkat çekmez; anlatıya hizmet etmeyen hareket gürültüdür.

Bizde her sahne bir cümlenin yerine geçer: akışı gösterir, ürünü kurar, rakamı canlandırır. Ve hepsi hız bütçesinin içinde kalır; bu sayfanın kendisi kanıt.

03

## Güzel ama görünmez

Tasarım iyi; Google ve yapay zekâ okuyamıyor.

Devamını oku Tasarımcının gözü için kurulmuş site çoğu zaman makinenin gözüne kapalıdır: başlık hiyerarşisi görselde, metin resmin içinde, yapı şemasız. Sonuç: güzel ama aranınca yok.

Bizim mimaride ikisi çatışmaz: sahnelerin altında makinenin okuyabildiği bir iskelet durur: temiz başlıklar, şema, hızlı yükleme. Güzellik vitrinde, SEO temelde.

(Nasıl yürütürüz)

- 01

### Keşif & hikâye omurgası

İşini, müşterini ve derdini dinler; sayfanın perde sırasını birlikte yazarız.

- 02

### Tasarım dili & prototip

Renk, yazı ve ritim senin sesine göre kurulur; ilk perde prototipte canlanır.

- 03

### Animasyon & inşa

Sahneler kütüphaneden yapıştırılmaz, elle yazılır; hız bütçesi baştan bellidir.

- 04

### SEO mimarisi & teslim

Şema, hız ve içerik yapısı kurulur; site panelden yönetilir hâlde teslim edilir.

(Eline geçenler)

- 01 Hikâye omurgası dokümanı

- 02 Sıfırdan özel tasarım, şablon yok

- 03 Elle yazılmış sahne animasyonları

- 04 Makinenin okuyabildiği SEO mimarisi (şema + hız)

- 05 Panelden yönetilebilir içerik

- 06 Yayın sonrası 30 gün destek

(SSS)

Adım adım anlattık: [Web tasarım ajansı nasıl seçilir? Sorulacak sorular](https://www.qanatone.com/nedir/web-tasarim-ajansi-nasil-secilir/), [Mobil uyumlu web sitesi nasıl yapılır?](https://www.qanatone.com/nedir/mobil-uyumlu-site-nasil-yapilir/)

### Kurumsal web sitesi yaptırmak istiyorum; sizinki neden farklı?

Şablon site şirketi tanıtır; biz şirketin hikâyesini anlatır ve o hikâyeyi teklif isteğine bağlarız. Her bölüm bir soruya cevap verir, her ekranda bir sonraki adım görünür. Hız ve okunabilirlik tasarımın parçasıdır: arama motorları ve yapay zekâ da aynı hikâyeyi okur.

### Süreç ne kadar sürer?

Kapsama göre 3-6 hafta. İlk prototipi iki haftada görürsün; beklemek yok, birlikte evriltiriz.

### İçeriği sonradan ben değiştirebilir miyim?

Evet. Metin, görsel ve bölümler panelden yönetilir; her değişiklik için bize muhtaç kalmazsın.

### Animasyon siteyi yavaşlatmaz mı?

Kütüphane yığını yavaşlatır; elle yazılmış sahne yavaşlatmaz. Hız skoru sözleşmenin parçasıdır.

## Site hikâyeni konuşalım

15 dakikada mevcut siteni birlikte açar, hikâyenin nerede koptuğunu ve ilk perdenin ne olacağını söyleriz. Not defteri senin.

[WhatsApp'tan yaz](https://wa.me/905326291508?text=Merhaba%2C%20QANATONE%20sitesinden%20yaz%C4%B1yorum.) [Kısa formu doldur](https://www.qanatone.com/iletisim/)

(Sıradaki hizmet · Yüzey) [Satış Araçları](https://www.qanatone.com/hizmetler/web-sitesi-araclar/) Siten bakılan değil, çalışan bir araç olsun