Madırlı Landing

Kardeşler E-Spor

After Slash Chat Bot

Kılıççı Oto Kurtarma

MD Chef Master

Doğu Anadolu İhracatçılar birliği için tasarlanmış, misafirlerin güncel durumlarını kontrol ettiğimiz bir platform. Bu platformu herhangi bir organizasyon için de kullanıp misafirlerinizin daha sağlıklı destek alabilmesini sağlayabilirsiniz.

DAİB Seçim Takip

Landing Page

Sevkiyatları daha düzenli bir şekilde yönetebilecek, ürünlerin ölçülerine ve hassasiyetine göre yüklemeleri gerçekleştirilmesini sağlan bir uygulama.

Cargo Fit

Basribey Zeytinyağları

Furniture & Architecture

Career Plus

Lunoria Natural

Ray Sigorta

Bizz Trip

Mt Staj

Genç Enerji

Engenius 2023

Digicall

Next Talent

Boomerang Careers

Innovolt

Women Talents

## Tek bir sayfa, tek bir hikâye

Web sayfası dediğimizde aklımıza gelen şey klasik bir "kurumsal site" değil. Bir lansman, bir kampanya, bir kurucu profili ya da bir ürünün satış sayfası — yani **tek bir hedefin etrafına kurgulanmış, tek nefeste okunan** bir dijital deneyim.

Müşterinin ilk on saniyede ne anlaması, ne hissetmesi ve hangi butona basması gerektiğini birlikte konuşuyoruz. Sonrasında bu cevabı; akıcı bir hikâye akışı, hızlı yüklenen modern bir kod tabanı ve hatasız çalışan formlarla sayfaya dönüştürüyoruz.

## Süreç nasıl ilerliyor?

- **Brief & strateji** — Bir saatlik bir konuşma yetiyor: kime, neyi, hangi hisle anlatmak istiyoruz?
- **İçerik & wireframe** — Sayfanın iskeletini ve metnini çıkarıyoruz; tasarımdan önce kelime.
- **Tasarım** — Markanın tonuna uygun, gözü yormayan, mobil öncelikli arayüz.
- **Kod & yayın** — Next.js + Tailwind ile statik üretim; saniyenin altında yüklenen, SEO'ya hazır bir sayfa.
- **Ölçüm** — Analytics ve form takibi kurulur; ilk haftadan itibaren neyin işe yaradığını görüyoruz.

## Kimler için uygun?

- Yeni bir ürün, koleksiyon ya da etkinlik **lansmanı** yapan markalar
- Kişisel profilini ya da portföyünü öne çıkarmak isteyen **kurucular ve uzmanlar**
- Reklam trafiğini dönüştürmek için **odaklı bir hedef sayfa** isteyen ekipler
- Daha büyük bir platforma geçmeden önce **fikrini ucuza test etmek** isteyen girişimciler

## Çıktınız ne olacak?

Yayında, kendi alan adınıza bağlanmış, mobilde ve masaüstünde kusursuz çalışan bir web sayfası. Form yanıtları doğrudan e-postanıza ve admin panelinize düşer; Google Analytics ve gerekirse meta piksel gibi entegrasyonlar kuruludur. İçerik güncellemelerini sizin de yapabileceğiniz bir alan açıyoruz; yeni bir kampanya geldiğinde tekrar bizimle uğraşmanız gerekmiyor.

> Tek sayfa sade görünür, ama doğru kurgulandığında en yüksek dönüşüm getiren formattır. Önemli olan sayfanın uzunluğu değil; mesajın berraklığı.

## Neden 3w.codes?

Her projeye sıfırdan başlamıyoruz; yıllar içinde damıttığımız bir tasarım sistemi ve hız optimizasyonu kontrol listemiz var. Bu da hem fiyatı düşürüyor hem de teslimi hızlandırıyor. Üstelik teslim ettiğimiz her sayfa, kendi yönetim panelimize bağlı geliyor: blog, başvurular, içerik güncellemeleri tek bir yerden yönetilebiliyor.

Web Page

Web Sayfası

## Sayfa değil, ürün

Web platformu dediğimizde tek bir sayfanın çok ötesinde, **kullanıcının giriş yaptığı, veri girip okuduğu, başkalarıyla etkileşime girdiği** bir dijital ürün kastediyoruz. Pazaryeri, SaaS uygulaması, çok kullanıcılı dashboard, üyelik temelli içerik portalı — hepsi bu çatının altında.

