Spex: Türk yazılım ve siber güvenlik şirketi için kurumsal web sitesi tasarımı

Genel bakış

Spex (SPEX Yazılım ve Siber Güvenlik Hizmetleri A.Ş.), 2020'de kurulan, merkezi İzmir'de olan bir yazılım ve siber güvenlik şirketi. [2] Kritik görev ortamlarında çalışan kurumlar için güvenli yazılımlar, siber savunma çözümleri ve gelişmiş sistemler tasarlayıp geliştiriyor; hizmetleri özel yazılımdan BT danışmanlığına, sunucu ve ağ çözümlerinden siber güvenliğe, yapay zekâya ve bulut altyapısına uzanıyor. [1] [3]

Stüdyom Beew üzerinden şirketin kurumsal sitesini 2025'te bir ayda yeniden tasarladım: masaüstü ve mobil için bir ana sayfa ve beş-altı iç sayfa, geliştirmeye hazır UI/UX olarak teslim edildi. Spex logosunu Beew daha önce tasarlamıştı; bu yüzden brifin bir parçası da o işareti tüm sitenin paylaştığı bir tasarım sistemine dönüştürmekti.

Sorun

Siber güvenlik, güvene dayanarak satın alınır. Spex'in önceki sitesi fütüristik görünüyordu, ama kurumsal bir alıcının gözünde tutarsız ve amatör duruyordu; bir güvenlik ortağının vermesi gereken mesajın tam tersi.

• Güven: Eski site fütüristik ama güvensiz, tutarsız ve amatör hissettiriyordu.
• Konumlandırma: Kurumlara yönelik siber güvenlik daha kurumsal ve profesyonel bir görsel dil gerektiriyordu.
• Marka mantığı: Markanın öğelerini, özellikle “X”i, arayüze bağlayan bir tasarım mantığı yoktu.
• Netlik: Responsive bir yapının hizmetleri, işleri ve güvenilirliği hızla göstermesi gerekiyordu.

Hedefler

• Modern, sade ve kurumsal, tamamen responsive bir tanıtım sitesi tasarlamak: bir ana sayfa ve yaklaşık beş-altı sayfa.
• Güçlü hiyerarşi, boşluk kullanımı, tipografi ve özenli bileşenlerle güven inşa etmek.
• Logodaki “X”in 55° açısını arayüz detaylarına uygulayarak imza niteliğinde bir sistem kurmak.
• Spex'in sürekli tasarım ortağı olarak markayı zaman içinde tutarlı tutmak.
• Geliştirme olmadan, teslime hazır UI/UX sunmak.

Yaklaşım

1. Tek bir açı, her yerde

Spex logosundaki “X” 55° açıyla çiziliyor. Bu açıyı sitenin imzası yaptım: Hero görselleri, kartlar ve çerçeveler aynı açıyla kesilmiş köşelere sahip; böylece logo ekranda olmasa bile marka tanınıyor.

2. Siber klişeler yerine kurumsal sakinlik

Neon ışıklar ve akan kodlar yerine site açık bir zemin, koyu mavi vurgular, çalışan gerçek insanlar ve bol boşluk kullanıyor. Koyu bölümler kanıta, iş ortakları ve müşteri yorumlarına, ayrıldı; böylece öne çıkıyorlar.

3. Hizmetleri süreç olarak anlat

Kurumsal alıcılar gerçekte ne olacağını bilmek ister. Sızma testi gibi hizmet sayfaları, moda kelimeler sıralamak yerine kapsam belirleme, test, raporlama ve iyileştirme adımlarını tek tek anlatıyor.

4. Bir sonraki adım form değil, takvim olsun

Her sayfa aynı görüşme davetiyle bitiyor ve randevu sayfanın içinde alınıyor: tarih ve saat seç, bilgilerini ekle, onayı al.

Çözüm

Logo ve 55° sistemi

Bir yapı ızgarası üzerine kurulan Spex yazı logosu ve uygulama ikonu, sistemin kaynağı. “X”in kesişen çizgileri, sitedeki köşelerde ve detaylarda kullanılan açıyı belirliyor.

Ana sayfa

Hero bölümü Spex'in ne yaptığını ve kimin için yaptığını tek satırda söylüyor; tek bir eylem var: “Book a demo”. Hemen altında rakamlar ve gerçekler bölümü, hizmetlere geçmeden önce ölçek ve kapsam hakkında hızlı bir fikir veriyor.

Hizmetler ve sızma testi

Altı temel hizmet, her biri kendi görseline sahip bir bento ızgarasında sunuluyor. Sızma testi gibi hizmet sayfaları daha derine iniyor: neyin test edildiği, aşamalara ayrılmış uçtan uca bir süreç ve müşterilerin aldığı raporlama ve iyileştirme desteği.

Hakkımızda, ekip ve değerler

Hakkımızda sayfası Spex'in arkasındaki misyonu, insanları ve ilkeleri tanıtıyor. Değerler, güvenlik ve sorumluluk, mühendislik mükemmelliği, hassasiyet, şeffaflık ve uzun vadeli etki, koyu bir bento ızgarasında; slogan gibi değil, taahhüt gibi okunuyor.

İş ortakları, müşteri yorumları ve içgörüler

Kanıt kendi koyu bölümlerine sahip: sektöre göre etiketlenmiş bir iş ortağı ızgarası, isim ve unvanlarla müşteri yorumları ve Spex mühendislerinin yazıları için bir içgörüler alanı. Her biri, her kurumsal alıcının sorduğu soruya cevap veriyor: Onlara başka kimler güveniyor?

SSS, iletişim ve görüşme planlama

Kısa bir SSS, kimse sormak zorunda kalmadan Spex'in müşterilerle nasıl çalıştığını cevaplıyor. Kapanıştaki eylem çağrısı ziyaretçileri sistemlerini güvenli ve modern hâle getirmeye davet ediyor; üç adımlı randevu aracı, tarih ve saat, bilgiler, onay, hem sayfada hem alt bilgide duruyor.

Sonuçlar

• Profesyonel, güvenilir ve kurumsala hazır görünen, yenilenmiş bir site.
• Hizmetler, projeler ve şirket konumlandırması için daha net bir gezinme ve sayfa yapısı.
• 55° motifinin temel arayüz öğelerine taşındığı özgün bir görsel kimlik.
• Logodan bu yana Spex'in uzun vadeli tasarım ortağı olan Beew ile marka sürekliliği.

Yeni site, Türkçe ve İngilizce olarak spex.com.tr adresinde yayında. [1]

Çıkarımlar

• Tutarlı kullanılan tek bir marka detayı, bir düzine süs efektinden iyidir.
• Güvenlik sektöründe sakin tasarım, yetkinlik olarak okunur.
• Hizmetleri süreç olarak anlat ki alıcı işi gözünde canlandırabilsin.
• Randevuyu sayfanın içine koy; her fazladan adım bir potansiyel müşteri kaybettirir.