Eve Dijital

Dijital
Tasarım

Web sitenizin görselleri, ikonları, infografikleri, e-bültenleri ve kampanya açılış sayfaları zamanla farklı kişilerin elinden çıkar ve birbirine benzemez hale gelir. Bu görselleri tek bir dille, web performansını düşünerek ve doğru formatlarda üretiyoruz.

Canlı demo · Dijital tasarım

Bileşenlerden sayfaya

Dijital tasarım, tekrar kullanılabilir bileşenlerden kurulan bir sistemdir. Bileşenleri tuvale ekleyin ve sıralayın; sayfa 8 piksellik ızgaraya oturarak oluşur.

↳ Bileşen ekleyin/kaldırın, tuvaldeki blokları sürükleyin

Açılış sayfası · 1440

Soldan bileşen ekleyin

    ↳ Bileşen ekleyin; tuvaldeki blokları sürükleyerek sıralayın · Örnek tasarım sistemi; içerikler yer tutucudur.

    Ne tasarlıyoruz

    Sitenizin her köşesi aynı görsel dille

    01

    Web sitesi görselleri

    Ana sayfa üst görseli, kategori ve hizmet görselleri, blog kapakları ve sayfa linki paylaşıldığında görünen paylaşım görseli (Open Graph, 1200×630). Masaüstü ve mobil kırpımları ayrı hazırlanır.

    02

    İkon seti

    Aynı çizgi kalınlığı, köşe yarıçapı ve ızgara üzerine çizilmiş, markaya özel ikonlar. Web için SVG; sunum ve basılı işlerde de kullanılabilir.

    03

    İllüstrasyon

    Fotoğrafla anlatılması zor konular için — bir yazılımın nasıl çalıştığı, bir üretim süreci, soyut bir hizmet. Stok görsellerin yerine markaya ait bir çizim dili.

    04

    İnfografik

    Süreç, karşılaştırma ve veri anlatımları. Web sayfasında okunacak dikey versiyon ile sunum veya sosyal medyada kullanılacak parçalara bölünmüş versiyon birlikte planlanır.

    05

    E-bülten şablonu

    Kampanya, duyuru ve bülten e-postaları için şablon. Kullandığınız e-posta pazarlama aracına aktarılabilir yapıda; mobilde ve görseller kapalıyken de okunur.

    06

    Açılış sayfası tasarımı

    Reklam kampanyaları veya tek bir ürün için açılış sayfasının görsel tasarımı. Figma'da masaüstü ve mobil ekranlar olarak geliştiriciye hazır şekilde teslim edilir.

    Çalışma şekli

    Tek seferlik iş mi,
    düzenli destek mi?

    Yeni site öncesi ikon seti ve görseller, bir kampanya için açılış sayfası veya bir rapor için infografik. Kapsam ve teslim listesi baştan bellidir.

    örnek
    Brif
    Tasarım
    Revizyon
    Teslim
    ✓ İkon seti✓ Açılış sayfası✓ İnfografik
    Teslim formatları

    Her görsel, gideceği
    yere göre dışa aktarılır

    Ekranda güzel görünen bir görsel, yanlış formatta veya gereğinden büyük yüklendiğinde sayfayı yavaşlatır. Her görsel, kullanılacağı yerin teknik ihtiyacına göre dışa aktarılır.

    Feve-dijital / teslim-formatlari.figörnek

    Çerçeve

    Fotoğraf ve görseller

    WebP veya AVIF; gerekirse JPG yedeği. Gösterileceği en büyük boyutun yaklaşık iki katı genişlikte (yüksek çözünürlüklü ekranlar için).

    Dışa aktar

    WebP
    AVIF
    JPG
    Dışa aktar
    E-posta

    E-bülten tasarımında
    dikkat ettiklerimiz

    E

    Eve MağazaGelen kutusu

    Sonbahar koleksiyonu yayında — Yeni ürünleri ilk siz görün…

    eve
    [görsel: kampanya]

    Sonbahar koleksiyonu

    Yeni sezon ürünleri ve kampanya detayları burada.

    Koleksiyonu incele

    Gönderen: Eve Mağaza · Adres · İletişim

    Abonelikten çık

    örnek

    Görseller ve sayfa hızı

    Web için hazırlanan görseller yalnızca güzel değil, hafif de olmalı. Sitenin açılış hızı hem ziyaretçi deneyimini hem de Google'daki değerlendirmeyi etkiler.

    Projenizi konuşalım

    Görüşme planlayın ↗

    Fotoğraflar WebP veya AVIF, ikon ve logolar SVG olarak; görseller gösterilecekleri boyuta yakın ölçüde dışa aktarılır

    Büyük üst görseller sayfanın açılış hızını (LCP) doğrudan etkiler; Google'ın iyi kabul ettiği eşik 2,5 saniyedir

    Yüksek çözünürlüklü ekranlar için 2x versiyonlar, mobil için ayrıca kırpılmış görseller hazırlanır

    Görsellerin açıklayıcı alternatif metinleri (alt) ve anlamlı dosya adları teslim paketine eklenir

    Nasıl çalışıyoruz

    İhtiyaç listesinden teslime

    01

    İhtiyaç listesi

    Hangi sayfalar, hangi kanallar ve hangi ölçüler için görsel gerektiği çıkarılır; mevcut kimlik dosyaları toplanır.

    02

    Görsel yön

    İkon, illüstrasyon veya şablon stili birkaç örnek üzerinden sunulur ve netleştirilir.

    03

    Üretim

    Onaylanan stile göre tüm görseller üretilir; web için gerekli ölçü ve formatlar çıkarılır.

    04

    Teslim ve yerleştirme desteği

    Adlandırılmış dosyalar, alt metinler ve Figma kaynakları teslim edilir; geliştiricinizin sorularını yanıtlarız.

    SSS

    Sıkça Sorulan
    Sorular

    Web sitesi tasarımı sitenin yapısını, sayfalarını, kullanıcı akışlarını ve yazılımını kapsayan bir projedir. Dijital tasarım ise mevcut veya yapılacak bir site ile e-posta ve diğer dijital kanallar için ihtiyaç duyulan görselleri, ikonları, illüstrasyonları ve şablonları üretir. Sitenizi baştan yaptırmak istiyorsanız web tasarım hizmetlerimize bakabilirsiniz.

    Bunlar için ayrı sayfalarımız var: Google ve Meta reklam görselleri banner tasarımı, Instagram ve LinkedIn paylaşımları sosyal medya tasarımı kapsamında planlanır. Aynı görsel dille birlikte üretilmeleri mümkündür.

    Bu formatlar aynı görüntü kalitesini JPG ve PNG'ye göre genellikle daha küçük dosya boyutuyla sağlar. Daha küçük görseller sayfanın daha hızlı açılmasına yardım eder. Eski sistemler için gerekirse JPG ve PNG versiyonları da verilir.

    Mailchimp, Brevo, Klaviyo gibi araçların kendi şablon düzenleyicilerine aktarılabilecek şekilde ya da tablo tabanlı HTML olarak hazırlanır. E-posta programları web tarayıcıları kadar esnek olmadığı için yerleşim sade tutulur ve önemli metinler görselin içine gömülmez.

    Size özel çizilen illüstrasyon ve ikonların kaynak dosyaları ödeme tamamlandıktan sonra size teslim edilir; kullanım hakları sözleşmede belirtilir. Projede lisanslı stok görsel veya hazır ikon seti kullanıldıysa bunların lisans koşulları ayrıca bildirilir.

    Evet. Blog kapakları, kampanya görselleri ve e-bültenler gibi sürekli ihtiyaçlar için aylık iş listesiyle çalışılabilir. Aylık kapsam ve öncelik sırası birlikte belirlenir; ay içinde çıkan acil işler bu listeye göre planlanır.

    Basit ikon animasyonları ve kısa hareketli görseller hazırlanabilir. Daha kapsamlı animasyon, açıklayıcı video veya logo animasyonu ihtiyaçları motion grafik hizmetimiz kapsamında planlanır.