Beefull: Elektrikli Araç Şarjı ve Powerbank İçin Tek Uygulama

Zorluk

EV sürücülerinin hıza, hassasiyete ve gerçek zamanlı veriye ihtiyacı var: istasyon doluluğu, en uygun rota, şarjın ilerleyişi. Powerbank kullanıcıları ise işlerini hemen halletmek istiyor: al, okut, kirala, iade et. Bu iki ayrı yolculuğu birleştirmek, netliği korurken bilişsel yükü azaltan esnek bir tasarım mimarisi gerektiriyordu.

Parçalı tasarım kalıpları ve ölçeklenme sorunları. Önceki uygulama, Beefull'un ağı genişledikçe hızla büyümüştü; ortaya tutarsız bir gezinme yapısı, tekrar eden ekranlar ve birbirinden kopuk bir görsel mantık çıkmıştı. Bu dağınıklık kullanılabilirlik metriklerini etkiliyor ve iki hizmet kolunda da tasarımla geliştirmenin birlikte ölçeklenmesini zorlaştırıyordu.

Kullanım bağlamları arasında süreklilik. Otoyoldaki EV istasyonlarından powerbank sunan kafelere kadar, bir bağlamdan ötekine geçiş akıcı olmalıydı. Mesele yalnızca görsel birleştirme değil, farklı kullanım anlarında kullanıcının zihnindeki modeli bozmamaktı.

Çözüm

Beefull'un yeniden tasarımını hem birleştirme hem dönüşüm işi olarak ele aldık: yalnızca dağınık yolculukları onarmak değil, kullanıcıların mobilite hizmetlerini algılama ve kullanma biçimini yeniden tanımlamak.

Veriye dayalı, sistem odaklı yaklaşım. Davranışsal analitiği nitel içgörüyle birleştirerek EV sürücüleriyle powerbank kullanıcılarının paylaştığı motivasyonları ortaya çıkardık. Bu sayede hız, netlik ve güven üzerine kurulu ortak bir tasarım mantığı tanımladık. Tüm ana akışları, takılma noktalarını azaltacak ve iki hizmet arasında sürekliliği koruyacak şekilde yeniden kurduk.

Modüler yapı, hızlı ilerleme. Etkili ölçeklenebilmek için, temel tasarımı değiştirmeden yeni hizmetlerin ve kullanım bağlamlarının eklenebildiği modüler bir mimari benimsedik. Etkileşim ilkelerini ve geri bildirim döngülerini tüm ekosistemde standartlaştırdık; kullanıcı ister otoyolda aracını şarj etsin ister şehir merkezinde powerbank kiralasın, arayüz her durumda tutarlı kalıyor.

Marka ile performansı buluşturmak. Görsel kimliği ve kullanılabilirliği tek bir sistem olarak ele aldık. Rengi, hareketi ve tipografiyi hem işlevsel netlik hem marka enerjisi için ayarladık; Beefull'un sürdürülebilirlik odaklı kimliğini dinamik ve güven veren bir dijital deneyime dönüştürdük.

Deneyimden öne çıkanlar

Tek uygulama, iki yolculuk. Hem EV hem powerbank kullanıcılarına tek ekosistemde hizmet eden esnek bir deneyim mimarisi tasarladık. Modüler akış yapısı, görsel ve işlevsel tutarlılığı koruyarak kullanıcıların iki yolculuk arasında zorlanmadan geçmesini sağlıyor.

Deneyimi besleyen içgörüler. Kullanım analitiği ve anlık geri bildirimlerle gezinme yapısını netleştirdik, konum bulmayı kolaylaştırdık, şarj ve kiralama süreçlerini iyileştirdik. Her tasarım turunu, genel verimliliği ve memnuniyeti artırmak için ölçülebilir verilere dayandırdık.

150'den fazla ekranda tutarlılık. Yeniden kullanılabilir bileşenler ve birleşik bir görsel dille ölçeklenebilir bir tasarım sistemi geliştirdik; böylece Beefull'un kendi ekibi güncellemeleri hızla yayına alabiliyor ve birden fazla ürün hattında marka tutarlılığını koruyabiliyor.

Tasarım süreci

Çalışma boyunca blurple'ın Deneyim Döngüsü yöntemini izledik: her tasarım kararını ölçülebilir bir değere bağlayan, yapılandırılmış ama esnek bir süreç.

Odak: Fırsatı netleştirmek
Sorunu şöyle tanımladık: Markayı ya da ürün mantığını parçalamadan, birbirinden çok farklı iki hizmeti tek ve sezgisel bir deneyimde nasıl sunarız? Beefull'un ürün ve mühendislik ekipleriyle yaptığımız atölyelerde ana hedefleri belirledik: görev süresini kısaltmak, kullanıcıyı elde tutma oranını artırmak ve hızlı geliştirme döngüleri için sağlam bir zemin kurmak.

Araştırma: Kullanıcı davranışını ve veriyi anlamak
EV sürücülerinin ve powerbank kiralayanların davranışlarını incelediğimizde ortak beklentiler gördük: görünürlük, güven ve hız. Oturum verilerini ve geri bildirim döngülerini haritalayarak takılma noktalarını belirledik. Örneğin EV istasyonlarını bulmak uzun sürüyordu, powerbank iadesinin tamamlanıp tamamlanmadığı net anlaşılmıyordu.

Uygulama: Modüler bir ekosistem tasarlamak
Bilgi mimarisini temel kullanıcı amaçları etrafında yeniden düzenledik: bul, şarj et, kirala, takip et. Böylece ayrı ama birbirine bağlı iki yolculuk ortaya çıktı. Harita görünümleri, konum kartları ve ödeme modülleri gibi ortak bileşenler tutarlılığı sağladı ve tekrarı azalttı. Görsel ritmi yakınlık, hiyerarşi ve net geri bildirim kalıplarıyla kurduk.

Ölçüm: Etkileşim mantığını kurmak ve doğrulamak
Hızlı prototipleme ve kullanılabilirlik testleriyle yeni akışları iki gruptan da gerçek kullanıcılarla doğruladık. Hareket ve geri bildirim ilkeleri güveni pekiştirdi: Şarj cihazının devreye girmesinden powerbank iadesine kadar sistemin her yanıtını mikro etkileşimlerle gösterdik. Görsel stili, parlak güneş altında da okunacak ve gece modunda rahat kullanılacak şekilde ayarladık.

Gelişim: Sistemleştirmek ve ölçeklemek
150'den fazla ekranda tutarlılığı sağlayan token tabanlı bir tasarım sistemi kurduk. Bileşenleri yoğunluğa (göz atma ve canlı durum) ve platformlar arası eşdeğerliğe (iOS/Android) göre sınıflandırdık. Tasarım ve geliştirme ekiplerinin haftalık toplantıları, tasarlananla uygulananı aynı çizgide tuttu; bileşen dokümantasyonu da kalite güvencesi (QA) turlarını azalttı.