Bu tip projelerde başarı, "güzel görünüyor mu?" sorusundan çok "**ölçeklendikçe çalışmaya devam ediyor mu, ekibimiz üzerine inşa edebiliyor mu?**" sorularıyla ölçülüyor. Biz de işe oradan başlıyoruz.

## Yaklaşımımız

Bir platformu inşa etmek, bir maraton. Kısa vadeli hız uğruna uzun vadede temizlemesi imkânsız bir teknik borç bırakmak istemiyoruz. Bu yüzden:

- **Mimariyi konuşmadan satır yazmıyoruz.** Veri modeli, kimlik doğrulama akışı, ödeme entegrasyonu, çok-kiracılı yapı gibi temel kararları başta netleştiriyoruz.
- **Adım adım canlıya çıkıyoruz.** Tamamı bitmeden bekletmek yerine; çekirdek bir MVP'yi bir-iki ayda yayına alıp, gerçek kullanıcı geri bildirimleriyle ilerliyoruz.
- **Kodu siz de okuyabilesiniz diye yazıyoruz.** İleride bizden bağımsızlaşmak isterseniz, bir başka ekibe devretmek isterseniz; kod tabanı buna engel olmasın.

## Teknolojik temel

Çoğunlukla **Next.js + TypeScript + PostgreSQL** üzerine kuruyoruz. Frontend için Tailwind ve modern bileşen kütüphaneleri; veritabanı tarafı için Prisma; barındırma için Vercel ya da müşterinin tercih ettiği bulut. Gerektiğinde Redis ile önbellek, S3 / Blob ile dosya saklama, Stripe ile ödeme, Resend ile transactional e-posta gibi parçaları üzerine ekliyoruz.

Teknoloji seçimi dogmatik değil — projenin gerçek ihtiyacı neyse onu kullanıyoruz. Bazen Django, bazen NestJS, bazen Supabase. Önemli olan, beş yıl sonra hâlâ bakımı yapılabilir olması.

## Tipik kapsam

- Çok rolllü kimlik doğrulama, davet & üyelik akışları
- Karmaşık form ve veri yönetimi panelleri
- Üçüncü parti entegrasyonlar (CRM, e-fatura, mesajlaşma, ödeme)
- Gerçek-zamanlı bildirimler ve uzun süreli arka plan işleri
- Çok dilli, çok bölgeli yapı

## Çıktınız ne olacak?

İlk faz sonunda, yayına almış, gerçek kullanıcılarla test edilmiş bir platform. Yazılı bir teknik dokümantasyon, izlenebilir loglar, otomatize testler ve sizin de devam edebileceğiniz temiz bir kod tabanı. Bunun yanında: bir geliştirici ekiple büyümek isterseniz, ekip kurma sürecinizde de yanınızda oluyoruz.

> Bir web platformunu inşa etmek, bir tasarım meselesinden çok bir mühendislik meselesidir. Başlangıçta atılan adımlar, iki yıl sonra geceyarısı çağrıları olarak geri döner. Biz buna karşı temkinli yazıyoruz.

Web Platform

Web Platformu

## Cebine girmeyi hak eden bir deneyim

Bir mobil uygulama, kullanıcının ana ekranındaki o değerli alandan birini işgal etme isteğidir. Bu alanı hak etmek için **ya gerçekten faydalı, ya gerçekten zevkli olmalısınız** — tercihen ikisi birden. Hızlı açılan, akıcı, küçük detaylarda özen taşıyan bir uygulama; bir mobil web sayfasının veremeyeceği bir yakınlık üretir.

## Neyi nasıl kuruyoruz?

Projenin gereksinimine göre üç temel yol var:

1. **Çapraz-platform (React Native ya da Flutter)** — Tek kod tabanından hem iOS hem Android yayın. Hız ve maliyet dengesi en iyi olan seçenek; günümüzde uygulamaların büyük çoğunluğu için yeterli.
2. **Native (Swift / Kotlin)** — Cihazın derinliklerine inmesi gereken (kamera işleme, AR, oyun, ağır animasyon) uygulamalar için.
3. **Hibrit / PWA** — Henüz fikrini test ediyor olan ekipler için, mağazasız hızlı yayın seçeneği.

