Efficense: yazılım lisansı ve donanım kullanımı takibi için iki dilli SaaS web sitesi

Genel bakış

Efficense, yazılım lisansı optimizasyonu ve kullanım takibi platformu. Masaüstü ve tarayıcı uygulamalarının kullanımını lisans atamaları, maliyetler ve yenilemelerle birlikte takip ediyor; şirketler kullanılmayan lisansları bulup ne kadar tasarruf edebileceklerini görebiliyor. Donanım kullanımı ve uygulama izleme modülleri de sunuyor. [1] Bir Chrome eklentisi, çalışanların web uygulamalarını nasıl kullandığını raporluyor. [3] Şirketin CEO'su Fatih Seven, CTO'su Şakir Şensoy; adres olarak San Francisco gösteriliyor. [2]

Şirketin web sitesini stüdyom Beew üzerinden, 2024'te yaklaşık üç ayda tasarlayıp geliştirdim: İngilizce ve Türkçe 15'ten fazla sayfa, bir tasarım sistemi ve etkileşim ile animasyonlarıyla birlikte Framer'da tam geliştirme. Site bugün de iki dilde yayında. [1]

Sorun

Efficense, arka planda çalışan bir ürün için eksiksiz bir dijital varlığa ihtiyaç duyuyordu. Kullanım verisi, lisanslar ve cihazlar kendi başına heyecan verici değil; site, bunların değerini bütçeyi onaylayan kişiler için açık hâle getirmeliydi.

• Kitle: BT yöneticileri ve iş liderleri için İngilizce ve Türkçe, sezgisel bir web arayüzü.
• Ölçek: karmaşık etkileşim ve animasyonlarla 15'ten fazla sayfada tutarlı ve ölçeklenebilir bir tasarım.
• Etkileşim: gerçek zamanlı yetenekleri gösteren, iki dilde de hızlı kalan etkileşimli bir deneyim.

Hedefler

• Efficense'i yazılım ve donanım israfını azaltan, vazgeçilmez bir kurumsal araç olarak konumlandırmak.
• Gerçek zamanlı izleme ve optimizasyon faydalarını İngilizce ve Türkçe gösteren net bir arayüz tasarlamak.
• Her sayfada ve iki dilde tutarlılık için bir tasarım sistemi kurmak.
• Siteyi, ürünü somut hissettiren animasyon ve etkileşimlerle Framer'da geliştirmek.

Yaklaşım

1. Metafor değil, ürünü göster

Ana sayfa hero'su panelin kendisini gösteriyor, çalışanlar, departmanlar, takip edilen uygulamalar, ve her özellik bölümü gerçek arayüz kartlarından kuruldu: kullanım grafikleri, lisans listeleri, cihaz tabloları. Ziyaretçi, ürünün bir çizimini değil, kullanacağı şeyi görüyor.

2. Kullanımı paraya çevir

Bütçe sahipleri lisans sayısıyla değil, maliyetle düşünüyor. Bir kırılım kartı, toplam yıllık uygulama maliyetinden pasif hesaplara, gereksiz satın almalara ve olası tasarrufa ilerliyor; izlemenin değeri tek bakışta görünüyor.

3. Yazılıma aydınlık, donanıma koyu

Yazılım özellikleri aydınlık, ferah kartlarda duruyor; donanım bölümleri, cihaz envanteri, kullanım analizleri, performans göstergeleri, daha koyu bir palet kullanıyor. İki ürün hattı, tek bir bileşen setini paylaşırken birbirinden ayrışıyor.

4. İlk günden iki dilli

Tasarım sistemi; tekrar kullanılabilir bileşenler, ortak bir stil rehberi ve hem İngilizce hem Türkçe için tipografi ayarları içeriyor. Metin uzunluğu değiştiğinde düzenler bozulmuyor ve her sayfada dil seçimi var.

Çözüm

Ana sayfa

Ana sayfa tek bir vaatle açılıyor, operasyonel maliyetleri düşürürken verimliliği artır, ve hemen altında ürün paneli var. Aşağıda logo şeridi, maliyet kırılımı ve bir müşteri hikâyesi kartı, ziyaretçi eylem çağrısına ulaşmadan önce gerekçeyi kuruyor.

Yazılım varlık yönetimi

Yazılım özellikleri küçük ürün kartlarıyla anlatılıyor: kullanım filtreleri ve geçmiş uygulama verisi, takip edilen araçların uygulama çubuğu, aktif ve pasif lisanslar, çalışan uygulama izleme, Microsoft Entra ID ve Google Workspace entegrasyonuyla lisans optimizasyonu, detaylı uygulama görünümü, tedarikçi ve maliyete göre sıralama ve departman bazlı analiz.

Donanım kullanımı

Donanımın kendine ait, daha koyu bir görsel dünyası var: filtrelenebilir cihaz envanteri, donanım kullanım tablosu, çalışan cihaz takibi ve performans raporları. Sade CPU, depolama ve bellek göstergeleri, cihaz sağlığını üç okunur duruma çeviriyor, iyi, normal ve yüksek kullanım.

Fiyatlandırma, kullanım senaryoları ve demo

Fiyatlandırma üç planı yan yana karşılaştırıyor. Kullanım senaryoları, kullanılmayan lisanslarını azaltan bir finans şirketi gibi kısa hikâyeler anlatıyor; her biri kendi grafiğiyle. Demo talep sayfası formu kısa tutuyor ve onu faydaların ve bir panel önizlemesinin yanına koyuyor.

Ajanı indir

Efficense kullanım verisini bir masaüstü ajanı ve bir tarayıcı eklentisiyle topluyor; bu yüzden indirme sayfasında her platform için bir kart var, Windows, macOS ve Google Chrome, sürüm, minimum gereksinimler ve dosya doğrulamasıyla.

Blog, SSS ve kapanış çağrısı

Öne çıkan ve kart düzenli bir blog, ekibe BT maliyet yönetimi üzerine içerik için alan açıyor. SSS, alıcıların ilk sorduğu soruları cevaplıyor; koyu kapanış bölümü, gereksiz maliyetlere bugün son ver, önemli iki aksiyonu tekrarlıyor: demo iste ya da ücretsiz denemeye başla.

Sonuçlar

• Framer'da tasarlanıp geliştirilmiş, İngilizce ve Türkçe yayında olan, 15'ten fazla sayfalık eksiksiz bir site. [1]
• Arka planda çalışan bir izleme aracını kolay anlaşılır ve gezilir kılan, sezgisel ve iki dilli bir arayüz.
• Yeni sayfaları daha hızlı eklemeyi sağlayan, tekrar kullanılabilir bileşenler ve iki dilli tipografi içeren bir tasarım sistemi.
• Gerçek zamanlı izlemeyi somut hissettiren ve ziyaretçiyi demoya yönlendiren etkileşimler ve animasyonlar.

Çıkarımlar

• Ürün arka planda çalışıyorsa, arayüzünü ön plana koy.
• Bütçe sahipleri lisans değil para okur: kullanımı tasarrufa çevir.
• İki dili tasarım sisteminden sonra değil, onun içinde planla.
• Küçük ve gerçek özellik kartları, uzun özellik sayfalarından daha iyi ölçeklenir.