İçeriğe geç
Taner Acar
Tüm İşler

Roofstacks

Portföy büyüdükçe birden fazla ürünü, hizmeti ve şirketi anlaşılır tutan kurumsal site.

Siteyi Ziyaret Et
Müşteri
Roofstacks
Yıl
2025
Rol
Frontend Geliştirici
Kapsam
Istcode Dijital Ajans
Hizmetler
Kurumsal web sitesi, Bilgi mimarisi, Hareket tasarımı
Teknolojiler
Next.jsTypeScriptTailwind CSSGSAP

Genel Bakış

Roofstacks tek çatı altında birden fazla ürün yürütüyor. Sitenin hiçbirini diğerinin gölgesinde bırakmadan hepsini sunması gerekiyordu.

Roofstacks mobil hero
Mobilde teknoloji dikeyleri karuseli

Problem

Ziyaretçi, hangi sayfadan girerse girsin herhangi bir ürüne ya da hizmete iki adımda ulaşabilmeli.

Yaklaşım

Navigasyon ve bölüm bileşenleri bu iki adım kuralı etrafında kuruldu. GSAP geçişleri efekt için değil, kaydırırken hiyerarşiyi okunur kılmak için kullanıldı.

Masaüstü bölüm: odak teknolojiler ve şirket rakamları
Mobilde Şirketlerimiz bölümü

Sonuç

Sayfalar arası ortak bileşenler sayesinde yeni ürünler, iskeleti yeniden tasarlamadan eklenebiliyor.

Sonraki Proje

TURK Fatih Tutak

TURK Fatih Tutak ana sayfası masaüstünde, önünde mobilde felsefe bölümü