Bu kararı sizin yerinize vermek yerine, ürününüzün üç-beş yıllık planına bakıp birlikte alıyoruz.

## Sürecin omurgası

- **Akış haritası** — Ekran ekran değil, kullanıcı yolculuğu olarak düşünüyoruz. İndirme → ilk açılış → değer anı → tutundurma.
- **Prototip** — Tasarımı, kullanıcının elinde tıklanabilir bir prototipe çeviriyoruz. Kodlamadan önce hisset.
- **Uygulama geliştirme** — Sprintlerle ilerliyoruz; her sprint sonunda kendi telefonunuza yüklenmiş bir TestFlight / Play Internal build geliyor.
- **Yayın & mağaza** — App Store ve Play Store yayın süreçlerini biz yönetiyoruz; metin, ekran görüntüsü ve gizlilik politikası dahil.
- **Yayın sonrası** — Crashlytics / Sentry ile hata izleme, anket ve in-app mesajlar ile geri bildirim toplama, ilk sürümün hatalarını hızla kapatma.

## Tipik özellikler

- Sosyal & e-posta ile kayıt, OTP, biyometrik giriş
- Push bildirim, deep link, paylaşım akışları
- Çevrimdışı çalışma ve veri senkronu
- Ödeme (Stripe, Iyzico) ya da uygulama içi satın alma
- Harita, konum, kamera ve dosya işlemleri

## Çıktınız ne olacak?

App Store ve Google Play'de yayınlanmış, kendi alan adınızdan derin bağlantılarla açılabilen, izlenebilir ve güncellenebilir bir uygulama. Sürüm yönetimi için CI/CD; analytics ile günlük indirme, tutundurma, dönüşüm metrikleri.

> Mobil uygulama, ilk yayından sonraki ilk üç ay belirleyici. Bu yüzden lansmana kadar değil; lansman sonrasını da kapsayan bir takvim çıkarıyoruz.

Mobile App

Mobil Uygulama

## Tabloların bittiği yerden başlıyoruz

Çoğu işletme, kendi süreçlerini ilk olarak Excel ya da Google Sheets'te kuruyor. Bu doğru bir başlangıç. Ama bir yere kadar: müşteri sayısı artıyor, kim hangi adımda kayboldu görünmüyor, satış ekibi aynı müşteriyi iki kez arıyor, finans tarafıyla pazarlama tarafı farklı sayılar konuşmaya başlıyor.

Hazır CRM'lere bakıyorsunuz — ya size çok büyük geliyor ya da sizin işinizi tarif etmiyor. **3w.codes'un CRM hizmeti, tam olarak bu boşluğu kapatıyor:** sizin iş akışınıza biçilmiş, sade ama büyütülebilir bir özel yazılım.

## Tipik bir CRM projesinde neler kuruyoruz?

- **Müşteri / lead / firma yönetimi** — Tek bir profilin altında konuşmalar, notlar, dosyalar, tarihler.
- **Boru hattı (pipeline)** — Sürüklenebilen kartlarla satış/operasyon adımları; her aşamada kim sorumlu, otomatik hatırlatmalar.
- **Görev & takvim** — Ekip içi atamalar, takip tarihleri, Google Calendar / Outlook entegrasyonu.
- **Otomasyon** — "Şu olduğunda şu olsun" tarzı kural motoru. E-posta, SMS, Slack bildirimi tetikleme.
- **Raporlama** — Pazarlamadan finansa kadar herkesin aynı sayıları gördüğü canlı paneller.
- **Roller & izinler** — Kim neyi görür, kim neyi değiştirir; gerektiğinde audit log.

## Hangi sektörlerde çalıştık?

Mimarlık ofisleri, danışmanlık şirketleri, e-ihracat firmaları, eğitim kurumları, B2B tedarikçiler. Her sektörün kendine has bir "iş hayatı sözlüğü" var; bizim işimiz bu sözlüğü öğrenip yazılıma yansıtmak — onları başka bir şirketin yazılımına uyacak şekilde zorlamak değil.

## Nasıl başlıyoruz?

İki saatlik bir keşif görüşmesi yetiyor. Bu görüşmede şu üç soruya cevap arıyoruz:

1. Hangi adımlar bugün **insanın hafızasında ya da Excel'de** yaşıyor?
2. Bu adımlardan hangileri **kaybedildiğinde gerçek bir maliyeti** var?
3. Önümüzdeki bir yılda işin **hangi yöne büyümesini** bekliyorsunuz?

