Bir kurumsal web sitesini frame-frame nasıl tasarlıyoruz?

Kurumsal site tasarımında ilk teslimat bizde görsel değil, metin ve akıştır. Sayfayı ekran ekran (frame-frame) yazarız: her karenin tek mesajı, tek kanıtı ve tek yönlendirmesi olur. Görsel dil bu iskeletin üzerine gelir.

Her frame için üç soru

• Bu karede ziyaretçi hangi tek cümleyi anlamalı?
• Bu iddiayı hangi kanıt taşıyor: ekran, vaka, süreç?
• Sonraki adım nedir ve tek CTA hangisi?

Neden görsel dil en son gelir

Bu sıra bir zevk meselesi değil. Lindgaard ve meslektaşlarının 2006'da yayımlanan, alanında en çok atıf alan çalışmalarından biri, kullanıcıların bir sayfanın görsel çekiciliği hakkındaki yargısını 50 milisaniyede oluşturduğunu gösteriyor.

Bu kadar kısa sürede oluşan bir izlenim, ayrıntılı bir görsel dille değil, netlikle şekillenir. İskelet netleşmeden eklenen dekor, yanlış mesajı hızlı ve tutarlı şekilde iletir.

İskeletten görsel dile

Süreç iki yönlü çalışır. Önce mesaj hiyerarşisi ve kanıt sırası bir iskelet olarak yazılır. Sonra görsel dil bu iskeletin üzerine, sırayı bozmadan giydirilir.

Teslim edilen her ekran, altındaki iskelete geri bakılarak doğrulanır. Bir kare güzel görünüyor ama iskeletteki soruyu cevaplamıyorsa, o kare henüz bitmemiştir.

Tutarlı bir görsel dil: design system

İskelet her frame'de tekrar yazılmaz. Renk, tipografi, malzeme ve bileşen dili bir kez tanımlanır ve tüm frame'lere aynı sistemden uygulanır.

Bu disiplin, 'güzel ama ne anlatıyor belirsiz' sayfaları engeller. Motion da aynı kurala bağlıdır. Hareket, karedeki neden-sonuç ilişkisini gösterdiği kadar vardır ve süs olduğu anda çıkarılır.

Varalli Interior'da bu süreç nasıl işledi

Varalli Interior vakasında iç mimarlık, özel mobilya ve anahtar teslim uygulama, beş adımlı bir tasarımdan teslime sürecinde tek bir marka sistemi altında toplandı. Tasarımın fiziksel etkisi, etkileşimli önce-sonra karşılaştırmasıyla görünür kılındı.

Bu vaka bugün ürün kapsamını ve tasarım sistemini kanıtlar. Trafik, randevu dönüşüm oranı gibi ticari sonuçlar, ölçüm verisi eklendiğinde ayrıca yayımlanacak.

Nereden başlanır

Sonuçta ortaya çıkan sayfa bir tasarım galerisi değil, satış görüşmesinin dijital provasıdır. İyi kurulduğunda satış ekibi toplantıya siteyi anlatarak değil, siteden devam ederek başlar.

Bu disiplini İNŞA ET katmanında her kurumsal proje için uyguluyoruz. Aynı mimarinin talep ve CRM tarafını Bir web sitesi neden satış sistemi değildir? yazısında ayrıntılandırdık.