Hizmetler Teknolojiler Yaklaşım Projeler İletişim
Yazın @vladislovesv · gün içinde yanıt veririz

Mini uygulama formatında ajans sitesi — New Time Investment

Alt menü, yapay zekâ danışman ve sesli ilan kartı — site değil, uygulama gibi hissettirir

Tür
Mini uygulama · demo
Şehir
Alanya, Türkiye
Diller
RU
Yıl
2026
New Time Investment — masaüstünde ana sayfa
New Time Investment — telefon ekranı

Görev

Bir ajansa, sitesini bir uygulama gibi düşündüğünde nasıl olabileceğini göstermek: müşterilerin çoğu bağlantıyı telefondan açar, bu yüzden önemli olan başparmağın altındadır; ilan yalnızca görülmez, dinlenebilir de. Ana sayfa, ajansın gerçek sitesini blok blok izler.

Neler yaptık

Uygulama gibi gezinme

Telefonda alt panel, büyük dokunma alanları ve bölümler arasında yumuşak geçişler.

Yapay zekâ danışman

Uzun bir form yerine ana sayfada sohbet şeklinde ilan seçimi.

Sesli ilan

“Bu ilanı anlat” düğmesi kartı sesli okur — bakmanın zor olduğu anlarda kullanışlı.

Filtreli katalog

Satın alma ve kiralama, “Sıcak” ve “Yeni” kategorileri, daireler, villalar ve ticari, ilan araması.

Getiri hesaplayıcı

Kira oranı, değer artışı, giderler ve vergi — aylık net ve birkaç yıllık toplam.

Animasyonlar

Kaydırırken blokların yumuşak görünümü; daha az hareket isteyenler için kapalı.

Ekranlar

Masaüstü 1440 ve telefon 390 · demo veriler
New Time Investment — Filtre ve kategorili katalog
Filtre ve kategorili katalog
New Time Investment — İlan: galeri ve getiri hesaplayıcı
İlan: galeri ve getiri hesaplayıcı
New Time Investment — Telefon: katalog ve ilan kartı (1/2)
New Time Investment — Telefon: katalog ve ilan kartı (2/2)
Telefon: katalog ve ilan kartı

Sonuç

12ana sayfa bloğuajansın sitesindekiyle aynı sırada
3sayfa şablonuana sayfa, katalog ve ilan sayfası
9demo katalogda ilanfotoğraf, filtre ve kartlarla

Teknolojiler ve kapsam

Teknolojiler
  • HTML
  • CSS
  • JavaScript
  • Web Speech API
  • IntersectionObserver
  • Cloudflare Pages
Neler dahil
  • Mobil ve masaüstü tasarım
  • Ana sayfa, katalog ve ilan
  • Yapay zekâ danışman ve sesli okuma
  • Getiri hesaplayıcı
  • prefers-reduced-motion’a uyumlu animasyonlar

Benzer projeler

Tüm projeler
Tüm projeler

Uygulama gibi hissettiren bir site mi istiyorsunuz?

İlk görüşme: görevinizi inceler, portföyden 2–3 benzer örnek gösteririz

Projeyi konuşalım
PROJEYİ
KONUŞALIM