İçeriğe geçWeb sitenizi yenilemenin tam zamanı. Sıfırdan tasarım · Yönetim paneli dahil · Ömür boyu teknik destek · Tüm cihazlarla uyumlu tasarım · Yayına alma dahil · Son katılım 31 EkimPrograma Katılın
Grafik Tasarım

Kullanıcının aradığı bilgiyi bulmasına ve işlemini tamamlamasına yardımcı olan web, panel ve mobil arayüzleri tasarlıyoruz.

Üretim planlama ekranı: makine bazlı haftalık plan, çakışma uyarısı ve alternatif öneri

Hangi arayüzleri tasarlıyoruz?

01

Yoğun veri ekranları

Planlama, kalite kontrol ve raporlama ekranlarında bilgileri önem sırasına göre düzenliyoruz. Kullanıcı ayrıntıya ulaşırken uyarıları ve işlem durumlarını görebilir.

Kalite kontrol ekranı: ölçüm değerleri, parti dağılımı ve değerlendirme
02

Atölye ve tablet arayüzleri

İş başında kullanılan ekranları büyük düğmeler ve açık alan adlarıyla tasarlıyoruz. Üretim adedi, iş emri ve duruş nedeni gibi bilgilerin girişini kullanım ortamına göre düzenliyoruz.

Operatör tablet ekranı: iş emri, talimat, üretilen adet ve duruş nedenleri
03

Harita ve operasyon panelleri

Sevkiyatları harita ve liste üzerinden takip eden ekranlar tasarlıyoruz. Gecikmeleri ve durum değişikliklerini ilgili kayıtta gösteriyoruz.

Lojistik operasyon merkezi: sevkiyat listesi, harita üzerinde rota ve durum bilgisi
04

Müşteri portalları

Müşterinin kendi sevkiyatını, belgelerini ve teslim durumunu takip ettiği portal ekranları tasarlıyoruz.

Müşteri portalı: sevkiyat listesi, rota ilerlemesi ve belgeler
05

Mobil uygulama ekranları

Saha çalışanlarının görevlerini, teslimatlarını ve gerekli belgeleri telefondan takip edebildiği ekranlar hazırlıyoruz.

Sürücü uygulaması: günün teslimatları ve aktif teslimat

Ekranları ortak kurallarla tasarlıyoruz.

Tasarım sistemi

Düğme, form ve tablo gibi tekrar eden parçalar için ortak kurallar tanımlıyoruz. Yeni ekranlar aynı bileşenlerle hazırlanabilir.

  • Düğme
  • Form
  • Tablo
  • Bildirim
  • Durum etiketi
  • İletişim kutusu
  • Boş durum

Boş, yüklenen ve hatalı durumlar

Veri yokken, yükleme sürerken veya işlem tamamlanamadığında gösterilecek ekranları da hazırlıyoruz.

  • Liste boş
  • Veri yükleniyor
  • İşlem başarısız
  • Yetkisiz erişim

Erişilebilirlik

Kontrast, klavye ve form etiketleri tasarım kararlarına dahildir.

  • Kontrast
  • Klavye
  • Form etiketi

Tutarlı durum göstergeleri

Aynı durum için her ekranda aynı renk, etiket ve simgeleri kullanıyoruz. Bilginin yalnız renkle anlaşılmasına bağlı kalmıyoruz.

  • Yolda
  • Planlandı
  • Teslim edildi
  • Gecikme

Geliştiriciye teslim

Ekranlar, bileşenler ve davranış notları birlikte teslim edilir.

Arayüz teslim paketi
Ekranlar ve bileşenler
Davranış notları dahil
Hizmet Kapsamı

Kapsamda neler var?

  • Kullanım analiziKullanıcının işini, ihtiyaç duyduğu bilgileri ve mevcut sorunları inceliyoruz
  • Akış tasarımıİşlem adımlarını ve ekranlar arasındaki geçişleri belirliyoruz
  • Ekran durumlarıBoş, yüklenen ve hatalı durumların nasıl görüneceğini hazırlıyoruz
  • Tasarım sistemiRenk, yazı ve tekrar eden bileşenler için ortak kurallar oluşturuyoruz
  • Tıklanabilir prototipTemel işlemleri geliştirme öncesinde birlikte değerlendiriyoruz
  • Geliştirici teslimiEkranları, bileşenleri ve davranış notlarını düzenliyoruz
Teslim
  • Ekran tasarımları
  • Tıklanabilir prototip
  • Tasarım sistemi
  • Geliştirici notları
Hizmet hakkında ayrıntılı bilgi

UX tasarımı, kullanıcının bir işi hangi adımlarla tamamladığını ele alır. UI tasarımı bu adımların ekran düzenini, kontrollerini ve görsel dilini belirler. Şahan Design olarak akışı ve arayüzü birlikte hazırlıyoruz.

Kullanıcının yapacağı iş

Önce kimin hangi işlemi yapacağını, hangi bilgiye ihtiyaç duyacağını ve nerede zorlandığını inceliyoruz. Mevcut ürün varsa ekranları, geri bildirimleri ve erişilebilen kullanım verilerini değerlendiriyoruz. Kullanıcı görüşmeleri ve testler için gereken çalışmayı ayrıca planlıyoruz.

Akış ve ekran taslakları

İşlem adımlarını, bilgi sırasını ve ekranlar arasındaki geçişleri çıkarıyoruz. Sade taslaklarla içeriğin yerini belirliyoruz. Boş liste, yükleme, hata ve yetkisiz erişim gibi durumları da bu aşamada ele alıyoruz.

