ProfEnergie — bir enerji danışmanlığı için web varlığı ve dahili iş emri yönetimi

Başlangıç noktası

Bugün elektrik sağlayıcısını değiştirmek isteyen önce bir karşılaştırma portalına düşüyor: bir hesaplayıcı, bir liste, bir bonus — ve on iki ay sonra aynı oyun baştan. Bağımsız bir danışman ise portalın yapamayacağı bir şey sunuyor: sözleşmeyi imzadan sonra da bilen ve eski sağlayıcıdaki fesih işini de üstlenen bir insan. İnternette görünmeyen tam olarak buydu. On yıllık kariyer, binlerce aracılık edilmiş sözleşme ve çağrı merkezi yerine sabit bir muhatap — hepsi telefon görüşmelerinde yaşıyordu, ilk aramadan önce bulunan bir sayfada değil.

Bir de işin dışarıdan kimsenin görmediği diğer yarısı var. Bir talep, kaydedilmesi, atanması ve bildirilmesi gereken bir iş emrine dönüşüyor. Yalnızca talep üreten ve orada duran bir web varlığı bu yarıyı olduğu gibi bırakırdı — yani darboğazı çözmek yerine yerini değiştirirdi.

Zorluk

• Hesaplayıcısız güven: Site ilk saniyelerde bir insanın neden karşılaştırma portalından daha iyi olduğunu anlatmalı — portalı yeniden yapmadan.
• İki hedef kitle, tek varlık: Bireysel ve ticari müşteriler tarife arıyor, aday satış ortakları ise bir iş fırsatı. İkisi de kendini bulmalı ama site iki ayrı siteye bölünmemeli.
• Yabancı markaları doğru göstermek: Bireysel için 17, ticari için 14 sağlayıcı kanıtın parçası. Adlarını anmak serbest — her bir logonun kullanım hakkını çözmek başlı başına bir proje olurdu.
• İş tıklamayla bitmiyor: Kamuya açık kısım ile iç kısım birbirine ait olmalıydı — yan yana iki sistem yerine tek giriş, tek kod tabanı, tek işletim.

Çözüm

Ana sayfa bir tarife hesaplayıcısıyla değil, kariyerle açılıyor: Aralık 2015'ten bugüne yedi durak, kaydırdıkça durak durak kurulan bir zaman çizelgesi hâlinde. Orada deneyim iddia edilmiyor, tek tek sayılıyor. Ardından sağlayıcılar iki bant hâlinde ekranı geçiyor, altı hizmet alanı eşit ağırlıkta kartlar olarak yan yana duruyor ve süreç kaydırdıkça teker teker öne çıkan dört adıma indirgeniyor: faturayı gönder, karşılaştırılsın, işi ver, tedarik başlasın. Sıralama bir ürün kataloğunun değil, bir konuşmanın sıralaması.

Yabancı logolar yerine iki bant

Sağlayıcılar sitenin en güçlü kanıtı ve aynı zamanda en hassas yeri: yabancı markalar. Çözüm görsel yerine yazı — her ad, orada elektrik mi, gaz mı, ısı mı aracılık edildiği bilgisiyle birlikte dizilmiş metin. Bu, her bir logonun lisans sorusunu ortadan kaldırıyor, her ekranda net kalıyor, tek bir görsel isteği bile maliyet çıkarmıyor ve ekran okuyucunun okuyabileceği bir şey oluyor. İki bant ters yönde akıyor, bireysel ve ticari olarak ayrılmış, yanlarında sayılarıyla: 17 ve 14. Üstlerinde bir »Laufband anhalten« düğmesi var — durdurulamayan hareket, bazı insanlar için tasarım değil, engeldir.

İki talep, tek form

İkinci hedef kitle kolaylıkla ikinci bir web sitesine dönüşebilirdi. Bunun yerine kararı iletişim formundaki ilk tıklama veriyor: »Tarifanfrage« mi, »Vertriebspartnerschaft« mı. Alanlar aynı kalıyor, altlarındaki açıklamalar değişiyor ve mesaj uygun konu satırıyla posta kutusuna düşüyor. Satış tarafı için ayrıca iki videolu kendi sayfası var — ama videolar ancak açık bir tıklamadan sonra Vimeo'dan yükleniyor. Öncesinde alan adından tek bayt çıkmıyor. Otomatik gönderim denemelerine karşı önde Cloudflare Turnstile duruyor; çerez de kullanmıyor, siteler arası profil de çıkarmıyor.

Girişin arkasındaki kısım

Aynı alan adı altında, aynı kod tabanı ve aynı tasarım ızgarasıyla iş emri yönetimi duruyor: içe aktarma, genel bakış ve bildirim tek yerde. İkinci bir ürün değil, formun devamı — önden gelen, arkada bir kayda dönüşüyor. Erişim de buna göre dar: /dashboard altındaki her çağrı girişe yönlendiriliyor, arama motorları robots.txt ile dışarıda bırakılıyor, giriş düğmesinin önünde iletişim formundakiyle aynı doğrulama var ve otomatik parola sıfırlama bilerek yok — tek yetkili hesap varken self servis sıfırlama yolu, kolaylıktan çok saldırı yüzeyidir.

Göze batmayan teknik

Sayfa önceden render ediliyor ve bir dağıtım düğümleri ağı üzerinden sunuluyor; görseller kendi deposunda WebP olarak duruyor ve tarayıcıya göre uygun boyutta AVIF olarak teslim ediliyor. Açılış görselinin dar ekranlar için küçültülmüş bir sürümü değil, kendi dikey kesimi var — yedi motiften tam olarak biri hemen yükleniyor, kalan altısı ancak sırası gelince. Yükleme sırasında hiçbir şey kaymıyor: her görselin yüksekliği ve genişliği önceden belli.

• Çerez yok, sayaç pikseli yok, onay bandı yok: Ana sayfa açıldığında tek bir yabancı sunucuya bile bağlanılmıyor.
• Görsel dizisi ve bantlar durdurulabiliyor, her bölüm okunabilir bir başlık taşıyor ve »daha az hareket« ayarını yapmış olan bunu gerçekten görüyor.
• Yazı tipleri sonradan indirilmek yerine sayfayla birlikte geliyor — geldiklerinde satır düzeni sıçramıyor.
• Yasal zorunluluklar eksiksiz: künye, GDPR md. 13 uyarınca aydınlatma metni ve her sayfada tebligata elverişli adres.

Ölçülen

Aşağıdaki değerler ana sayfanın Chromium ile, yapay kısıtlama olmadan ölçülmesinden geliyor — kurgunun neye izin verdiğini gösteriyor, belirli bir bağlantının bundan ne çıkardığını değil.

Bu, sizin satışınız için ne demek

Bu kurgunun ticari özü teknoloji değil, kanıtların sırası. Danışmanlık alan kişi yalnız fiyatları değil insanları da karşılaştırıyor — ve bunun için doğrulanabilir bir şeye ihtiyaç duyuyor: tarihli bir kariyer, sayısı verilmiş bir sağlayıcı listesi, on iki değil dört adımlı bir süreç. Aracılık eden kişinin ise ardından, iş emrinin yeniden el işine dönüşmediği bir yere ihtiyacı var. İkisini tek sistemde tutmak yalnız lisans tasarrufu değil: Talepten kayda giden yolu, tek bir kişinin yalnız başına yürüyebileceği kadar kısa tutuyor.