# WebSitesi Tasarımları

**URL:** <https://fabrika.discourse.group/t/websitesi-tasarimlari/12>\
**Category:** Projects\
**Created:** [Eylül 11, 2026, 11:12ös UTC](https://fabrika.discourse.group/t/websitesi-tasarimlari/12 "2026-09-11T23:12:19Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![kuntay](https://yyz2.discourse-cdn.com/flex030/user_avatar/fabrika.discourse.group/kuntay/32/7_2.png) [@kuntay](https://fabrika.discourse.group/u/kuntay)\
**Post date:** [Eylül 11, 2026, 11:12ös UTC](https://fabrika.discourse.group/t/websitesi-tasarimlari/12/1 "2026-09-11T23:12:19Z")

</div>

Merhaba, ben **Kuntay Kunt** — **Fabrika Yazılım Ticaret Limited Şirketi**.

Web sitesi işini “tema seçip yayınlamak” olarak görmüyoruz. Her konsepti üç ana başlıkta toplayacak şekilde tasarlıyoruz. Dağınık sayfa yığını değil; üç net vaat, üç net güzergâh.

## Görsel ve video nasıl çıkıyor

Tasarımlarda kullandığım görselleri **MidJourney** ile oluşturuyoruz. Statik kare orada bitmiyor: aynı konsept **videoya** dönüşüyor. Hero, ürün sahnesi, atmosfer — önce kare, sonra hareket. Böylece sitede, sosyalde ve sunumda aynı görsel dil yürüyor.

Bu yüzden “stok fotoğraf koyalım” diye bakmıyoruz. Konseptin üç başlığı netleşmeden görsel de netleşmiyor.

## Üç başlık kuralı

Her işte kendimize şunu soruyoruz:

1. **Ne?** — ürün / hizmet tek cümle
2. **Kimin için?** — kimin sorunu, kimin dili
3. **Neden buradan?** — kanıt, yöntem, fark

Sayfa bu üçlünün etrafında kuruluyor. Dördüncü başlık çoğu zaman gürültü.

Teknik tarafta modern, hızlı, ölçülebilir siteler: Next.js / React, headless içerik, SEO’yu sonradan yama olarak değil iskeletin parçası olarak ele alıyoruz.

## Uygulamada — üç canlı örnek

- **fab.limited** — üç panel: Veri / Teknoloji / Çalışma Şekli. Her panel kendi video atmosferinde, 5 dilde (TR/EN/DE/ES/AR), Arapça için tam sağdan-sola (RTL) uyum dahil.
- **agent.fab.engineering** — aynı tasarım dilinin ikinci uygulaması: “Agentic Work OS” üç panel (ürün vaadi / özellikler / açık kaynak ve iletişim), tam ekran yatay accordion, sıfır sayfa kaydırma.
- **infab.cloud** — Next.js + Tailwind ile kurulu, SEO’yu sonradan değil kurulumun parçası olarak ele aldığımız örnek: yapılandırılmış veri, çok dilli içerik, gerçek iletişim/kaynaklar bölümleri.

Üçü de aynı üç-başlık disiplininden geçti; üçü de farklı ürün, aynı iskelet.

## Tavsiye

- Metni görselden önce yazın. MidJourney boş sloganı güzelleştirir, strateji üretmez.
- Aynı prompt’u 40 varyasyon denemek yerine üç başlığı kilitleyin.
- Video, görselin uzatılmış hali olmasın; bir hareket, bir iddia taşısın.
- Referans siteyi kopyalamak konsept değildir.

## Forumda

Kendi sitenizin üç başlığını yazın, bakalım tutuyor mu. MidJourney → video geçişinde takıldığınız yer varsa açın. Beğeni değil, eleştiri de bekliyoruz.

Kuntay