RAMS Türkiye Web Arayüzü

Brief

RAMS Türkiye, uluslararası RAMS Global grubunun Türkiye’deki gayrimenkul geliştiricisi. Türkiye, Tayland ve Kazakistan’da konut, ofis, sağlık, turizm ve gıda gibi farklı sektörlerde projeleri var. Yeni kurumsal web sitesi için üç ana sayfanın arayüzünü tasarladım: anasayfa, projeler ve proje detay.

Sitenin iki işi vardı: grubun büyüklüğünü ve sektör çeşitliliğini tek bakışta göstermek ve bir alıcıyı projeden projeye, oradan kat planına ve iletişime rahatça götürmek.

Görsel dil

• Doğadan bir palet: Ana zemin koyu bir orman yeşili, vurgular toprak tonunda, açık bölümler kremde. Mimari görsellerdeki yeşil cepheler ve ağaçlarla aynı aileden renkler seçildi; site, sattığı projelerin peyzajının devamı gibi duruyor.
• Bulut ve yaprak: Bölüm geçişlerinde bulutlar ve uçuşan yapraklar katmanlar arasında süzülüyor. Görseller çerçevelerinin dışına taşıyor, başlıklar fotoğrafların üzerine biniyor. Sayfa düz bloklar yerine derinliği olan bir sahne gibi okunuyor.
• Tipografi: Büyük harf, geometrik bir başlık yazısı (SEKTÖRLER, GÜNCEL PROJELER, RAMS CITY) ve geniş harf aralıklı ikincil satırlar (İstanbul, City). Gövde ve arayüz metinleri sade bir grotesk.
• Daire ve hap: Gezinme okları ince çizgili büyük dairelerde, butonlar ve form alanları yuvarlak hatlı haplar hâlinde. Aynı şekil dili pusula düğmesine ve görüntülü görüşme simgesine de taşındı.

Üç sayfa

Anasayfa. Açılışta projeler arasında geçiş yapan bir slider karşılıyor: çerçeveli proje görseli, proje adı ve şehir, 01/08 sayacı ve her an erişilebilen “Sizi Arayalım” butonu. Ardından sektör kartları yatay olarak kayıyor; aktif kart renkleniyor ve büyüyor, diğerleri yeşil tonda geride kalıyor. Güncel Projeler mozaiği ve grup hakkındaki bölüm, sayfayı iletişim alanına bağlıyor.

Projeler. Projeler duruma göre sekmelere ayrılıyor: devam eden, gelecek, tamamlanan ve tümü. Sağdaki panel ülke ve sektöre göre filtreliyor. Öne çıkan proje büyük bir kartla başlıyor, ardından üç sütunlu bir ızgara geliyor.

Proje detay. Tam ekran bir proje görseli ve pusula düğmesiyle açılıyor; düğme, görselin farklı yönlerden gösterilmesi için tasarlandı. Yaşam galerisi projeyi çevresi ve günlük hayatla birlikte anlatıyor. Kat planları bölümünde kat numarası ve metrekare aralığıyla filtreleme var. Sayfa, projeyi şehirde konumlandıran bir haritayla bitiyor.

Bileşenler

Durum sekmeleri, filtre paneli, kat planı seçici, iletişim formu, görüntülü görüşme düğmesi ve dairesel gezinme okları bütün sayfalarda aynı sistemden geliyor. İletişim alanı, sayfanın zeminine göre yeşil ya da toprak tonunda tekrar ediyor.

Arayüzü 2022’de freelance olarak tasarladım; bazı metin alanları tasarım aşamasındaki yer tutucu metinleri taşıyor.