Bu üç cevap, hangi modülün önce, hangisinin sonra geleceğini belirliyor. Sonrasında 6-10 hafta arasında MVP yayında olmuş oluyor; siz bir ay içinde kendi ekibinizle gerçekten kullanmaya başlıyorsunuz.

## Çıktınız ne olacak?

Tarayıcıdan giriş yapılan, mobilde de çalışan, kendi alan adınızdan açılan bir özel CRM. Verileriniz size ait; istediğiniz an dışa aktarılabiliyor. Hazır CRM aboneliklerinden bir noktada daha ucuz hale geliyor; üstelik yıllar geçtikçe sizin işinize daha çok benzemeye başlıyor.

> "Her şeyi yapan bir CRM" diye bir şey yoktur. **Doğru olan, sizin işinize özel olarak doğru olanı kurmaktır.** İlk üç ayda kullanılmayan her özellik, gelecekteki bakım maliyetidir.

## Güzel görünmek değil, doğru çalışmak

İyi bir arayüz, kullanıcı onu fark etmeden işini bitirebildiği arayüzdür. Görsel olarak çekici olması bir başlangıç; ama biz tasarımı **karar verme problemi** olarak görüyoruz: "Buton burada mı dursun, başlık şu kelime mi olsun, üç adım mı iki adım mı?"

Bu kararları içgüdüye değil; veriye, kullanıcı testlerine ve ürünün hedefine bağlıyoruz.

## Hizmetin kapsamı

- **UX araştırma & strateji** — Kullanıcı görüşmeleri, mevcut sistemin analizi, rakip kıyaslama.
- **Bilgi mimarisi** — Sayfa ağacı, navigasyon, taksonomi; "kullanıcı hangi sayfadan hangisine nasıl gidiyor?"
- **Wireframe** — Detaya inmeden önce, kararları gri kutularla almak. Erken, ucuz, hızlı iterasyon.
- **Görsel tasarım** — Markanın tonuyla uyumlu, modern, erişilebilirlik standartlarına saygılı arayüz.
- **Prototip** — Figma üzerinde tıklanabilir, gerçeğine yakın bir simülasyon.
- **Tasarım sistemi** — Renk, tipografi, bileşen kütüphanesi; gelecekteki sayfaların tutarlı kalmasını sağlayan altyapı.
- **Geliştirici devri** — Tasarımı koda dönüştürecek ekibe; ölçüleri, davranışları, edge case'leri içeren bir teslim paketi.

## Yaklaşımımız

Tasarım sürecini yalnız ilerletmek yerine, sizinle birlikte yürüyoruz. Her hafta kısa bir gözden geçirme, her büyük karar öncesi bir karşılaştırma. "İki seçenek getirelim, onaylayın gidin" yerine **"şu üç yönü konuşalım, hangi yöne neden gideceğimize birlikte karar verelim"** demeyi tercih ediyoruz.

Bir yandan da tasarımı kullanılabilirlikten ayırmıyoruz: tipografi okunabilir mi, kontrast WCAG seviyesinde mi, renk körlüğü dostu mu, klavye ile gezinilebilir mi — bunlar standart kontrol listemizde.

## Hangi durumlarda devreye giriyoruz?

- Yeni bir ürün lansmanı öncesi tasarımdan başlamak isteyenler
- Mevcut bir ürünü **yeniden tasarlama (rebrand / redesign)** ihtiyacı olanlar
- Geliştirici ekibi olan ama tutarlı bir **tasarım sistemine** ihtiyaç duyan şirketler
- Sadece belirli bir akışta dönüşüm sorunu yaşayanlar (örn. ödeme adımları)

## Çıktınız ne olacak?

Figma dosyası ve geliştirici devri için hazır bir tasarım sistemi. Kullanılabilirlik testlerinin bulgularının özetlendiği bir rapor. Sonraki adım yazılımsa, doğrudan onu geliştirmeye de geçebiliyoruz; tasarımdan kodlamaya geçişin sürtünmesini sıfıra indiriyoruz.

> Bir kullanıcı arayüzü, görsel bir disiplin değil; öncelikle **iletişim** disiplinidir. Doğru tasarlanmış bir ekran, en az açıklama gerektirendir.

