Tüm işler

Mention · Case study · 3 dk okuma

Mention: uçtan uca şifreli kurumsal mesajlaşma uygulaması için web sitesi tasarımı

Mention, düzenlemeye tabi sektörler için Slack ve Microsoft Teams'e gizlilik odaklı bir alternatif olarak geliştirilen, uçtan uca şifreli bir kurumsal mesajlaşma uygulaması. Sitesini, ürünün en büyük avantajı olan gizliliğin karar vericiler ve BT ekipleri için net ve güvenilir biçimde okunması ve onları satış ekibiyle iletişime yönlendirmesi için yeniden tasarladım.

Mention durduruldu. Bu vaka çalışması, ürün faaliyetteyken yapılan tasarım işini belgeliyor.

Müşteri
Mention
Yıl
2025
Rol
Baş tasarımcı (UX/UI)
Süre
1 Month
Sektör
B2B SaaS, Enterprise communication, Security
Araçlar
Figma, Miro, Creative Cloud, Loom
  • User Experience Research
  • User Interface Design
  • Design System

Bir bakışta

Sorun

Güçlü şifreleme ve uyumluluk vardı, ama site bunları anlatacak ya da Slack ve Teams'in yanında öne çıkacak netlik ve otoriteden yoksundu.

Çözüm

Gizliliği merkeze alan bir site: net bir hero, şifreleme ve anahtar yönetimi için özellik bölümleri, güven bölümleri, şeffaf fiyatlandırma ve iletişim odaklı bir satış formu.

Sonuç

Kurumsal müşterilerden olumlu geri bildirim alan, daha net ve güvenilir bir site ve ekibin yeni tanıtım sayfaları yayına almak için kullandığı bir tasarım temeli.

Teslim edilenler

  • Ana sayfa
  • Özellik ve güvenlik bölümleri
  • Fiyatlandırma sayfası
  • Satış iletişim formu
  • Masaüstü + mobil
  • Tasarım sistemi
“Secure Enterprise Messenger” başlığı, şifreli mesajlaşma rozeti ve altında sohbet uygulamasıyla Mention ana sayfası
Mention ana sayfası: gizlilik başlıkta, ürün hemen altında.

Genel bakış

Mention, “uçtan uca şifreli kurumsal mesajlaşma uygulaması” olarak yola çıktı: müşterilerin iletişim verisini sağlayıcıya vermeyen, düzenlemeye tabi ortamlar ve korunması gereken fikrî mülkiyeti olan şirketler için geliştirilmiş bir Slack ve Microsoft Teams alternatifi. [1]

Ürün güçlü şifreleme ve uyumluluk sunuyordu, ama site bunları yeterli netlik, otorite ve duyguyla anlatamıyordu. Siteyi 2025'te bir ayda stüdyom Beew üzerinden yeniden tasarladım: masaüstü ve mobil için ana sayfa, özellik bölümleri, fiyatlandırma ve iletişim sayfaları ve üzerine inşa etmeye devam edilecek bileşenler.

Sorun

Kurumsal alıcılar Slack ve Teams'i zaten tanıyor. Yeni bir mesajlaşma uygulamasının, onların çok önemsediği tek bir konuda, gizlilikte, kazanması ve bunu hızla kanıtlaması gerekiyor.

  • Karmaşık gizlilik özelliklerini sade ve güvenilir bir şekilde anlatmak.
  • Slack gibi özellik dolu köklü rakiplerden ayrışmak.
  • Düzenlemeye tabi sektörlerdeki kurumsal müşterilerin güvenini kazanmak.
  • Fiyatlandırmayı ve özellik paketlerini karar vericiler için net bir şekilde yapılandırmak.
  • Dönüşüm odaklı bir tasarımla potansiyel müşteri kazanımını desteklemek.

Hedefler

  • Gizliliği marka hikâyesinin kahramanı yapmak.
  • Slack ve Teams'le boy ölçüşen ya da onları geçen premium, modern bir görünümle marka algısını yükseltmek.
  • Şifrelemeyi, anahtarların cihazda saklanmasını ve yapay zekâsız mesajlaşmayı, satış ve uyumluluk görüşmelerini destekleyecek netlikte anlatmak.
  • Net eylem çağrıları, fiyat karşılaştırması ve iletişim odaklı bir satış yoluyla ziyaretçiyi harekete geçirmek.
  • Ürün ve pazarlama ihtiyaçlarıyla birlikte büyüyen bir tasarım sistemi kurmak.

