Cortex

İhtiyaç

Beyin verisi gibi soyut ve teknik bir konu, ziyaretçiye somut ve anlaşılır biçimde sunulmalıdır. Bu demoda sorulan soru, böyle bir ürünün görsel olarak nasıl anlatılabileceğiydi.

Zorluk, veri kartlarını ve widget'ları güçlü bir portre görseli ve editoryal tipografiyle aynı sayfada dengelemek, bunu yaparken içeriği okunabilir tutmaktı.

Çözümümüz

Sayfa, kırmızı ve turuncu ışıkta vizör takan bir portreyle ve parlayan bir nöral arayüzle açılıyor. Duygusal durum ve bilişsel yük gibi bilgileri gösteren cam kartlar görselin üzerinde konumlanıyor.

Kaydırdıkça üç çeyrek profilde yüzen veri widget'ları, yan profilin yanında 'Create without limits' editoryal başlığı ve önden portre üzerinde anahtar kelime şeridiyle özellik kartları geliyor. Bir menü katmanı da var. Palet kırmızı, turuncu ve siyahtan oluşuyor.

Sonuç

Cortex, bir Kantex scroll web sitesinin neler yapabileceğini göstermek için hazırlanmış bir konsept demodur. Gerçek bir müşteri projesi değildir ve gerçek müşteri sonuçlarına dayanmaz.

Kartlardaki veriler yalnızca örnek arayüz içeriğidir. Demo, scroll tabanlı animasyonun teknik bir ürünü portre, veri ve tipografiyle nasıl anlatabileceğini gösteriyor.

Kullanılan teknolojiler

• Scroll tabanlı animasyon
• React
• Konsept demo, arka uç yok