Hedef kitle özellik ve beklentilerinin belirlenmesi görsel Giriş web tasarımına yönelik elektronik portfolyo oluşturmanın
Geleneksel anlamıyla portföy veya portfolyo herhangi bir ilk ve öncelikli aşamasıdır. Bu aşamada dikkatli bir analiz, konu ile ilgili bir araya getirilmiş bilgi ve belgeleri ifade araştırma ve planlama yapılmadan oluşturulan etmektedir. Latince portare (taşıma) ve folgio (belge) portfolyoları çok önemli problemler bekleyebilir. Bu kelimelerinin bileşiminden oluşan bu kavram, finans, problemlerden bazıları aşağıda sıralanmıştır. güzel sanatlar, tasarım ve eğitim gibi birçok alanda kullanılmaktadır. Farklı alanlardaki portfolyolara finans • Oluşturulan portfolyonun sektör standartlarının portfolyoları, kariyer portfolyosu, edebiyat portfolyosu ve çok altında veya çok üstünde kalarak ilgi sanat portfolyosu örnek verilebilir. görmemesi, • Portfolyonun sektördeki eğilimlerle uyumlu Portfolyo, bir grafik tasarımcısının veya tasarım ekibinin olmamasından dolayı dikkat çekmemesi, görsel web tasarımına yönelik en iyi çalışmalarını işveren • Başka kişi veya kurumlar tarafından sunulan ve yatırımcılara etkin, pratik ve profesyonel bir şekilde görsel tasarımlara yakın çalışmaların öne sunma amacı taşıyan bir dijital koleksiyondur. çıkarılması,
Web’in dünya genelinde hızla yayılması ve dünyada • Portfolyonun hedef kitle beklentilerinden farklı toplumların her kurum ve düzeylerine kadar inmesi bu olarak çok detaylı veya çok sade olması, ortamlara yönelik tasarımlara duyulan ihtiyaçları • Hedeflenen sektöre yönelik özel renk, sembol, arttırmıştır. ikon, çizim, resim veya şekillerin ıskalanması
Portfolyo Planlama Hedef kitle özellik ve beklentileri ayrıntılı bir biçimde incelendikten ve hedeflenen sektör belirlendikten sonra Görsel web tasarımına yönelik başarılı bir elektronik tasarlanacak portfolyoya yönelik önemli ipuçları elde portfolyonun oluşturulması için öncelikle iyi bir edilmiş olacaktır. Hedef kitle analizinin ürünleri olarak bu planlamanın yapılması gerekir. Bunun için de hedef kitle ipuçlarından bazıları şöyle sıralanabilir; (müşteri) özellik ve beklentilerinin analiz edilmesi, portfolyo amacının açık bir biçimde belirlenmesi, • Sektörün görsel web tasarımı ihtiyaçları, portfolyo içeriğinin ne olacağına yönelik detaylı bir • Sektöre özgü görsel tasarım öğeleri (renk, çalışmanın yapılması ve portfolyo tasarımının nasıl sembol, ikon, çizim, resim vb.), olacağının belirlenmesi gerekmektedir. • Piyasada sektöre yönelik görsel web tasarım
Görsel web tasarımına yönelik bir elektronik portfolyonun hizmetlerinin güçlü ve zayıf yanları, en temel amacı tanıtımdır. Dikkati çekilmek istenen ürün • Piyasadaki hizmetlerin benzerlikleri, farklılıkları olarak görsel web tasarım bileşenleridir. Bu tasarımların ve eğilimleri.
sunulması planlanan hedef kitle ise bireysel müşteriler, Görsel web tasarımına yönelik bir elektronik portfolyonun şirketler, kurum ve kuruluşlar, tasarım ekipleri veya diğer en önemli bileşeni içeriktir. Portfolyo ziyaretçilerinin asıl tasarımcılardır. Bu nedenle hedef kitle özellikleri ve ilgilenecekleri şey portfolyoda sunulan içeriğin değeri ve beklentileri portfolyo oluşturulmadan önce iyi analiz kalitesi olacaktır. Sadece tasarımcının teknik bilgisini edilmelidir. Grafik tasarımcının bir elektronik portfolyo yansıtan çalışmalar değil sanatsal yeteneğini, deneyimini oluştururken sorması gereken en temel soru “Hedef kitlem ve alandaki uzmanlığını yansıtacak çalışmalar ilk izlenim kim?” sorusudur. Bu soruya cevap bulmak amacıyla hedef için kullanılabilir. Kullanıcıların birkaç saniye içerisinde kitlenizin bazı özelliklerini açık bir biçimde ortaya ulaşacakları ilk izlenimi olabildiğince olumlu kılmak için koymanız gerekecektir. Bu özelliklerden en önemlileri en iyi içeriğin en başa konulması dışında tasarımın sade ve aşağıda verilmiştir. temiz olması, arayüzün gezinim için kullanıcı dostu
• Hedef kitlenin (müşterilerin) sektörü olması da gerekir. Elektronik portfolyo içeriklerinin • Hedef kitlenin görsel Web tasarımına yönelik hazırlanmasında dikkat edilmesi gereken diğer önemli beklenti ve talepleri bazı noktalar aşağıda sıralanmıştır.
• Hedef kitlenin Web tasarım veya grafik tasarım • İçeriğin anlaşılır bir biçimde konu, alan veya deneyimi türlerine göre sınıflandırılması. • Hedef kitlenin görsel Web tasarımına yönelik • Karmaşık içerikten kaçınılması. önyargıları • Görsel tasarımların uygun çözünürlüklerde
Görsel Web tasarımına yönelik portfolyo planlama sunulması. aşamasında hedef kitle analizi yapılırken piyasa • Her bir proje, galeri ve görsele kısa ve öz araştırması kritik öneme sahiptir. Piyasa araştırması açıklamaların eklenmesi. sayesinde hedeflenen sektörün ihtiyaçlarını • Kolay erişim için galeri ve proje yapılarının karşılayabilecek hizmetlerin sunulup sunulmadığı, tasarım kullanılması. kalitesinin hangi düzeyde olduğu ve eksikliklerin hangi • İçeriğin izinsiz kullanımı riskine karşı orijinal noktalarda ortaya çıktığına ilişkin ipuçları elde edilebilir. görsellerin korunması.
Portfolyo planlamanın son adımında tasarımcının Behance portfolyo sitesinin dezavantajlarını ise tasarım portfolyo Web tasarım bileşenlerine karar vermesi sınırlılığı ve dosya boyutu sınırlaması şekilde sıralamak gerekmektedir. Portfolyo Web tasarım bileşenlerinin açık mümkündür. Bir Behance portfolyosu oluşturmak bir biçimde belirlenmesi ise planlamanın ilk üç adımının ücretsizdir. Ücretsiz portfolyo ile Behance’nin tüm başarılı bir şekilde tamamlanmasına bağlıdır. Portfolyo etkileşimlerinden yararlanılabilir. Ancak, daha geniş bir hedef kitle özelliklerine, sektör ihtiyaçlarına ve portfolyo depolama boyutu ve Adobe’nin sağladığı çeşitli fontlar ve amacına göre aşağıdaki kararların alınması gerekir. tasarımlar için Adobe Creative Cloud hesabına sahip olmak gerekmektedir. Behance portfolyo sistemi Adobe • Arama çubuğu, site haritası ve menü gibi gezinim şirketinin diğer bir portfolyo uygulaması olan Adobe bileşenlerinin neler olacağı. Portfolyo ile entegre olarak da çalışmaktadır. • Portfolyo sitesinin e-ticaret sistemiyle entegre edilip edilmeyeceği. Adobe Portfolyo: Adobe şirketinin Adobe Creative Cloud • Online sipariş ve satış işlemlerinin yapılıp planlarından herhangi birine sahip kişilere ücretsiz olarak yapılmayacağı. sunduğu basit bir portfolyo sitesi tasarlama hizmetidir. • Kullanıcı giriş sisteminin olup olmayacağı. Adobe Portfolyo hizmeti kolayca portfolyo Web sitesi • Sosyal medya bileşenlerinin kullanılıp oluşturup yayınlamayı sağlayan bir yapıya sahiptir. Adobe kullanılmayacağı. Portfolio, kullanıcılara önceden tasarlanmış portfolyo • Önceki kararlara göre portfolyonun sıfırdan şablonları arasından tercih yapma imkânı sunar. Adobe kodlanması veya hizmet alımının Portfolio’nun sunduğu site tasarımı duyarlı (responsive) kararlaştırılması arayüzlere sahiptir. Bu sayede farklı ekran ölçülerinde (PC, Tablet veya Akıllı Telefon) sorunsuz görüntü Portfolyo planlama aşamasının sonucunda portfolyo yapı sağlanır. Genel olarak Adobe Portfolio özelliklerini şu ve bileşenlerinin belirlenmesi tasarımcı için önemli şekilde sıralamak mümkündür: kolaylıklar sağlayacaktır. Bu sayede çeşitli çözümler denenerek gereğinden fazla zaman harcanmayacak ve • Typekit font kütüphanesine erişim, portfolyo tekrar tekrar güncellemelerle tasarım • Çevrimiçi düzenleme özelliği ile yapılan karmaşasına sürüklenmemiş olacaktır. ayarların hemen gözden geçirilebilmesi, • Site bileşenlerinin ayrı ayrı ayarlanabilmesi, Portfolyo Oluşturma • Kişisel bilgisayar, tablet ve mobil uyumlu
Elektronik portfolyolar her yerden erişilebilir oldukları responsive tasarım, için hem tasarımcı hem kullanıcı hem de işveren için • Behance eşlemesi, önemli kolaylıklar sağlarlar. Elektronik ortamda farklı • Özgün alan adlarının kullanılabilmesi, kanallarla portfolyo oluşturmak mümkündür. Bunlardan • Görsel tasarımların gizlenmesi ve korunması. bazıları aşağıda sıralanmıştır. Dunked: Çevrimiçi portfolyo oluşturmak için • Uluslararası bir grafik portfolyo sistemine dâhil yararlanılabilecek sitelerden biri de Dunked’dır. Oldukça olma, hesap açma. kolay bir arayüze sahip bu sitede portfolyo oluşturmak • Kurum veya birim bazında ihtiyaca yönelik için ayrıntılı kodlama bilgisi gerekmemektedir. Bununla portfolyo oluşturma. birlikte isteyen kullanıcılar HTML ve CSS kodlarına da • Grafik tasarım gurubu veya ekibinin özgün bir müdahale ederek portfolyolarında tam kontrolü portfolyo oluşturması. sağlayabilirler. • Bireysel bir portfolyo oluşturma. Diğer portfolyo oluşturma sitelerinden farklı olarak Behance: Öz-tanıtım konusunda uzmanlaşmış, Dunked’ın sağladığı en önemli avantajların başında farklı danışmanlık ve çevrimiçi portfolyo siteleri de dâhil çeşitli belge ve dosya yapılarını desteklemesi gelmektedir. Diğer servis ve siteleri içeren bir ağdır. Behance dünyanın en bir ifadeyle her türlü grafik tasarımları, videolar ve hatta çok bilinen portfolyo sitelerinden biridir. Adobe şirketinin ses dosyaları potfolyoya yüklenebilir. Dunked’ın diğer bir ürünü olan Behance, yine Adobe şirketinin Creative bazı avantajları arasında özgün URL oluşturma, farklı Cloud hizmetleriyle birlikte sağlanabilmektedir. Aylık ekran büyüklükleriyle uyumlu duyarlı arayüz, retine ready ortalama yetmiş binin üzerinde ziyaretçi alan Behance tasarım ve CSS kontrolü sayılabilir. portfolyo sitesinin en büyük avantajı kullanımının oldukça Retine ready birim alanda daha fazla piksel gösterilerek kolay olmasıdır. Genel olarak Behance portfolyo sitesinin netliği arttırmaya yönelik bir web tasarım özelliğidir. avantajlarını şu şekilde sıralamak mümkündür: Kolay kullanım özelliklerine karşın Dunked sisteminin en • Kolay kullanım, büyük dezavantajı ise tasarım zenginliğinin olmamasıdır. • Kullanışlı arayüz, Sunulan yedi portfolyo şablonu da birbirine oldukça • Sek ziyaretçi sayısı, benzer bir görüntüye sahiptir. • Site-içi etkileşim olanakları ve • Sosyal medya entegrasyonu. Portfoliobox: Portfoliobox, görsel kalite açısından en başarılı portfolyo sitelerinden biri olarak
değerlendirilmektedir. Bu siteyi diğer portfolyo hazırlama dışında hem Türkçe dil desteği hem tasarım çeşitliliği hem sitelerinden ayıran en önemli özelliği ise kullanıcıyı sınırlı de e-ticaret ve pazarlama olanaklarıyla en fazla öne çıkan bazı şablonlarla kısıtlamamasıdır. Sunulan portfolyo portfolyo oluşturma sitesinin Portfoliobox olduğu tasarım hizmeti bölünmüş bloklar halinde çalışmaya söylenebilir. Bunun dışında sunulan tasarım ve disk imkân sunmaktadır. Aynı zamanda Türkçe dil desteği de boyutu sınırlamalarına rağmen Behance ve Adobe bulunmasıdır. Portfolio sistemlerinin entegrasyonu ve birlikte kullanımı Adobe Creative Cloud üyeleri için en iyi tercih olabilir. Portfoliobox sitesinin portfolyo tasarımı için bir şablon Görsel tasarım kalitesi ve retine ready tasarım özellikleri sınırlaması olmadığı gibi içerik sınırlaması da yoktur. de Dunked portfolyo oluşturma sitesi için tercih nedeni İsterseniz portfolyonuza blog ekleyebilir, pazarlama için olarak görülebilir. küçük görseller kullanabilir CSS ayarlarına müdahale edebilir ve SEO ayarları yapabilirsiniz. Portfolyoda Satış ve Pazarlama
SEO, (Search Engine Optimisation-Arama Motoru Görsel Web tasarımına yönelik grafik tasarımcının Optimizasyonu) için kullanılan bir kısaltmadır. SEO, oluşturduğu tasarımları elektronik ortamda düzenli bir arama motorlarının web sayfalarını daha kolay bir şekilde biçimde bir araya getirerek bir portfolyo oluşturmasının taramasına olanak sağlayan, site içi ve site dışı sorgulama tasarımcının ürünlerine erişimini kolaylaştırmanın yanın algoritmalara uygun düzenlemeleri içeren teknik çok önemli bazı katkıları vardır. Bunlardan bazıları düzenlemelerdir. aşağıda sıralanmıştır.
Portfoliobox sitesinin profesyonel portfolyo konusunda • Tasarımcının bilinirliğini arttırma, sunduğu olanaklar tasarım, e-ticaret ve pazarlama • İş başvurularında pratik bir kaynak sağ- lama, başlıkları altında sıralamak mümkündür. Buna göre • İşverenin tasarımcının deneyimlerine iliş- kin tasarım başlığı altında; fikir sahibi olması, • Diğer tasarımcılarla iş birliği için bir referans • Kapak sayfaları, olması, • Kategori, çoklu, paralax ve video sayfa • Tasarımcının saygınlığını arttırması. seçenekleri, • Metin sayfaları ve bloglar, Son yıllarda oldukça yaygınlaşan elektronik tasarımların • HTML 5 tasarım, satış ve pazarlaması hızla büyümüş ve dev şirketlere • İletişim ve harita sayfaları, dönüşmüşlerdir. Bu şirketler de hem ürün yelpazesini • İçerik, renk ve yazı tipi düzenleme, genişletmek hem de daha fazla kullanıcıya ulaşmak • Galeriler ve misafir defteri, amacıyla oluşturdukları stok sitelerinde grafik • Instagram ve Flickr sayfaları, tasarımcıların sisteme kayıt olmalarına, sistem üzerinden • CSS ve HTML özelleştirme sıralanabilir. çalışmalarına ve hatta ürün satmalarına izin vermektedirler. iStock üzerinden satılan her bir görsel Portfoliobox portfolyo sistemi e-ticaret için de önemli tasarım için %15-45 arasında telif ücreti ödenmektedir. olanaklar sunmaktadır. Bu olanaklar aşağıda sıralanmıştır. Stok siteleri; elektronik ortamda grafik, resim, çizim veya videoları stoklayarak bu tasarımların satış ve • Ticari görünümden uzak temiz tasarım, pazarlamasını yapan sitelerdir. iStock alternatifi olarak • Özelleştirilebilir ürün seçenekleri, grafik tasarımcıların yararlanabilecekler alternatif • Bütünleşik alışveriş sepeti, sistemlere Dreamstime, Bigstock ve TinkStock örnek • Kendi e-mağazanı oluşturma, verilebilir. • Paypal entegrasyonu, • Vergi bölgelerinin kontrolü ve sevkiyat, İster tüm özellikleriyle baştan kodlanıp tasarlansın, isterse • Sipariş yönetimi. bir portfolyo oluşturma sitesinden yararlanılsın iyi bir portfolyo sitesinin e-ticaret ve pazarlama özelliklerine Zengin tasarım ve e-ticaret seçenekleriyle birlikte sahip olması büyük önem taşır; çünkü nihayetinde her Portfoliobox portfolyo sistemi kullanıcıların ürünlerini portfolyonun amacı ürününü tanıtmak ve mümkünse bu pazarlayabilecekleri bazı pazarlama hizmetleri de ürünlerini ticari bir değere dönüştürmektir. Bu nedenle sunmaktadır. Bu hizmetler aşağıda sıralanmıştır. tasarlanan portfolyoların online alışveriş bileşenlerine (e- mağaza, paypal gibi online ödeme sistemi, alışveriş sepeti, • SEO ayarları, sipariş yönetimi) sahip olması önerilmektedir. • Google analytics entegrasyonu, • Ziyaretçi istatistikleri, Elektronik ortamda ticaret diğer adıyla e-ticaret görsel • Sosyal medya paylaşımı. web tasarım veya şablonlarını portfolyo üzerinden satmayı planlayanlar için oldukça önemlidir. e-Ticaret, özetle ticari Portfolyo Oluşturma Sitelerinin Karşılaştırılması işlemlerin elektronik ortamda gerçekleştirilmesi olarak
Öncelikle bu ünitede incelenen tüm portfolyo oluşturma tanımlanabilir. e-Ticaret; reklam, pazar araştırması, sitelerinin en büyük avantajı kullanım kolaylığıdır. Bunun sipariş, online ödeme sistemi ve teslimat gibi çok sayıda bileşeni olan bir yapıdır. Portfolyolarda reklam, Pazar
araştırması, sipariş ve teslimattan ziyade e-Ticaret açısından en önemli bileşen online ödeme sistemi entegrasyonudur; çünkü dijital ürün olarak görsel Web tasarımlarına ilişkin tüm sipariş ve teslimat işi elektronik ortamda kolayca gerçekleştirilir. Dünya’da en yaygın kullanılan online ödeme sistemlerinin bazıları aşağıda sıralanmıştır.
• PayPal • Google Wallet • Amazon Payments • WooCommerce • Dwolla • WePay
Portfolyo web sitelerinin e-ticaretle birlikte istenilen diğer bir özelliği pazarlamadır. Portfolyo ürünlerinin duyurulması, hedef kitleye ulaştırılması ve bu süreçlerin takip edilmesi pazarlama ile ilgilidir. İyi bir portfolyonun hedef kitleye ulaşmak için sosyal medya paylaşımına olanak sunması ve SEO ayarlarının yapılması önerilmektedir. Arama motoru optimizasyonu için portfolyo sitesinin görsel tasarımının kullanıcı dostu olması, kodların W3.Org dünya standardı ile kontrol edilmesi, H1 ve H2 başlık taglarının kullanımı, görsel tasarımlara açıklama eklenmesi önerilebilir. Bu sayede tasarımlarınızın hedeflediği kişi, kurum veya kuruluşlar arama motorlarından portfolyonuzu kolaylıkla bulabilir. Ayrıca, portfolyo ziyaretçi bilgilerinin analiz edilmesi ve hedef kitlenin ilgi ve ihtiyaçlarının tespiti için de ziyaretçi istatistiklerinin tutulması ve Google analitik gibi analitik hizmetleriyle analiz edilmesi önerilebilir.