Figma dosyasında tek satır görünen bir ürün adı, gerçek katalogda üç satıra çıkabilir. O sırada fiyatın, teknik belgenin ve teklif düğmesinin nasıl yerleştiğini tarayıcıda görmek gerekir. Figma HTML kodlama hizmetinde onaylı çizimden yola çıkarak bu durumları çalışan sayfada çözüyoruz. Önce hangi ekranların kodlanacağını ve sitenin mevcut altyapıya nasıl bağlanacağını birlikte belirliyoruz.
Dosyayı devralırken neye ihtiyaç duyuyoruz?
Onayladığınız sürümün bağlantısını, masaüstü ve mobil çizimleri, kullanılacak yazı tiplerini, ikonları ve gerçek içerik örneklerini istiyoruz. Dosyada taslaklarla yayına girecek ekranları ayırıyoruz. Aynı düğmenin normal, seçili, pasif veya yükleniyor durumlarını tasarımcınızla gözden geçiriyoruz. İnceleme erişimi ve dışa aktarılabilir görseller için Figma’nın tasarım dosyası teslim rehberini kullanabilirsiniz.
Mobil çizim eksikse menünün nasıl açılacağına, yan yana kaç ürün gösterileceğine veya tablonun nasıl okunacağına birlikte karar veriyoruz. Değişiklikleri önce bir örnek sayfada onaya sunuyoruz. Sonradan istenen tasarım değişikliklerinin mevcut işi nasıl etkileyeceğini de bu sürüm üzerinden değerlendirebiliyoruz.
Örneğin bir katalog tasarımı nasıl çalışır?
Bir aydınlatma firmasının katalog tasarımında aynı kart altında model adı, renk seçenekleri ve teknik çizim bağlantısı bulunsun. Kısa ve uzun isimli iki gerçek ürünü yerleştiririz. Dar ekranda renk seçenekleri ikinci satıra geçtiğinde teknik belge bağlantısının kapanmadığını kontrol ederiz. Müşteri ürün kartından teklif istediğinde doğru modeli görüyorsa tasarım satış ekibinin ihtiyaç duyduğu bilgiyle de örtüşür. Bu akışa ürün kataloğunun kategori ve detay sayfalarını birlikte ekleyebiliriz.
Tüm ürünlerin görseli aynı oranda olmayabilir. Ürünün önemli bir detayı kırpılıyorsa görselin kart içine nasıl sığacağını bir yatay, bir de dikey fotoğrafla belirleriz. Bu karar sayfadaki sonraki ürünlere de uygulanabileceği için katalog büyüdüğünde yeniden tasarım gerektiren durumlar azalır.
Onay ve kod tesliminde neyi kontrol ediyoruz?
Tarayıcı önizlemesinde menüyü klavyeyle kullanıyor, bağlantıları açıyor, formda eksik bilgi bırakıp uyarıyı okuyor ve geçerli bir deneme gönderiyoruz. Form bildiriminin alıcısına ulaşması için gerekli sunucu bağlantısı teklife dahilse onu da test ediyoruz. Tasarımcıdan belirlenen ekranların son görünümü için, işletmeden içerik ve yönlendirmeler için onay alıyoruz.
Teslimde kaynak dosyaları, görselleri ve ekibinizin içeriği nereden değiştireceğini açıklayan kısa bir notu paylaşıyoruz. Yönetim paneli, mevcut sisteme uyarlama veya yayına alma istiyorsanız bunları web tasarım projesinin teslim listesine ekliyoruz. Figma bağlantınızı WhatsApp üzerinden paylaşabilir veya kapsamı görüşmek için 0542 387 14 54 numarasını arayabilirsiniz.