Enorm Teknoloji: kurumsal bilişim tedarikçisi için B2B web sitesi ve tasarım sistemi

Genel bakış

Enorm Teknoloji, İstanbul merkezli bir kurumsal bilişim tedarikçisi. Şirketlere, üniversitelere ve kamu kurumlarına yazılım lisansı, bilgisayar, iş istasyonu, ağ ve video konferans ürünleri satıyor; her teklifi müşterinin kullanım senaryosuna, kullanıcı sayısına, mevcut altyapısına ve bütçesine göre hazırlıyor. [1]

Katalog; Adobe, Microsoft, Autodesk, Apple, Dell, HP ve Lenovo gibi markalara, ayrıca Odoo ERP, AWS bulut ve Magento e-ticaret danışmanlığına uzanıyor. [2] Yeni siteyi stüdyom Beew üzerinden tasarlayıp Framer'da geliştirdim: araştırma, sıfırdan kurulan bir tasarım sistemi ve masaüstü ile mobil için tüm sayfalar; 2025'te yaklaşık iki ayda.

Sorun

Enorm kalabalık bir teknoloji pazarında rekabet ediyor ve eski sitesi buna destek olmuyordu. Ziyaretçiler şirketin sunduklarının tamamını görmekte zorlanıyordu; site, büyük kurumlara satış yapan bir işi yansıtmıyordu.

• Eskimiş tasarım ve sayfadan sayfaya değişen marka dili.
• Yazılım, donanım ve danışmanlık yelpazesini gizleyen zayıf gezinme ve belirsiz içerik yapısı.
• Tasarım sistemi yoktu; her yeni sayfa bir öncekinden biraz daha uzaklaşıyordu.
• Deneyimi zedeleyen yavaş yükleme süreleri.

Hedefler

• Enorm'un değerini net anlatmak: kurumlar için küresel markalardan yazılım, donanım ve danışmanlık.
• İşletmelerin ihtiyaç duydukları çözümü kolayca bulmasını ve şirkete ulaşmasını sağlamak.
• Tutarlı bir marka dili için ölçeklenebilir bir tasarım sistemi kurmak.
• Her cihazda iyi çalışmak; performans ve SEO için optimize olmak.

Yaklaşım

1. Sözü markalara bırak

Kurumsal alıcılar çoğu zaman belirli bir ürünü arayarak geliyor. Bu yüzden ana sayfa, hem kanıt hem de gezinme işlevi gören bir sıra marka kartıyla açılıyor: Adobe, Autodesk, Microsoft 365, Wolfram ve diğerleri.

2. Üç iş kolu için tek düzen

Yazılım, donanım ve danışmanlık aynı yapı taşlarını paylaşıyor: küçük bir etiket, sade bir başlık, kısa metin, temel rakamlar ve marka kartlarından oluşan bir kaydırıcı. Bir bölümü öğrenen hepsini okuyabiliyor.

3. Önce sistem, sonra sayfalar

Yapıyı araştırma belirledi: rakip analizi, kullanıcı görüşmeleri ve kullanılabilirlik testleri. Ardından sayfalardan önce tasarım sistemini kurdum: tipografi, renkler, ölçülü kullanılan kırmızı vurgu, kartlar ve Framer'da her yerde yeniden kullanılan bileşenler.

4. Her sayfa bir görüşmeyle bitiyor

Enorm satışını sepetle değil, teklif ve görüşmeyle yapıyor. Her sayfa bir eylem çağrısı, bülten kaydı ya da kısa bir iletişim formuyla bitiyor; bir sonraki adım hep bir tık uzakta.

Çözüm

Ana sayfa: marka marka kurumsal çözümler

Hero bölümü teklifi üç kelimede söylüyor, Enterprise Software Solutions, ve çözümler ile danışmanlık için iki buton sunuyor. Altında hareketli bir marka kartı kaydırıcısı üç iş koluna açılıyor: yazılım, donanım ve danışmanlık.

Şirket hikâyesi

Koyu renkli “Hikâyemiz” bandı açık renkli kataloğu bölüyor ve sayfaya insanları getiriyor: kurumların bilişim ihtiyaçlarını karşılamaya dair tek cümle, bir iletişim butonu ve çalışan ekibin fotoğrafları.

Yazılım, donanım ve danışmanlık

Her iş kolu aynı düzeni kendi atmosferiyle izliyor: yazılım için açık, donanım için mavi, ERP, bulut ve e-ticaret danışmanlığı için sıcak geçişli koyu tonlar. Müşteri logolarından oluşan bir referans bandı bu akışı kapatıyor.

Çözüm kataloğu ve marka sayfaları

Çözümler sayfası ürünleri ihtiyaca göre grupluyor, güvenlik ve yedekleme, grafik ve modelleme, istatistik, sanallaştırma, sunucular, ofis ve eğitim, ve yan menüyle filtrelemeye izin veriyor. Ardından her marka, Adobe örneğinde olduğu gibi, kendi sayfasına kavuşuyor: genel bakış, temel uygulamalar, bir karşılaştırma tablosu ve içeriğin yanında bir iletişim formu.

Hakkımızda, kariyer ve iletişim

Kurumsal sayfalar aynı koyu ve açık bantları yeniden kullanıyor: rakamlarla bir hakkımızda sayfası, açık pozisyonlara davet eden bir kariyer sayfası ve telefon, e-posta, adres, harita ve kısa bir formla Enorm kırmızısında bir iletişim sayfası.

Blog, bülten ve alt bilgi

Teknolojideki son gelişmeleri anlatan bir blog, Enorm'a rehberler ve haberler için aramaya da katkı veren bir alan açıyor. Bülten kaydı, marka logolarıyla çevrili bir kapanış çağrısı ve tüm markaları ve çözümleri listeleyen alt bilgi her sayfayı tamamlıyor.

Sonuçlar

• Enorm'un yazılım, donanım ve danışmanlık teklifini tek ve net bir katalog olarak sunan modern, tutarlı bir site.
• Her yeni sayfayı marka diline uygun tutan ve siteyi yönetmeyi kolaylaştıran, sıfırdan kurulmuş bir tasarım sistemi.
• Her sayfa için duyarlı tasarım; alıcılar masaüstünde ve mobilde aynı deneyimi yaşıyor.
• Her sayfadaki form ve eylem çağrılarıyla gezinmekten iletişime daha net bir yol.

Site enorm.com.tr adresinde yayında ve Framer üzerinde çalışıyor; markalar, iş kolları, çözümler, blog ve bülten yapısı aynen korunuyor. [2]

Çıkarımlar

• Alıcılar markaya göre arıyorsa, markaları gezinmenin kendisi yap.
• Tekrarlanabilir tek bir bölüm düzeni, büyük bir kataloğu sade hissettirir.
• Önce tasarım sistemini kur; sayfalar hem hızlanır hem tutarlı olur.
• B2B'de her sayfa, biriyle konuşmanın bir yoluyla bitmeli.