DİJİTAL VİTRİN

Dijital Vitrin — Seçki 2026

Camdan bakmayın, içeri girin.

Aşağıdaki üç ekran resim değil: o anda çalışan sitelerin kendisi. Birine tıklayın, tam ekranda menüsünü gezin, formunu doldurun, panosunda kart sürükleyin.

Kurumsal site ×2İç yazılım ×1Strateji → teslim

Vitrin duvarıÜç iş · canlı
Marka adları, logolar, renkler ve kayıtlar gizlilik gereği değiştirildi. Sayfa yapısı, bileşenler, akışlar ve teknik kapsam gerçek projelerle birebirdir. Panele gelin · tıklayın
01

Dijital ajans · takma ad

Meridia Dijital

Yeni kurulan bir ajansın ilk dijital vitrini. Hizmet yelpazesi geniş; ziyaretçi hangisine ihtiyacı olduğunu bilmiyor. Site bu kararı ziyaretçiden almak yerine onunla birlikte veriyor.

Rol
Strateji, içerik mimarisi, tasarım, geliştirme
Kapsam
Kurumsal site + ön görüşme akışı
Yığın
Next.js 15 · Tailwind 4 · zod
Durum
Teslim edildi · statik paket üretildi

Sorun

Hizmet listesi uzun ve birbirine bağlı. Klasik "hizmetlerimiz" sayfası bu genişliği güç değil, kararsızlık olarak gösteriyor. Üstelik marka yeni: telefon, portföy, referans gibi bir vitrini dolduran şeylerin çoğu henüz yok.

Sağda: sitenin açılışı

Karar

  • Eksik veri bölümü gizler. Telefon girilmemişse "yakında eklenecek" yazar; proje verisi boşken projeler sayfası hiç var olmaz. Marka olgunlaştıkça site kendiliğinden büyür.
  • Metin koddan ayrı. Sitedeki her cümle tek bir içerik katmanında; müşteri güncellemeyi kod görmeden yapıyor.
  • Akordeonlar gerçekten açık. SSS yanıtları sayfada duruyor; JavaScript kapalıyken de okunuyor.
Sağda: ziyaretçinin sorunundan başlayan bölüm

Form, hizmet seçtirmez

Üç adımlı ön görüşme formu ne satın alacağınızı değil, neyi çözmek istediğinizi sorar. Bütçe için rakamlı aralık yok — kapsam netleşmeden bütçe konuşulmaz. Sunucu tarafı doğrulama, bal küpü alanı, süre kontrolü ve IP başına hız sınırı yerleşik.

Sağda: formun kendisi — demoda doldurabilirsiniz

Zor kısım

Müşterinin hostingi Node.js çalıştırmıyordu. Tek komutla site statik olarak dışa aktarılıyor, form PHP karşılığına devrediliyor, çıktı doğrudan cPanel'e yüklenebilen bir arşiv oluyor. Aynı kod tabanı iki hedefe birden çıkıyor.

Sağda: 73 soruluk SSS, kategori filtresiyle
12Sayfa
73SSS sorusu
20Bileşen
0Node gerektiren sunucu
App RouterTypeScriptJSON-LDStatik exportPHP formBal küpü + hız sınırı
meridiadijital.example
Ana sayfa · açılış
02

Eğitim & danışmanlık · takma ad

Pusula OS

Bir akademinin bütün işi tek bir Excel dosyasındaydı. Aynı anda tek kişi çalışabiliyor, geçmiş kayboluyordu. Yerine geçen sistemi Excel'i bir gecede atmadan kurduk.

Rol
Süreç analizi, veri modeli, arayüz, geliştirme
Kapsam
9 modül + firma ve öğrenci portalları
Yığın
Flutter · PostgreSQL · Riverpod
Durum
Kullanımda · modüller aşamalı açılıyor

Sorun

Bir firmanın hangi eğitimi aldığı, o eğitimdeki öğrencinin hangi ödevi teslim ettiği, o işin kimde beklediği ayrı sekmelerde elle eşleştiriliyordu. Sorulan her soru birinin dosyayı açıp aramasını gerektiriyordu.

Sağda: tek ekranda toplanmış operasyon

Aynı işin üç görünümü

Görev listesi Tablo, Eisenhower ve Kanban olarak okunuyor; kartlar sütunlar arasında sürükleniyor ve bırakıldığı sütun görevin durumunu güncelliyor. "Tamamlandı" panoyu meşgul etmesin diye sütun olarak gösterilmiyor, Arşiv'den izleniyor.

Sağda: pano — demoda kart sürükleyebilirsiniz

Sahada çalışan kısım

Eğitmen ekrandaki QR kodunu gösteriyor, öğrenci telefonuyla okutuyor, katılım anında düşüyor. Eğitmen tek tek işaretlemiyor; yalnızca eksikleri düzeltiyor. Aynı ekrandan sertifika üretiliyor ve e-postayla gönderiliyor.

Sağda: yoklama ekranı

Zor kısım

Excel'de her şey serbest metindi; aynı firma üç farklı yazımla geçiyordu. İçe aktarma, veriyi olduğu gibi almak yerine eşleştirme öneriyor; kararı kullanıcı veriyor. Böylece temizlik iş yapılırken kendiliğinden ilerledi.

