Manyas Hukuk Bürosu Web Arayüz Tasarımı - 2022

Sıkıcı hukuk sitelerini unutturan modern bir arayüz Manyas Hukuk Bürosu Web Tasarım süreci. İngiltere bayrağından ilham alan renkler ve dönüşüm odaklı UI/UX analizi.

Bir hukuk bürosu web sitesi dendiğinde aklınıza ne geliyor? Genelde kahverengi tonlar, birbirinin aynısı tokmak görselleri ve okuması zor, ağır kanun maddeleri... Peki, bu ezberi bozarsak ne olur?

“Nasıl Tasarlandı?” serimizin ilk bölümünde, 2022 yılında Manyas Hukuk Bürosu için geliştirdiğimiz Web UI (Kullanıcı Arayüzü) projesinin mutfağına giriyoruz. Bu proje, sadece bir web sitesi giydirme işi değil potansiyel müvekkili “endişeli bir ziyaretçi” olmaktan çıkarıp, “çözüme ulaşmış bir danışana” dönüştürme yolculuğuydu.

Masaya oturduğumuzda hedefimiz netti. Güven veren, modern, SEO uyumlu ve en önemlisi aksiyon aldıran bir dijital kimlik.

Bu proje müşterimizin isteği doğrultusunda bir brief ve kılavuza göre hazırlanmıştır.

Stratejinin Renkleri - Neden İngiltere Bayrağı?

Tasarım sürecinin en başında, markanın hedef kitlesini ve hizmet alanını analiz ettik. Manyas Hukuk, uluslararası vizyona sahip bir yapı.

Tasarımın renk paletini oluştururken sıradan bir renk seçimi yapmadık. İlhamımızı istek üzerine İngiltere Bayrağı‘ndan aldık.

• Lacivert (Navy Blue) Hukukun ağırlığını, ciddiyetini ve kurumsal güveni temsil ediyor. Zeminde kullanarak kullanıcının gözünü yormayan, oturaklı bir atmosfer yarattık.

• Kırmızı Bu, bizim “tetikleyici” rengimiz. Aksiyon butonlarında (Call to Action) ve dikkat çekilmesi gereken başlıklarda kırmızıyı kullanarak, ziyaretçiyi iletişime geçmeye teşvik ettik.

• Gri ve Metalik Tonlar Dengeleyici unsur olarak, adaletin soğukkanlılığını simgeliyor.

Metaforların Gücü “Özgürlük” Bulutları

Hukuk siteleri genelde korkutucudur. Ancak Manyas Hukuk, özellikle “Boşanma Hukuku” gibi hassas bir alanda hizmet veriyor. İnsanlar buraya gergin ve üzgün geliyor.

Onlara, dava sürecini değil, dava sonucundaki hissi satmak istedik. Özgürlük.

Hero Section (Ana ekran) alanında arka planda kullandığımız bulut görselleri, sadece estetik bir dokunuş değil; zorlu bir sürecin ardından gelecek olan ferahlığı ve özgürlüğü simgeleyen bilinçaltı bir mesajdı. Bu sayede, soğuk kanun maddeleri arasında ziyaretçiye nefes aldıracak bir alan açtık.

Kullanıcı Deneyimi (UX) Dönüşüm Odaklı Yerleşim

Bir web sitesinin güzel olması yetmez, çalışması gerekir. Manyas projesinde UX (Kullanıcı Deneyimi) kararlarımızı tamamen “iletişim” üzerine kurguladık.

• Adalet Heykeli (Lady Justice) Klasik altın sarısı veya pirinç heykeller yerine; metalik, gri ve çok daha modern, güçlü duran bir figür tasarladık ve onu sağ tarafa konumlandırdık. Bu, markanın “güçlü” imajını destekledi.

• Form Tasarımı Hukuk sitelerinde iletişim formları genelde “İletişim” sayfasında gizlidir. Biz ise form alanını, daha kullanıcı siteye girer girmez (Hero Section) görebileceği bir konuma yerleştirdik. Çok sayıda veri girişi (input) olmasına rağmen, tasarımı sade tutarak kafa karışıklığını önledik ve “Hemen Danış” hissiyatını güçlendirdik.

• Tipografi Okunabilirlik her şeydir. Poppins font ailesini seçerek, hem başlıklarda hem de uzun metinlerde modern, yuvarlak hatlı ve gözü yormayan bir okuma deneyimi sunduk.

İçerik Mimarisi ve SEO

Arayüz tasarımında (UI) gördüğünüz akordeon menüler (Açılır/Kapanır alanlar), sadece yer tasarrufu için değil, stratejik bir SEO hamlesi olarak kurgulandı.

“Anlaşmalı Boşanma Nedir?”, “Ne Kadar Sürer?” gibi soruları, kullanıcının sayfayı terk etmeden cevabını bulabileceği, Google’ın da çok sevdiği “Sıkça Sorulan Sorular” formatında tasarladık. Ayrıca video başlığı alanlarıyla, yazılı içeriği görsel medyayla destekleyerek güven unsurunu pekiştirdik.

Estetik ve Fonksiyonun Dengesi

Manyas Hukuk Bürosu projesi; doğru renk psikolojisinin, anlamlı metaforların ve dönüşüm odaklı yerleşimin bir araya geldiğinde nasıl fark yarattığının canlı bir kanıtı.

Siz de markanızın dijital dünyada sadece “var olmasını” değil, “hikaye anlatmasını” istiyorsanız, tasarımın gücünü kullanmalısınız.

Bir sonraki “Nasıl Tasarlandı?” dosyasında görüşmek üzere.