Anasayfa / Projeler / Secr
SECR

Siber tehditleri tarayan teknolojiyi arayüzün kendisine dönüştürdük.

Sektör: Siber Güvenlik, Marka Koruma
Kapsam: UX / UI Design, UI Illustration, Motion & Lottie, GSAP Development
Format: 12” LP • 33⅓ RPM • Stereo
Made in Türkiye • ℗ & © Pikap Records 2026
Oynat
SECR için

Neyi çözdük?

SECR’ın dijital dünyayı sürekli tarayan ve marka ihlallerini tespit ederek takedown sürecini yöneten teknolojisini, web sitesinin deneyim kurgusuna taşıdık.

Marka için tasarlanan S monogramındaki radar formunu arayüzün merkezine yerleştirdik. Kullanıcı siteye girdiği anda başlayan tarama hareketi, SECR’ın çalışma biçimini adım adım anlatan interaktif bir deneyime dönüşüyor.

Hizmet & Kapsam
UX / UI Design

SECR’ın teknik ürün yapısını kolay anlaşılır bir kullanıcı akışına dönüştüren arayüz sistemi tasarladık.

UI Illustration

Tarama, tespit ve takedown süreçlerini anlatmak için markanın görsel diliyle uyumlu özgün UI illüstrasyonları hazırladık.

Motion & Lottie

Ürün özelliklerini statik anlatımlar yerine hareketle açıklayan mikro animasyonlar ve Lottie bileşenleri oluşturduk.

GSAP Development

Scroll hareketine tepki veren geçişleri, radar animasyonlarını ve katmanlı sahneleri GSAP ile geliştirdik.

Dijital Deneyim

Tarama, tespit ve takedown sürecini adım adım ilerleyen interaktif bir ürün hikayesine dönüştürdük.

SECR’ın teknolojisini anlatan her aşamayı kendi hareket ve etkileşim modeliyle kurguladık. UI illüstrasyonları, Lottie animasyonları ve scroll tabanlı geçişler birlikte çalışarak teknik bir süreci kullanıcı için takip edilebilir hale getiriyor.

Motion System

Scroll artık yalnızca sayfada ilerlemiyor, SECR’ın teknolojisini çalıştırıyor.

GSAP ile hazırladığımız hareket sistemi sayesinde arayüz kullanıcıyla birlikte dönüşüyor. Katmanlar açılıyor, radar tarıyor, tehditler beliriyor ve ürünün çalışma mantığı kullanıcının ilerleyişiyle görünür hale geliyor.

SECR’ın renk paleti, tipografisi ve S monogramından türetilen geometriler tüm bu hareket sisteminin görsel çerçevesini oluşturuyor.

Uzman Yorumu
Çağakan Bağcı Senior UI/UX Designer

SECR’da hedefimiz güçlü animasyonları olan bir teknoloji sitesi yapmanın ötesindeydi. Ürünün çalışma mantığını doğrudan etkileşime çevirmek istedik. S monogramındaki radar fikri bunun için çok iyi bir temel verdi. GSAP, Lottie ve özgün UI illüstrasyonlarını aynı sistem içinde birleştirince kullanıcıya ürünü anlatan, aynı zamanda markanın teknolojik karakterini hissettiren oldukça canlı bir deneyim ortaya çıktı.

Daha fazla proje →