UI/UX Design

Kullanıcı Arayüzü

## Yazılım yazmadan önce doğru soruyu sormak

Her proje "kod yazılarak" çözülmez. Bazen tek ihtiyaç, doğru karar verecek birinin masada oturmasıdır. **3w.codes danışmanlık hizmeti**, bir dış-ekip CTO gibi düşünün: kodun teknik temellerini, mimari kararları, ekip yapısını ve teknoloji bütçesini birlikte konuşuyoruz.

Bu hizmet, **henüz bir geliştirici ekibi olmayan** girişimciler için de; **kendi geliştirici ekibi olan ama bir kontrolden geçirmek isteyen** şirketler için de uygun.

## Tipik danışmanlık başlıkları

- **Teknoloji seçimi & mimari kararlar** — Hangi dil, hangi framework, hangi bulut, hangi veritabanı? "Trend olanı" değil, sizin projenizi uzun vadede taşıyabilecek olanı.
- **Kod & güvenlik incelemesi** — Mevcut kod tabanınızı bağımsız bir göz olarak inceliyoruz. Performans darboğazları, güvenlik açıkları, sürdürülebilirlik sorunları için yazılı bir rapor.
- **Geliştirici ekibi kurma** — İlk kiralayacağınız geliştirici nasıl biri olmalı? Hangi sıralamada büyütmeli? Mülakat süreçlerinizi nasıl kurarsınız?
- **MVP kapsam tanımı** — "Şu özelliği de ekleyelim" baskısının bir noktada nasıl durdurulacağına; ilk yayında ne girmemesi gerektiğine birlikte karar veriyoruz.
- **Süreç & DevOps** — Git akışı, kod incelemesi, CI/CD, izleme, hata yönetimi — yani profesyonelleşmenin görünmeyen yarısı.
- **Tedarikçi / ajans ilişkisi** — Halihazırda bir ajansla çalışıyorsanız ve "doğru mu gidiyoruz?" sorusunun cevabını istiyorsanız, bağımsız bir göz olarak müdahale edebiliyoruz.

## Nasıl çalışıyor?

İki ana format var:

1. **Tek seferlik denetim** — Belirli bir konuya (örn. güvenlik denetimi, sistem mimarisi gözden geçirme) odaklı, sabit kapsamlı bir çalışma. 1-3 hafta arası sürer, sonunda yazılı bir rapor ve sözlü bir sunum bırakırız.
2. **Sürekli mentörlük** — Aylık sabit saatlerle ekibinizin yanında yer aldığımız bir model. Kod incelemeleri, haftalık karar toplantıları, mimari soruları yanıtlamak. Tipik olarak ayda 10-20 saat arasında değişiyor.

## Hangi durumlarda işe yarar?

- "Kod yazmaya başladık ama doğru yapıyor muyuz emin değiliz" diyen girişimciler
- Geliştirici sayısı 1-3 olan, ilk teknik lideri henüz işe almamış ekipler
- Mevcut sistemi büyütmek istiyor ama nereden başlayacağını bilemeyen şirketler
- Yatırım turu öncesi teknik tarafın hazır olduğundan emin olmak isteyen kurucular

## Çıktınız ne olacak?

Yazılı bir analiz, üzerinde tartışılmış net bir teknoloji yol haritası ve kararlarınızın arkasında durabileceğiniz bir gerekçe. Yatırımcıya, ekip arkadaşlarınıza, müşterinize konuyu anlatabilir hale geliyorsunuz.

> Bir teknoloji kararı, alındığı an basit görünür; iki yıl sonra sizi sınırlayan duvar olur. Bu yüzden danışmanlık hizmetimizde **"hemen şu kullanılsın"** yerine **"şu seçim sizi nereye götürür"** sorusunu sormayı tercih ediyoruz.

Consulting

Danışmanlık

We Carry Your Ideasto the Future

Digital Solutions ·

Web Page

Web Platform

Mobile App

CRM

UI/UX Design

Consulting

From first call to live product

Discover

Design

Build

Ship

Projects We Contributed To

Uyar Mühendislik

Madırlı Landing

Kardeşler E-Spor

After Slash Chat Bot

Kılıççı Oto Kurtarma

Projects We Contributed To

Uyar Mühendislik

Build something memorable with us

We say hi

Discovery call

Proposal & plan

Email

Phone

Location

Social Media