Yaklaşım

1. Alıcının kaygılarından başla

Araştırma üç soruya odaklandı: alıcıların iç yazışmalarda yapay zekâ kullanan araçlara karşı çekincesi, tedarikçi seçiminde gizliliğin rolü ve mevcut mesajlaşma araçlarında yaşadıkları sürtünme. Her biri sitede bir bölüme dönüştü.

2. Gizliliği sade bir dille söyle

“Verileriniz bizim eğitim setimiz değil.” Her güvenlik önlemi, uçtan uca şifreleme, cihazda anahtar yönetimi, otomatik anahtar yenileme, müşteri için ne yaptığını anlatan kısa ve sade bir açıklamayla sunuluyor.

3. Ürün kadar güvenilir görün

Koyu ve açık bölümlerin karışımı, kendinden emin tipografi ve güven veren mavi tonlar; güvenlik yetkinliklerini bir bakışta gösteren rozetler, puanlar ve iş ortağı logoları.

4. Sayfa değil, blok tasarla

Kartlar, özellik blokları, fiyat tabloları ve form düzenleri yeniden kullanılabilir bileşenler olarak tasarlandı; ekip, yeni sayfaları ve tanıtım varyantlarını sıfırdan başlamadan kurabiliyor.

Çözüm

Ana sayfa: ilk satırdan itibaren gizlilik

Hero, Mention'ın tam olarak ne olduğunu söylüyor, güvenli bir kurumsal mesajlaşma uygulaması; yazışmalarınıza kimsenin, yapay zekânın bile erişemediği bir Slack ve Teams alternatifi, ve ürünü hemen altında gösteriyor. Ardından kısa özellik etiketleri geliyor: uçtan uca şifreleme, sınırsız çalışma alanı, şifreli dosya gönderimi, sürekli yedekleme.

“Secure Enterprise Messenger”, Get in contact ve View all features düğmeleri, uygulama önizlemesi ve özellik etiketleriyle Mention masaüstü hero
Tek net vaat ve iki sonraki adım: satışla konuş ya da özellikleri gör.
Mention mobil ana sayfa: Get in contact düğmeli hero, özellik etiketleri ve “Built for Trust. Proven Across Industries.” bölümü
Mention mobil ana sayfa: Get in contact düğmeli hero, özellik etiketleri ve “Built for Trust. Proven Across Industries.” bölümü
Mention mobil ana sayfa: Get in contact düğmeli hero, özellik etiketleri ve “Built for Trust. Proven Across Industries.” bölümü
Aynı hikâye mobilde, hızlı okunacak şekilde dizildi.

Güven ve kanıt

“Built for Trust” bölümü iş ortağı logolarını değerlendirme puanlarıyla bir araya getiriyor; koyu bir bölüm de veri ihlallerine dair sektör istatistikleriyle uçtan uca şifrelemenin artık bir zorunluluk olduğunu anlatıyor.

İş ortağı logoları ve Trustpilot, Product Hunt ve Clutch puanlarıyla “Built for Trust. Proven Across Industries.” bölümü
Sosyal kanıt, kurumsal alıcıların aradığı yerde, erkenden.
Koyu bölüm: veri ihlali istatistiklerini çubuk grafik kartlarla gösteren “Uçtan uca şifreleme artık sadece hoş bir ek özellik değil”
Sektör bağlamıyla bir özelliği bir gerekliliğe dönüştürmek.
Mobil puan listesi, şifreleme mesajı, ihlal istatistiği kartları ve güvenlik rozetli “Built for critical infrastructure” bölümü
Mobil puan listesi, şifreleme mesajı, ihlal istatistiği kartları ve güvenlik rozetli “Built for critical infrastructure” bölümü
Mobil puan listesi, şifreleme mesajı, ihlal istatistiği kartları ve güvenlik rozetli “Built for critical infrastructure” bölümü
Mobilde kanıt ve bağlam; her ekranda tek bir fikir.

Anlatılan güvenlik özellikleri

“Built for critical infrastructure”, her kartın tek bir soruyu cevapladığı bir özellik ızgarası: uçtan uca şifreleme, cihazda anahtar yönetimi, otomatik anahtar yenileme ve 7/24 müşteri desteği. En önemli kartlar bir deneme çağrısı da taşıyor.