Arayüz ve ortak bileşenler

Renk, yazı, boşluk, düğme, form ve tablolar için ortak kurallar oluşturuyoruz. Bileşenleri farklı ekran boyutlarında ve gerçekçi içerik örnekleriyle kontrol ediyoruz. Okunabilirlik, klavye kullanımı ve form etiketleri tasarımın parçasıdır.

Prototip ve teslim

Tıklanabilir prototip, temel işlemleri geliştirme başlamadan değerlendirmeyi sağlar. Ekranları, bileşenleri, görselleri ve davranış notlarını geliştiricinin kullanabileceği bir dosyada teslim ediyoruz. Yazılım geliştirme gerekiyorsa kapsamını ayrıca belirliyoruz.

Meridyen ve Arven bayi portalı çalışmalarımızı inceleyebilirsiniz. Geliştirme için yönetim paneli ve mobil uygulama hizmetlerini birlikte değerlendirebiliriz.

Süreç

Süreç nasıl ilerliyor?

  1. 01

    Talebinizi iletin

    Ne yapmak istediğinizi anlatırsınız, kapsamı birlikte netleştiririz.

  2. 02

    Teklifi onaylayın

    Kapsam, aşamalar ve bedel netleşince sözleşme ve ödeme planı panelden onaylanır.

  3. 03

    Süreci izleyin

    Çalışmayı belirlediğimiz aşamalarda paylaşıyor, geri bildirimlerinizi birlikte değerlendiriyoruz.

  4. 04

    Teslim alın

    Onaylanan kapsamdaki dosyaları ve kullanım bilgilerini teslim için hazırlıyoruz.

Abdullah Şahan
Abdullah ŞahanKurucu

Projenizin kapsamını ve çalışma adımlarını tasarım ve yazılım ekibimizle birlikte netleştirebilirsiniz.

WhatsApp'tan Konuşalım

Değerlendirmeler

Abdullah beye ilgisi ve profesyonel yaklaşımı için teşekkür ederiz. Kurumsal logo tasarımımızda aklımızda fikirlerimiz vardı. Abdullah beyin yaratıcı çalışmalarıyla konu bambaşka bir yere evrildi. Firma olarak gayet memnun kaldık. Sonraki projelerde mutlaka kendisini arayacağım.
Önder Can Kerimoglu
Sonuna kadar ilgi ve alaka gösterdiğiniz için teşekkür ederiz. Kapak tasarımımız titizlikle tasarlandı. 👏
Burak Kaya
Harika işçilik 👏👏
Orhun Topuz
Çok memnun kaldım
Mehmet Can Kılınç
Abdullah Bey'in sabırla ve anlayışla tüm isteklerimize cevap vererek süreci yürütmesi takdire şayan.. Beraber çalıştık ve neticeye ulaştık. Teşekkürler.
Mel's Artisan
harika logo tasarımcısı
Baran Çağlı
Şahan design teşekkür ederim çok Güzel bir calisma oldu çok beğendim çok kaliteli dokunuşlar
Harun Yıldırım

Sıkça Sorulan Sorular

UI ve UX tasarımı arasındaki fark nedir?

UX, kullanıcının işlemini hangi adımlarla tamamlayacağını belirler. UI, bu adımların ekranlarda nasıl gösterileceğini tasarlar. Akış ve görünüm birbirini etkilediği için ikisini birlikte ele alıyoruz.

Mevcut yazılımın arayüzünü yenileyebilir misiniz?

Evet. Önce mevcut iş kurallarını ve teknik sınırları inceliyoruz. Görünümü yenilemekle işlem adımlarını değiştirmek farklı çalışmalar gerektirir. Hangi bölümlerin korunacağını ve nelerin değişeceğini başlangıçta belirliyoruz.

Tıklanabilir prototip çalışan uygulama mıdır?

Prototip, ekranları ve aralarındaki geçişleri gösterir. Gerçek veri kaydı, yetkilendirme ve sistem bağlantıları geliştirme aşamasında yapılır. Prototiple temel işlemleri kodlama başlamadan değerlendirebiliriz.

Tasarım sistemi her projede gerekli mi?

Kapsamı ürünün büyüklüğüne göre değişir. Küçük projelerde temel renk, yazı ve bileşen kuralları yeterli olabilir. Ekran sayısı arttıkça bu kuralları daha ayrıntılı bir bileşen kütüphanesinde topluyoruz.

Kullanılabilirlik testi yapılıyor mu?

Kullanıcılarla yapılacak testlerin kapsamını ayrıca belirliyoruz. Katılımcıları, görevleri ve değerlendirme yöntemini birlikte planlıyoruz. Prototipi ekiple gözden geçirmek ise tasarım sürecinin parçasıdır.

Kodlama UI ve UX tasarımına dahil mi?

Bu hizmet tasarım çalışmasını kapsar. Ekranları ve davranış notlarını geliştiriciye teslim edilecek biçimde hazırlıyoruz. Yazılım geliştirmeyi de üstlenmemizi isterseniz aynı proje içinde ayrıca planlayabiliriz.

Başlamak için hazırız

Projenizi birlikte hayata geçirelim.

Marka kimliği, ambalaj, web ya da özel yazılım. İhtiyacınızı yazın. Kapsamı, süreci ve bütçeyi birlikte netleştirelim.

Özel Fiyat Teklifi Alın