Web Sitesi · 2026
Butik hukuk bürosu için premium web deneyimi
Rol
Konsept Case Study — Art Direction + Tasarım + Geliştirme
Teknolojiler
Kullanılan Programlar
Hukuk bürosu siteleri iki klişeye sıkışmış durumda: tokmak-terazi stok fotoğraflı şablonlar ya da içeriksiz kurumsal broşürler. İstanbul + Londra merkezli, sınır ötesi tahkim ve M&A odaklı kurgusal butik büro Aslan & Grey için soru şuydu: bir hukuk sitesi, güven ve prestiji klişeye düşmeden — bir lüks marka deneyimi gibi — nasıl anlatır?
Mobbin üzerinde hukuk ve profesyonel hizmet sitelerini analiz ederek başladım: en güçlü örnekler koyu, sinematik ve tipografi öncelikliydi. Art direction'ı buradan kurdum — mürekkep siyahı zemin, fildişi metin, bronz aksan ve Fraunces serif'in italik vurguları. 'Counsel between continents' konseptini hero'da Three.js ile görselleştirdim: İstanbul–Londra–Dubai arasında ışık arklarıyla bağlanan bronz parçacık küresi. Deneyim katmanını GSAP ScrollTrigger + Lenis ile ördüm: harf harf açılan preloader, kelime kelime scrub edilen manifesto, scroll hızına tepki veren marquee, magnetic butonlar, 3D tilt partner kartları ve custom cursor.
Pazar Araştırması
Mobbin'de hukuk, finans ve stüdyo siteleri tarandı: koyu sinematik hero'lar, numaralı hizmet listeleri, siyah-beyaz portre ızgaraları ve ince çizgili istatistik bantları en güçlü desenler olarak seçildi.
Marka & Art Direction
İsimden başladım: 'Aslan & Grey' — Türkçe + İngilizce, tıpkı büronun kendisi gibi iki kültürün ortasında. Palet mürekkep + fildişi + bronz; tipografi Fraunces'in italik vurgularıyla Archivo'nun letterspaced etiketleri.
Konsept Görselleştirme
'Counsel between continents' sloganı hero'da Three.js parçacık küresine dönüştü: fibonacci dağılımlı 1600 nokta, şehirler arasında bezier ışık arkları, mouse parallax ve scroll'da sahneden çıkış.
Motion & Mikro-etkileşim
GSAP ScrollTrigger + Lenis smooth scroll üzerine kurulu koreografi: preloader sayaç, kelime scrub'lı manifesto, hız-tepkili marquee, magnetic butonlar, 3D tilt kartlar, custom cursor ve film greni.
Hukuk sektöründe prestij dilini stok fotoğraf ve tokmak klişesine düşmeden kurmak — tipografi, boşluk ve tek bir konsept görselle
Fotoğraf yokken ekip bölümü tasarlamak: gravür hissi veren monogram kartlar, gerçek portre çekimine kadar geçici değil kasıtlı görünüyor
Awwwards yoğunluğunda motion'ı kurumsal ciddiyetle dengelemek — her animasyon yavaş, ağır ve tek easing ailesinden
Bu Projeden Öğrendiğim
“Lüks hissi eklenen şeylerden değil, çıkarılanlardan doğuyor. Aslan & Grey'de en zor kararlar neyin hareket edeceği değil, neyin sabit kalacağıydı.”
Tek dosyalık, framework'süz bir prototip: Awwwards estetiğinde ama hukuk sektörünün ciddiyetini koruyan bir dijital deneyim. Numaralı practice-area indeksi, ince çizgili istatistik bandı ve gravür hissi veren monogram partner kartlarıyla — klişesiz bir prestij dili.