Sağda: eşleştirme önerileri
9Modül
35Ekran
45kSatır kod
3Platform
Dartgo_routerRol bazlı erişimExcel içe aktarmaQR yoklama⌘K komut paleti
Pusula OS
Pano · genel durum
03

Sağlıklı yaşam merkezi · takma ad

Sekiz Mevsim

Merkezin tek dijital varlığı bir sosyal medya hesabıydı. Sağlık alanında ne söylenebileceği mevzuatla sınırlı; bu yüzden içerik mimarisi tasarımdan önce geldi ve tasarımı o belirledi.

Rol
İçerik mimarisi, marka dili, tasarım, geliştirme
Kapsam
Kurumsal site + randevu akışı
Yığın
Next.js 15 · Tailwind 4 · zod
Durum
Merkezin içerik onayı bekleniyor

Tasarım dili

Kemer, markanın imza formu: görseller, açılış paneli ve alt bilgi aynı eğriyi tekrar ediyor. Kart yok — bloklar kutuyla değil üstlerindeki ince çizgiyle ve boşlukla ayrılıyor. Serif başlık, seyrek harfli etiket, köşeli düğme. Koyu ton bütün sitede yalnızca iki bantta.

Sağda: kemer formu ve krem zemin

Sınır, şablonun içinde

Hiçbir yerde tanı veya tedavi vaadi yok; sağlık beyanı her sayfanın altında görünüyor. Her uygulama sayfasında "Kimlere uygulanmaz?" zorunlu alan — bu bölüm doldurulmadan sayfa yayına çıkamıyor. Mevzuatı yazara hatırlatan şey, şablonun kendisi.

Sağda: zorunlu uyarı alanı

Veriye ayrı kapı

Formdaki sağlık alanı özel nitelikli kişisel veri. Ayrı açık rıza kutusu işaretlenmeden alan yazılamıyor; onay yoksa kaydedilmiyor, talebe eklenmiyor ve sunucu günlüğüne hiç düşmüyor. Kontrol üç yerde birden: tarayıcıda, sunucuda ve klasik hosting için yazılan form betiğinde.

Sağda: rıza kapısı — demoda deneyin

Stüdyo notu

Teknik iskelet Vaka 01'den devralındı, görsel dil sıfırdan kuruldu. İkinci projenin altyapısı hazır geldiği için bütün süre içeriğe ve mevzuata harcandı — sistemi yeniden kullanmanın asıl kazancı bu.

Sağda: 40 soruluk SSS
10Sayfa
6Uygulama sayfası
40SSS sorusu
0Tedavi vaadi
TypeScriptAçık rıza kapısıStatik exportJSON-LDVaka 01 iskeleti
sekizmevsim.example
Ana sayfa · kemerli açılış
Yöntem

Üç işte de tekrar eden dört karar

Dördü de bir tercihin sonucu ve dördü de projenin aynı anında veriliyor: başlarken, yaparken, teslimde, teslimden sonra.

01 — Başlarken

Yapıyı içerik belirler

Üç projede de sayfa ve modül yapısı brief'ten değil, söylenecek şeyden çıktı. Meridia'da altı hizmet bir liste olarak değil, ziyaretçinin sorunundan başlayan bir sıra olarak kuruldu. Sekiz Mevsim'de şablonu mevzuat belirledi: "Kimlere uygulanmaz?" alanı doldurulmadan uygulama sayfası yayına çıkamıyor. Pusula OS'un modülleri ise istenen özelliklerden değil, Excel'de fiilen kullanılan sayfalardan türedi.

02 — Yaparken

Eksik bilgi teslimi durdurmaz

Müşteriden gelmeyen veri hiçbir projede bekleme sebebi olmadı. Meridia telefon tanımsızken "yakında eklenecek" diyor, proje verisi boşken o sayfa hiç var olmuyor. Sekiz Mevsim fotoğraf gelene kadar markanın kendi dokusunu çiziyor. Pusula OS veritabanı bağlantısı tanımsızken de açılıyor: veri katmanı kapanıyor, arayüz gezilebilir kalıyor.

03 — Teslimde

Sistem bize bağlı kalmaz

Küçük bir değişiklik için bize dönmek zorunda kalmak, işin yarım kaldığı anlamına gelir. İki sitede bütün metinler tek bir içerik katmanında; müşteri kod görmeden güncelliyor. Pusula OS'ta durum, öncelik ve tür sözlükleri "Listeler" ekranından yönetiliyor — yeni bir durum eklemek geliştirici işi değil.

04 — Sonrasında

Altyapı devreder, görünüş devretmez

Sekiz Mevsim, Meridia'nın teknik iskeletinden doğdu ama tek bir görsel kararını paylaşmıyor. Pusula OS'ta da görev modülü, diğer sekiz modülün kopyalandığı örnek dilim oldu. Tekrar eden şey altyapı; her işin görünüşü kendine ait kalıyor. Kazanılan süre doğrudan içeriğe ve tasarıma gidiyor.