“Built for critical infrastructure” özellik ızgarası: uçtan uca şifreleme, cihazda anahtar yönetimi, otomatik anahtar yenileme ve 7/24 destek
Her güvenlik önlemi tek cümlede, denemenin bir yoluyla birlikte.
Mobil özellik kartları: ücretsiz denemeli uçtan uca şifreleme, cihazda anahtar yönetimi ve otomatik anahtar yenileme ve anlık sohbet
Mobil özellik kartları: ücretsiz denemeli uçtan uca şifreleme, cihazda anahtar yönetimi ve otomatik anahtar yenileme ve anlık sohbet
Mobil özellik kartları: ücretsiz denemeli uçtan uca şifreleme, cihazda anahtar yönetimi ve otomatik anahtar yenileme ve anlık sohbet
Mobildeki güvenlik kartları aynı sırayı ve dili koruyor.

Ürün vitrini

“All the essentials”, uygulamanın kendisini gösteriyor: anlık sohbet, konu dizileri, doğrudan mesajlar ve şifreli dosya gönderimi, her biri bir ürün görseliyle. Her alıcının içinden geçirdiği soruyu cevaplıyor: gizli bir mesajlaşma uygulaması Slack kadar kullanışlı mı?

Mention çalışma alanı arayüzünü gösteren anlık sohbet ve konu dizisi kartlarıyla koyu “All the essentials.” bölümü
Uygulamayı göstermek, gizliliğin kullanışlılıktan ödün vermek anlamına gelmediğini kanıtlıyor.
Konu dizileri ve doğrudan mesajlar, şifreli dosya gönderimi ve “Confidence in every conversation” bölümü için mobil ürün kartları
Konu dizileri ve doğrudan mesajlar, şifreli dosya gönderimi ve “Confidence in every conversation” bölümü için mobil ürün kartları
Konu dizileri ve doğrudan mesajlar, şifreli dosya gönderimi ve “Confidence in every conversation” bölümü için mobil ürün kartları
Gündelik özellikler; her biri mesajların şifreli kaldığını hatırlatıyor.
Bir ofis kulesinin önündeki iş kadını üzerinde “Confidence in every conversation.” yazan tam genişlikte video bölümü ve Contact Us düğmesi
Teknik bölümlerin arasında insani ve duygusal bir an.

KOBİ'ler ve kurumlar için fiyatlandırma

Fiyatlandırmanın iki net yolu var: büyüyen ekipler için kullanıcı başına fiyatlı Professional plan ve bir görüşmeyle başlayan Enterprise plan. Karşılaştırma tablosu kullanıcı sayısını, desteği, çalışma alanlarını, yöneticileri, mesaj geçmişini, dosya gönderimini ve depolamayı yan yana koyuyor.

Professional ve Enterprise planlarını özellik özellik karşılaştıran “Find the right fit for your team.” fiyat tablosu
İki plan, tek tablo: karar vericiler saniyeler içinde karşılaştırabiliyor.
Mobil fiyatlandırma: “Simple, Predictable, Enterprise-Ready.” girişi, Professional plan kartı ve Enterprise “Let’s Talk” kartı
Mobil fiyatlandırma: “Simple, Predictable, Enterprise-Ready.” girişi, Professional plan kartı ve Enterprise “Let’s Talk” kartı
Mobil fiyatlandırma: “Simple, Predictable, Enterprise-Ready.” girişi, Professional plan kartı ve Enterprise “Let’s Talk” kartı
Mobilde planlar net, ayrı kartlar hâlinde.
Mobil plan karşılaştırma tablosu ve alt bilgiyle kapanış çağrısı “Take control of your internal communications.”
Mobil plan karşılaştırma tablosu ve alt bilgiyle kapanış çağrısı “Take control of your internal communications.”
Mobil plan karşılaştırma tablosu ve alt bilgiyle kapanış çağrısı “Take control of your internal communications.”
Karşılaştırma tablosu telefonda da okunuyor; sayfa tek bir eylem çağrısıyla kapanıyor.

Satışla iletişim

Kurumsal anlaşmalar bir görüşmeyle başlıyor; bu yüzden iletişim sayfası odaklı bir form, ad, iş e-postası, unvan, şirket ve büyüklüğü, ülke ve soru, yanında samimi bir destek fotoğrafı ve bir güvenlik rozeti.

