Online Araç / Hesaplama Sitesi · Vaka analizi
HepsiHesapla — 149+ Hesaplayıcı ve Neo-Brutalist Tasarım
149+ hesaplayıcıyı tek çatı altında toplayan, neo-brutalist (kalın çizgili, sert gölgeli) görsel kimliğe sahip ve her sayfası AI Overview'da alıntılanmaya hazır kapsamlı bir hesaplama sitesi.
Görsele tıklayınca büyük açılır.
Sonuçlar
Rakamlarla
- Hesaplayıcı sayısı
- 149+
- Mobil etkileşim artışı (düz tasarıma göre)
- +18%
- Tasarım sistemi
- Neo-brutalist
Hedef
Hedef neydi?
Türkiye'de hesaplama araçları dağınık: her konu için ayrı site ya da tek başına duran araçlar var. Tüm konuların tek bir adreste, Google'da bir bütün olarak görünmesi için sağlam bir marka kimliği ve içerik yapısı gerekiyordu.
Yaklaşım
Nasıl yaklaştık?
Her hesaplayıcıya yazar bilgisi, adım adım hesaplama ve sık sorulan sorular için yapısal veri (schema) ekledik. Sayfa başlığı bir soru, ilk paragraf 40-60 kelimelik net bir cevap. Sonuç kutusu, Google ve sesli asistanların doğrudan alıntılayabileceği şekilde işaretli.
Kullandığımız metodolojinin tamamıYapım süreci
Kritik kararlar
Neo-brutalist tasarım keyfi bir seçim değildi. Her hesaplayıcı kartındaki net kenarlık ve sert gölge, mobilde bile tıklanacak alanı belirginleştirdi. Ölçtük: klasik düz tasarıma göre %18 daha fazla etkileşim aldı.
149 hesaplayıcının hepsi için ortak bir yönetim katmanı (useCalculator) yazdık. Girdi kontrolü, geçmiş ve paylaşım linki tek yerden yönetiliyor. Yeni bir hesaplayıcı eklemek 30 dakikadan kısa sürüyor.
Her hesaplayıcının sonuç kutusu, sesli asistan ve AI'nın alıntılayabileceği şekilde işaretli. ChatGPT ya da Perplexity bir hesaplama sorusu aldığında sonuç, birim ve formül kaynağı tek satırda alıntılanabiliyor.
Önce mobil: hesaplayıcılar masaüstünden mobile uyarlanmadı, doğrudan mobil için tasarlandı. Masaüstü görünümü ekstra alandan zaten yararlanıyor.
Uygulanan adımlar
Yöntem uygulamada
Tüm hesaplayıcılar için ortak altyapı
useCalculator, 149 hesaplayıcının girdi, sonuç, geçmiş ve paylaşım durumunu yönetiyor; yeni araç eklemek tek adımda bitiyor.
Sesli asistana uygun sonuç bloğu
Hesaplama sonucu sayfada ayrı bir kutuda duruyor ve yapısal veriyle işaretli; AI Overview bu kutuyu doğrudan alıntılayabiliyor.
Her kategoride SSS ve nasıl yapılır şeması
Her kategori sayfasında 5-7 doğal soru-cevap (FAQPage) ve adım adım hesaplama anlatımı (HowTo) var; Google cevap kutusuna hazır.
Teknoloji
Neyle kuruldu
- Next.js 15
- TypeScript
- Tailwind CSS
- Schema.org HowTo + FAQPage
- Vercel
Dürüst değerlendirme
Bir daha yapsak neyi farklı yapardık?
İlk yayında 149 hesaplayıcının her biri için ayrı meta açıklama yazmaya zaman ayırmadık, hepsini otomatik ürettik. Google bunları düşük kaliteli saydı ve ilk 30 günde tıklanma oranı %35 düşük geldi. İkinci sürümde her kategorinin en çok kullanılan 20 hesaplayıcısına elle meta açıklama yazdık. Kalan 129'u otomatik kaldı; bu bilinçli bir tercihti. Bir dahaki sefere ilk 50'yi elle yazacağız.
Ekran görüntüleri
Sitenin içinden
Sıradaki site sizinki olabilir.
Aynı yöntemle sizin sitenizi kuralım. Fiyat sabit, sözleşme yok, 7-14 günde yayında.