23 ŞUBAT PAZARTESİ
INSTAGRAM BÖLÜMÜ
Firmanın web sitesinde, Instagram sayfalarına ait gönderilerin otomatik olarak gösterileceği bölüm.
Gönderilere tıklayınca doğrudan Instagram sayfalarındaki gönderiye de gidilebilir. Ya da gönderi, pop-up şeklinde web sitesi üzerinde gösterilebilir.
20 ŞUBAT CUMA
MOBİLYA FİRMASI WEB SİTESİ
Dün de paylaştığım, mobilya üretimi yapan yerli bir firmaya ait web sitesi çalışmam.
Ana Sayfa’nın en alt bölümünde Müşteri Yorumlarımız ve İletişim bölümüne de yer verdik. Müşteri Yorumlarımız bölümü, daha fazla müşteri değerlendirmesi ile Hakkımızda sayfasında da bulunacak.
Belki Ana Sayfa’da daha fazla müşteri değerlendirmesi gösterebilirim. Sağa ve sola ok ekleyerek ve otomatik oynatma ile sağdan sola doğru birkaç saniyede bir yeni müşteri değerlendirmesinin gözükmesi sağlanabilir. Bu 2 seçeneği müşterime sunacağım ve o hangisini tercih ederse onu kullanacağım.
İletişim sayfasında ise bu sayfadaki iletişim bilgileri ve haritaya ek olarak İletişim Formu bulunacak.
19 ŞUBAT PERŞEMBE
MOBİLYA FİRMASI WEB SİTESİ
Mobilya üretimi yapan yerli bir firmaya ait web sitesi çalışmamda Ana Sayfa’da bizi karşılayan Hero görselinin hemen altında sunulan hizmetlerle ilgili bir bölüm düşünüyorum.
İlk düşüncem, siyah veya kahverengi bir arka plan üzerinde beyaz yazılar idi. Fakat mobil görünümü düşündüğümde, mobilde 2 veya 3 satır olması gerekeceğinden dolayı tasarım anlamında kötü bir görünüm olabileceğini düşündüm.
Bu sebeple yazıların sağdan sola doğru kayarak gelmesi daha doğru olacak gibi gözüküyor.
17 ŞUBAT SALI
EL EMEĞİ ÖRGÜ ÜRÜN SATIŞI YAPILAN WEB SİTE — YENİ PROJE
Müşterim el emeği ile yaptığı ürünleri web sitesinde tanıtmak istiyor. Bu ürünler örgü çanta, kıyafet gibi ürünler.
Aslında ilk düşüncesi, web sitesi üzerinden online satış yapabilmek ve ödeme alabilmekti. Fakat bir e-ticaret sitesi sahibi olabilmesi için en azından şahıs şirketi sahibi olabilmesi gerekliydi. Ayrıca e-ticaret web sitesi projesi için bütçesini çok daha fazla arttırması gerekecekti.
Aşağıya bir kanun maddesi ekliyorum:
Evlerde Üretilen Ürünlerin İnternet Üzerinden Satışında Esnaf Muaflığı:
193 sayılı Kanunun 9’uncu maddesine eklenen (10) numaralı bent ile, ayrı bir işyeri açmaksızın ve sanayi tipi veya seri üretim yapabilen makine ve alet kullanmaksızın oturdukları evlerde imal ettikleri malları, özellikle internet ve benzeri elektronik ortamlar üzerinden satanlar esnaf muaflığı kapsamına alındı.
Aldığı Esnaf Vergi Muafiyeti Belgesi ile evde ürettiği el emeği ürünlerini satabilecek fakat ödemeyi ya banka hesabına doğrudan alacak ya da Dolap, Shopier gibi uygulamalar aracılığıyla satış yapabilecek.
Web siteyi markalaşmak adına kurmak istedi. Dolap, Shopier gibi uygulamalar, tıpkı Instagram gibi kurallarını kendisi belirler. Satılan ürün oradan kalkar. Fakat web sitenizde hem kendinizi daha doğru tanıtırsınız hem de istediğiniz her şeyi paylaşabilirsiniz. Yani tüm kontrol sizdedir.
Web site üzerinden kendisi ile doğrudan iletişime geçebilecek ve Dolap, Shopier gibi satış yapmak istediği uygulamalardaki profiline yönlendirme yapılacak.
Projeye başlamadan önce müşterim için bir taslak hazırladım. Web sitesi projelerinde çoğu zaman, müşterilerinize yol göstermelisiniz. Sizinle iletişime geçip ürünlerini tanıtmak istediklerini söylediklerinde bu proje hakkında zaman ayırıp, oturup düşünmeli ve neler yapabileceğinizi not almalı ve bunu müşterinizle paylaşmalısınız.
Ben şimdi bu web sitesi projesinde bu taslağı hazırladım. Hâlâ da üzerinde düşünüyorum. eklenecek ve çıkarılacak çok fazla yer var. Müşterime seçenekler sunacağım.
Olabildiğince basit bir web site isteniyor. Sadece ürettiği ürünlerin ön planda olmasını ve gözükmesini istiyor.
Mesela benim ona sunacağım şöyle bir özellik olacak:
- Web sitede her ürün sayfasında WHATSAPP İLE İLETİŞİME GEÇ butonu olacak ve o butona tıklandığı zaman WhatsApp sohbeti açılacak.
- Ama ekstra olarak, o sayfadaki ürünün başlığı ne ise “Merhaba XXXXXX isimli ürün hakkında bilgi almak ve sipariş vermek istiyorum.” şeklinde sohbet metni otomatik olarak doldurulacak.
15 ŞUBAT PAZAR
İLETİŞİM SAYFASI
Tasarladığım web sitelerde modern bir tasarımın yanı sıra, kullanıcı deneyimini de önemsiyorum.
İletişim sayfasında olması gerekenler bir İletişim Formu, iletişim bilgileri ve konumdur.
Ve bu öğeleri doğru konumlandırmaktır.
Yerli bir firma için tasarladığım web sitesinin İletişim sayfasını paylaşıyorum.
13 ŞUBAT CUMA
WEB SİTENİZDE GOOGLE DRIVE İLE DOSYA PAYLAŞIMI
Yayına aldığım bir web sitesi. Bu siteye Google Drive entegre ettik ve burada, istenen klasörleri gösteriyoruz.
Bu sitedeki kullanım amacı şu: Firma, inşaat firması. PROJECTS sayfasında projeleri var ve her projeye özel sayfa açtık.
Her proje sayfasının içinde o projeye özel dosyaların paylaşılması istendi ama bunu hem Google Drive ile yapmak hem de o bölümün şifre ile korunması istendi.
Bu sayfalar, müşterileriyle paylaşılacak ve müşteriler, kendilerine iletilen şifreler ile proje dosyalarına ulaşılabilecekler.
Tabi her projeye özel birer şifre belirlendi.
Ayrıca PREVIEW ve DOWNLOAD özellikleri de eklendi. Dosyalar tarayıcı üzerinden görüntülenebiliyor veya doğrudan indirilebiliyor. Bu yetki, kişiden kişiye göre değiştirilebilir, ayarlanabilir de.
12 ŞUBAT PERŞEMBE
MOBİLYA FİRMASI WEB SİTESİ
Mobilya üretimi yapan yerli bir firmaya ait web sitesi çalışmamdan bir bölüm.
Hizmetler bölümü için 2 farklı tarz önerdim. İlkinde her kategorideki bütün görseller gözüküyor. Diğerinde ise fare ile üzerine gelinen bölümün görseli gözüküyor. Fakat mobil için, mobilde fare ile üzerine gelme özelliği olmadığından ilk tarzı uygulamak doğru değil.
10 ŞUBAT SALI
“GRAFİK TASARIMCI” KİŞİSEL WEB SİTESİ — YENİ PROJE
Yeni bir web site projesi.
Grafik tasarımcı için kişisel web sitesi çalışmasına başladım.
Tasarımcılar Behance, Dribbble vb. platformları aktif olarak kullanırlar ve çoğunlukla kişisel web sitesine ihtiyaç duymadıklarını söylerler.
Bu konuda böyle düşünenlerin çok yanlış düşündüklerini söylemeliyim. Bu durum, bazı işletme sahiplerinin Instagram hesaplarını yeterli görmeleri ve web sitesine ihtiyaç duymadıklarını söylemeleri ile hemen hemen aynıdır.
Grafik tasarımcılar, mimarlar, illüstratörler vb. meslek sahipleri müşterileri ile çoğu zaman e-posta üzerinden iletişim kurarlar. Burada alan adlarına ait e-posta adresine sahip olmaları bile onları bir değil birkaç adım öne çıkarır.
Tabi alan adını kaydetmeleri ve sadece bu alan adı üzerinden e-posta adresi kullanmaları tek başına yeterli olmayacaktır. Müşteriniz veya müşteri adayınız, e-posta adresinizin uzantısını (alan adınızı) gördüğünde web sitenizi de görmek isteyecek ve web site adresinizi yazdığında bir web siteye ulaşamazsa bu da kişisel markanızı çok olumsuz etkileyecektir.
Bu “Web Site Tasarımı & Geliştirme” projesinden bahsetmem gerekirse, sitede kişisel bilgiler, sunulan hizmetler, yapılan tasarımlar ve iletişim bilgileri yer alacak.
Behance, Dribbble ve LinkedIn hesaplarına yönlendirme yapılacak. Yani web site sahibi zaten web sitem var diye düşünerek Behance, Dribbble, LinkedIn gibi platformları bırakmayacak. Oralarda da paylaşım yapmaya devam edecek. Web sitesi bu anlamda, kişisel markasını-ismini güçlendirecek. Daha profesyonel gözükmesini sağlayacak.
9 ŞUBAT PAZARTESİ
WEB SİTEDE HER SAYFANIN EN ÜSTÜNDE KULLANDIĞIM TASARIMLAR
Bu web sitesi projemde her sayfanın en üstünde böyle bir bölüm kullandım.
Yazıların okunabilmesi için görselleri biraz kararttım.
7 ŞUBAT CUMARTESİ
MİMARLIK OFİSİ WEB SİTE ÇALIŞMASI
Mimarlık ofisi web sitesi çalışmamda Ana Sayfa tamamlandıktan sonra iç sayfalar üzerinde çalışmaya başladım.
Bugünkü Web Tasarım Günlüğü paylaşımımda çalışma ortamımdan bir fotoğraf paylaşmış olayım.
Projeler sayfasındayım.
Servisler, Hakkımızda ve İletişim sayfaları eklenecek.
Kendimi köşe masama attım. Düşünme ihtiyacım olduğu zamanlar bu masamda oluyorum.
5 ŞUBAT PERŞEMBE
İŞ AKIŞIMIZ BÖLÜMÜ
Her bölümün üzerine gelindiğinde o süreç ile ilgili bir görsel de gösterebilirim. Denemeler yapıyorum.
Arka plan rengi de verebilirim, gri gibi.
Veya bütün efektleri kaldırıp, göründüğü şekliyle kullanılabilir.
Hizmet sektöründe faaliyet gösteren işletmelerin web sitelerinde çalışma süreçleri ile ilgili bölüm mutlaka olmalı.
Hatta çalışma süreçleri ile ilgili ayrı bir sayfa olması da mükemmel olur.
4 ŞUBAT ÇARŞAMBA
CTA BÖLÜMÜ
Web sitede iletişim sayfası haricindeki bütün sayfalarda bu ve benzeri bölümler kullanıyorum.
CTA dediğimiz şeyin açılımı olan Call to Action, kullanıcıyı bir “eyleme” davet eden o arka planlı ve butonlu bloğun tamamıdır.
CTA, Kullanıcıya “Hemen Başlayın” veya “Teklif Alın” gibi net bir hedef göstererek, ziyaretçinin müşteriye dönüşme ihtimalini doğrudan yükseltir.
Web sitesinin diğer kısımları genellikle beyaz veya sade bir arka plana sahipken, CTA bölümleri videoda gösterdiğin gibi görsellerle, Hover Overlay efektleriyle ve Fixed Background (Paralaks) geçişleriyle siteye hareket katar.
2 ŞUBAT PAZARTESİ
HOVER EFEKTİ
Dün paylaştığım bölüm.
Masaüstü görünümde hangi kutunun üstüne gelinirse mavi bir renk katmanı ile beraber başlık ve buton beliriyor.
Hover efekti olan bu tarz tercih edilirse, mobil görünümde hover efekti olmadığı için başlık ve butonları mutlaka göstereceğim.
Birkaç farklı tasarım üzerinde daha çalışıyorum. Hangisi tercih edilirse web site çalışmasında onu kullanacağım.
(Geçici görseller kullanıldı.)
1 ŞUBAT PAZAR
SERVİSLER BÖLÜMÜ
Üzerinde çalıştığım web sitesi projesi için Servisler bölümü tasarımımdan görüntü paylaşıyorum.
Bazı denemeler yapacağım:
- Her bölümde servis ismi ve butonu gözüküyor ve her servis kutusunun alt kısmına doğru yoğunlaşan mavi bir renk katmanı mevcut.
- Diğer alternatifte, servis ismi ve butonu gözükmeyecek, üzerine gelindiğinde belirecek.
- Butonlara da hover efekti ekleyeceğim, üzerine gelindiğinde rengi değişecek.