Destek temsilcisi fotoğrafı ve satış iletişim formuyla “Get in Touch with Our Team” iletişim sayfası
Kurumsal satış için hazırlanmış kısa ve nitelikli bir form.
Mobil iletişim sayfası: “Get in Touch with Our Team” girişi, form alanları ve iş ortağı logolarıyla güven bölümü
Mobil iletişim sayfası: “Get in Touch with Our Team” girişi, form alanları ve iş ortağı logolarıyla güven bölümü
Mobil iletişim sayfası: “Get in Touch with Our Team” girişi, form alanları ve iş ortağı logolarıyla güven bölümü
Mobilde form kanıtla bitiyor; ziyaretçinin son gördüğü şey güven.

Sonuçlar

  • Gizliliği Mention'ın hikâyesinin merkezine koyan ve sade bir dille anlatan bir site.
  • Ana sayfa, özellikler, fiyatlandırma ve iletişim boyunca daha net bir akış ve bilgi mimarisi.
  • Kurumsal müşterilerden tasarımın netliği ve anlatımın şeffaflığı üzerine olumlu geri bildirim.
  • Mention ekibinin proje sonrasında birkaç tanıtım sayfası varyantını yayına almasını sağlayan ölçeklenebilir bir tasarım temeli.

Çıkarımlar

  • Köklü rakipler özelliklerde kazanıyorsa, onların iddia edemeyeceği tek şeyde yarış.
  • Güvenlik metni, her önlem için tek ve sade bir cümle olduğunda en iyi işler.
  • Ürünü göster: alıcıların gizli olanın daha zor kullanılmadığını görmesi gerekir.
  • Yeniden kullanılabilir bloklar, yayından sonra da kazandırmaya devam eder.
Müşterinin yorumu
“Olağanüstü iş çıkarıyorsun, harika. Beew Studio ile çalışmak çok güzeldi! Yakında büyük projelerimiz var ve tekrar birlikte çalışmayı kesinlikle isteriz!”
Jeenu Lee
Jeenu LeeCo-Founder, CEO @ Mention

Sık sorulan sorular

Mention nedir?

Mention, şirketlerin iletişim verisini sağlayıcıya vermeyen, Slack ve Microsoft Teams alternatifi olarak konumlanan, uçtan uca şifreli bir kurumsal mesajlaşma uygulaması. Düzenlemeye tabi ortamları ve korunması gereken fikrî mülkiyeti olan şirketleri hedefliyor.

Mention için ne tasarladın?

Masaüstü ve mobil için tanıtım sitesini: gizliliği merkeze alan bir ana sayfa, şifreleme, anahtar yönetimi ve dosya gönderimi için özellik bölümleri, güven ve iş ortağı bölümleri, KOBİ'ler ve kurumlar için fiyatlandırma sayfası, satış iletişim formu, ürün arayüzü görselleri ve bunların arkasındaki bileşenler.

Proje ne kadar sürdü?

2025'te yaklaşık bir ay; araştırma ve yapıdan son masaüstü ve mobil tasarımlara kadar.

Bir güvenlik ya da gizlilik ürünü için web sitesi nasıl tasarlanır?

Gizliliği bir dipnot değil, ana başlık yap ve her güvenlik önlemini tek, sade bir cümleyle anlat: ne olduğu ve seni nasıl koruduğu. Bunu sertifikalar, puanlar ve müşteri logoları gibi görünür kanıtlarla destekle, fiyatlandırmayı kolay karşılaştırılır tut ve kurumsal alıcılara satış ekibine giden doğrudan bir yol ver.

SaaS şirketim için site veya ürün tasarlayabilir misin?

Evet. Erken aşama AI, SaaS, fintech ve Web3 ekipleriyle web sitesi, ürün arayüzü ve tasarım sistemi üzerinde çalışıyorum. İletişim sayfasından bir görüşme ayarla ya da mesaj gönder.

Kaynaklar

  1. [1] Product Hunt, Mention: End-to-end encrypted enterprise messenger

Tasarlanacak bir ürünün mü var?

Ekiplerin karmaşık ürünlerini saniyeler içinde anlaşılan web sitelerine ve arayüzlere dönüştürüyorum. Bana ürününü anlat.

Sıradaki proje

KEOM Protocol

Projeyi incele
KEOM Protocol

Araçlar

Sosyal medya


© 2026 | Merak ve kafeinle yapıldı.

TR