Selçuk Aker
Dimsay — Web Sitesi tasarımı, detay 1, Selçuk Aker
Dimsay — Web Sitesi tasarımı, detay 2, Selçuk Aker
Dimsay — Web Sitesi tasarımı, detay 3, Selçuk Aker
Dimsay — Web Sitesi tasarımı, detay 4, Selçuk Aker
Dimsay — Web Sitesi tasarımı, detay 5, Selçuk Aker
Dimsay — Web Sitesi tasarımı, detay 6, Selçuk Aker

Müşteri ve sektör

Dimsay, Envepo Yazılım'ın iş makineleri için geliştirdiği saha yönetimi yazılımı. Şantiyedeki makinelerin arızalarını, bakımını ve yedek parça stoklarını takip ediyor. Web panelinden ve mobil uygulamadan kullanılıyor. Envepo'nun çatısı altında Turuncu ve Ecarsis adlı iki marka daha var.

İhtiyaç

Dimsay'ı satın alacak kişi bir şantiye ya da filo yöneticisi. Önce modülleri ve özellikleri anlamak istiyor. Sitenin ürünü anlaşılır biçimde anlatması gerekiyordu. Teklif almak isteyeni iletişime yönlendirmesi de gerekiyordu. Mevcut kullanıcı ise sisteme girişi hızlıca bulabilmeliydi.

Rolüm ve kapsam

Ürün sitesinin arayüzünü tasarladım. Ekranları Figma'da hazırladım ve Zeplin ile teslim ettim. Portfolyoda 6 ekran var.

Süreç ve tasarım kararları

Şantiye temasını çizimlerle kurdum. İlk ekranda sarı bir vinç ve iki iş makinesi var. Arka planda açık mavi bir bulut şekli duruyor. Ana renk mavi, vurgu rengi sarı. Başlık "Tüm operasyonlarınızı dijital çağa taşıyın." oldu.

Menünün sağına mavi bir "Sisteme Giriş" butonu koydum. Yanında dil seçici var.

Ana sayfada beş program modülünü ikonlu kartlarla sıraladım:

  • Şantiye Yönetimi
  • Arıza Havuzu
  • Bakım Tanımlama
  • Duyuru Yönetimi
  • Arıza Analiz Yönetimi

Kartların yanındaki mavi kutu ürünü kısaca tanıtıyor ve tüm modüllere bağlanıyor. Sayfa, teklif almak isteyenleri iletişime çağıran bir bölümle bitiyor.

Uygulama Özellikleri sayfasında beş özelliği zikzak bir düzenle anlattım. Metin ve çizim her satırda yer değiştiriyor. Ortadaki numaralı mavi daireler sırayı gösteriyor. Özellikler şunlar: anlık bildirim, mobil uygulama, raporlar, zaman çizelgesi ve emniyet stoku. Sayfanın sonunda toplanan veriyle hangi analizlerin yapılabileceğini liste halinde verdim. Örneğin hangi parçanın ne sıklıkla arıza yaptığı ya da operatörün kaç arıza bildirdiği.

İç sayfaların üst alanı açık sarı. Bu alanda sayfa başlığı ve kısa bir açıklama var. Uygulama Hakkında sayfasında telefon görselleri ile Google Play ve App Store butonlarına yer verdim. İndirilebilir Medya sayfasında dosyalar kartlar halinde duruyor. Bize Ulaşın sayfasında iletişim bilgileri, form ve harita var.

Altbilgide Envepo'nun dört markasını listeledim. Kullanıcı girişi butonu ve mobil uygulamayı indirmek için bir QR kod da altbilgide.

Teslimler

  • Ana sayfa
  • Ana sayfa, açık menü hali
  • Uygulama Özellikleri sayfası
  • Uygulama Hakkında sayfası
  • İndirilebilir Medya sayfası
  • Bize Ulaşın sayfası

Sonuç

Portfolyoda ürün sitesinin 6 ekranı yer alıyor.

Bu çalışma web sitesi tasarımı hizmetimden bir örnek.

BİR SONRAKİ ADIM