{"id":2604,"date":"2018-09-20T23:51:20","date_gmt":"2018-09-20T20:51:20","guid":{"rendered":"https:\/\/www.grafikservis.com\/?p=2604"},"modified":"2022-01-15T21:11:14","modified_gmt":"2022-01-15T18:11:14","slug":"musteri-donusum-ve-lead-odakli-web-tasarim","status":"publish","type":"post","link":"https:\/\/www.grafikservis.com\/musteri-donusum-ve-lead-odakli-web-tasarim\/","title":{"rendered":"M\u00fc\u015fteri D\u00f6n\u00fc\u015f\u00fcm ve Lead Odakl\u0131 Web Tasar\u0131m Trendleri"},"content":{"rendered":"

Web sitesi ziyaret\u00e7ileri \u00f6nce lead olarak yakalanmal\u0131 sonra da m\u00fc\u015fteri d\u00f6n\u00fc\u015f\u00fcm ger\u00e7ekle\u015fmeli. Peki ama nas\u0131l?<\/h3>\n

M\u00fc\u015fteri d\u00f6n\u00fc\u015f\u00fcm ve lead yakalama \u00f6nceleyen bir UX (kullan\u0131c\u0131 deneyimi) ve buna uygun bir web tasar\u0131m\u0131 i\u00e7in en yeni trendleri derledik. Bunlar\u0131n hepsi Grafik Servis ofisinde tasar\u0131m yaparken uydu\u011fumuz \u00f6\u011fretiler. Yani kendilerini kan\u0131tlam\u0131\u015f tasar\u0131m uygulamalar\u0131!<\/p>\n

Tam Ekran G\u00f6rseller<\/h4>\n

T\u00fcm ara\u015ft\u0131rmalar g\u00f6steriyor ki b\u00fcy\u00fck g\u00f6rseller insanlar\u0131n yapt\u0131klar\u0131 i\u015fi b\u0131rak\u0131p dikkatlerini size vermelerini sa\u011fl\u0131yor. Site ziyaret\u00e7ilerinizin adeta donup kalmas\u0131n\u0131 sa\u011flayacak kadar dikkatlerini \u00e7ekebilir ve ard\u0131ndan onlar\u0131 istedi\u011finiz yere y\u00f6nlendirecek s\u00fcreyi kazanabilirsiniz.<\/p>\n

\"\"<\/p>\n

\u0130\u015fte bu y\u00fczden bir \u00e7ok modern tasar\u0131m ve \u00e7ok say\u0131da WordPress temas\u0131 bu e\u011filimi destekliyor. Do\u011fru web tasar\u0131m\u0131 ile y\u00fcksek m\u00fc\u015fteri d\u00f6n\u00fc\u015f\u00fcm oran\u0131 yakalamak isteyen bir \u00e7ok UX tasar\u0131mc\u0131 b\u00fcy\u00fck arkaplan resimlerine ve devasa Slider g\u00f6rsellerine ba\u015fvuruyor.<\/p>\n

Siz de site i\u00e7i t\u0131klamalar\u0131 do\u011fru y\u00f6nlendirerek lead yakalamak i\u00e7in\u00a0Meta Slider<\/a>\u00a0gibi \u00fccretsiz ya da Slider Revolution<\/a> gibi premium eklentileri g\u00f6zatmak isteyebilirsiniz.<\/p>\n

Video Kullan\u0131m\u0131<\/h4>\n

Ara\u015ft\u0131rmalar g\u00f6steriyor ki \u00e7ok say\u0131da lead ve y\u00fcksek m\u00fc\u015fteri d\u00f6n\u00fc\u015f\u00fcm oran\u0131 elde etmek istiyorsan\u0131z site ziyaret\u00e7ileri \u00fczerinde \u00a8g\u00fcven uyand\u0131rmak\u00a8 zorundas\u0131n\u0131z. UX yani kullan\u0131c\u0131 deneyimi tasar\u0131mc\u0131lar\u0131 bunu \u00e7ok iyi bildikleri i\u00e7in web tasar\u0131m\u0131nda video kullan\u0131m\u0131na \u00f6ncelikli bir yer a\u00e7arlar.<\/p>\n

Video ile hedef kitlenize kendinizi en kolay yoldan anlatabilir ve g\u00fcvenlerini kazanabilirsiniz. Video ile sadece reklam de\u011fil, animasyonlu \u00a8nas\u0131l \u00e7al\u0131\u015f\u0131r\u00a8 sunumlar\u0131 da haz\u0131rlayabilirsiniz.<\/p>\n

M\u00fc\u015fteri d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 video animasyonlar\u0131 bedava ya da \u00e7ok ucuza haz\u0131rlaman\u0131z i\u00e7in bir \u00e7ok web sitesi bulunuyor. \u00d6rne\u011fin 45 saniyeden k\u0131sa animasyonlar\u0131 \u00fccretsiz haz\u0131rlaman\u0131z i\u00e7in g\u00fczel bir ortam sunan Wideo<\/a>‘yu denemelisiniz. E\u011fer video haz\u0131rlama i\u015fini bir web sitesi de\u011fil de app \u00fczerinden yapmak isterseniz, Slidely<\/a> mutlaka g\u00f6z atman\u0131z gereken bir uygulama.<\/p>\n

Yap\u0131\u015fkan D\u00fc\u011fmelerin S\u0131rr\u0131<\/h4>\n

\"LeadYap\u0131\u015fkan d\u00fc\u011fme ya da \u0130ngilizce ad\u0131yla Sticky CTA (Call to Action) son d\u00f6nem UX tasar\u0131mc\u0131lar\u0131n\u0131n g\u00f6zdesi oldu. Site ziyaret\u00e7ilerinin %80’den fazlas\u0131 sayfan\u0131z\u0131 bir ak\u0131ll\u0131 telefon ekran\u0131ndan g\u00f6r\u00fcyor. Bu sebeple y\u00fcksek m\u00fc\u015fteri d\u00f6n\u00fc\u015f\u00fcm\u00a0 oran\u0131 hedefleyen web tasar\u0131m\u0131 i\u00e7in yap\u0131\u015fkan d\u00fc\u011fmelerin y\u00fckselen bir trend olmas\u0131 \u00e7ok normal.<\/p>\n

Ekran\u0131 kayd\u0131rsan\u0131z bile ayn\u0131 yerde kalan d\u00fc\u011fmeler i\u00e7in bir \u00e7ok haz\u0131r eklenti mevcut. Biz Grafik Servis olarak, WordPress ile tasar\u0131m<\/a> yapanlara Sticky Side Buttons<\/a>‘u \u015fiddetle tavsiye ediyoruz.<\/p>\n

\u00d6ncelikli Navigasyon<\/h4>\n

Baz\u0131 ara\u015ft\u0131rmalara g\u00f6re kendilerine \u00e7ok fazla opsiyon sunuldu\u011funda ziyaret\u00e7ilerin d\u00f6n\u00fc\u015f\u00fcm oran\u0131 10 kat azal\u0131yor. Bu sebeple m\u00fc\u015fteri d\u00f6n\u00fc\u015f\u00fcm\u00fc ve lead yakalama odakl\u0131 tasar\u0131mda en \u00e7ok dikkat edilmesi gerekenlerden biri navigasyon men\u00fcs\u00fcn\u00fcn fazla kalabal\u0131k olmamas\u0131.<\/p>\n

\"\u00d6ncelikli<\/p>\n

Ziyaret\u00e7ilerinizi en \u00e7ok y\u00f6nlendirmek istedi\u011finiz linklerin, anla\u015f\u0131lmas\u0131 g\u00fc\u00e7 bir men\u00fc ba\u015fl\u0131\u011f\u0131n\u0131n alt\u0131nda gizlenmi\u015f olmas\u0131 amac\u0131n\u0131za hizmet etmeyecektir. Bu y\u00fczden Grafik Servis ofisinde tasar\u0131m yaparken az say\u0131da men\u00fc ba\u015fl\u0131\u011f\u0131 olan siteler olu\u015fturmaya \u00f6zen g\u00f6steriyoruz.<\/p>\n

Mobil site tasar\u0131m rehberimizdeki<\/a> basit navigasyonun \u00f6nemini anlatan ba\u015fl\u0131\u011f\u0131na ayr\u0131ca g\u00f6z atman\u0131z\u0131 \u00f6neririz.<\/p>\n

Kartlar\u0131n B\u00fcy\u00fcs\u00fc<\/h4>\n

Pinterest’in me\u015fhur etti\u011fi kart stili tasar\u0131m anlay\u0131\u015f\u0131, lead yakalamay\u0131 fena halde kolayla\u015ft\u0131r\u0131yor. Sayfan\u0131z\u0131 gezenler ilgilendikleri \u015feyi g\u00f6rsel olarak kolayca ay\u0131rt ediyor ve t\u0131kl\u0131yorlar. Y\u00fcksek m\u00fc\u015fteri d\u00f6n\u00fc\u015f\u00fcm oran\u0131 hedefleyen bir \u00e7ok UX uzman\u0131, i\u015fte bu y\u00fczden kart stili sayfa d\u00fczeni tasar\u0131mlar\u0131 yapmaktan kendini alam\u0131yor.<\/p>\n

\"Lead<\/p>\n

Monokrom Renkler<\/h4>\n

M\u00fc\u015fteri d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 bir \u00e7ok teman\u0131n tasar\u0131m\u0131nda monokrom (tek rengin tonlar\u0131nda) g\u00f6rsellere ba\u015fvuruldu\u011funu \u015fa\u015f\u0131rarak g\u00f6r\u00fcyoruz. Bunun sebebi bu g\u00f6rsellerin \u00fczerine yerle\u015ftirilen CTA d\u00fc\u011fmelerinin kolayca ayr\u0131\u015f\u0131yor ve y\u00fcksek t\u0131klama al\u0131yor olmas\u0131. B\u00f6ylece tasarlad\u0131\u011f\u0131m\u0131z ba\u015flang\u0131\u00e7 sayfalar\u0131 (landing page) ile daha fazla lead elde etme imkan\u0131m\u0131z oluyor.<\/p>\n

Tasar\u0131mc\u0131 olmadan da bu tip g\u00f6rselleri h\u0131zl\u0131ca haz\u0131rlayabilece\u011finiz Canva<\/a> gibi web ara\u00e7lar\u0131n\u0131n her ge\u00e7en g\u00fcn art\u0131yor olmas\u0131 i\u015finizi daha da kolayla\u015ft\u0131r\u0131yor.<\/p>\n

\n

Sonu\u00e7:<\/h4>\n

Asl\u0131nda burada yazan bir \u00e7ok detaya, daha \u00f6nce WordPress \u0130\u00e7in Tasar\u0131m \u0130pu\u00e7lar\u0131<\/a> gibi yaz\u0131lar\u0131m\u0131zda de\u011finmi\u015ftik. Sitemizdeki UI\/UX tasar\u0131m\u0131<\/a> hakk\u0131ndaki bir \u00e7ok rehber mevcut. Yine de amac\u0131n\u0131z M\u00fc\u015fteri D\u00f6n\u00fc\u015f\u00fcm ve Lead Toplamak ise, yukar\u0131daki k\u0131sa listenin \u00e7ok i\u015finize yarayaca\u011f\u0131na eminiz.<\/p>\n

Buradaki d\u00fc\u015f\u00fcnce tarz\u0131n\u0131z her zaman basit olmal\u0131. Kendinizi sitenizi gezen ki\u015finin yerine koyun. Karma\u015fa i\u00e7inde bulunmadan ilginizi \u00e7eken yerlere t\u0131klayarak hedeflenen yere ula\u015ft\u0131\u011f\u0131n\u0131z\u0131 d\u00fc\u015f\u00fcn\u00fcn. En k\u0131sa yoldan hem de! Bilgilerinizi siteye b\u0131rakmak i\u00e7in kar\u015f\u0131l\u0131\u011f\u0131nda ne isterdiniz? Bu da ba\u015fka bir yaz\u0131m\u0131z\u0131n konusu olsun.<\/p>\n

Grafik Servis ekibi olarak m\u00fc\u015fterilerimizin web tasar\u0131m projelerine Lead toplamalar\u0131na d\u00f6n\u00fck yakla\u015f\u0131mlar sunuyoruz. Siz de daha fazla m\u00fc\u015fteri aday\u0131na web siteniz \u00fczerinden ula\u015fmak istiyorsan\u0131z Web Tasar\u0131m ekibimize dan\u0131\u015f\u0131n<\/a>.<\/p>\n

Tasar\u0131mla kal\u0131n!<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Web sitesi ziyaret\u00e7ileri \u00f6nce lead olarak yakalanmal\u0131 sonra da m\u00fc\u015fteri d\u00f6n\u00fc\u015f\u00fcm ger\u00e7ekle\u015fmeli. Peki ama nas\u0131l? M\u00fc\u015fteri d\u00f6n\u00fc\u015f\u00fcm ve lead yakalama \u00f6nceleyen bir UX (kullan\u0131c\u0131 deneyimi) ve buna uygun bir web tasar\u0131m\u0131 i\u00e7in en yeni trendleri derledik. Bunlar\u0131n hepsi Grafik Servis ofisinde tasar\u0131m yaparken uydu\u011fumuz \u00f6\u011fretiler. Yani kendilerini kan\u0131tlam\u0131\u015f tasar\u0131m uygulamalar\u0131! Tam Ekran G\u00f6rseller T\u00fcm ara\u015ft\u0131rmalar g\u00f6steriyor ki b\u00fcy\u00fck g\u00f6rseller insanlar\u0131n …<\/p>\n","protected":false},"author":1,"featured_media":2620,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[61,60,59,33],"yst_prominent_words":[],"_links":{"self":[{"href":"https:\/\/www.grafikservis.com\/wp-json\/wp\/v2\/posts\/2604"}],"collection":[{"href":"https:\/\/www.grafikservis.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.grafikservis.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.grafikservis.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.grafikservis.com\/wp-json\/wp\/v2\/comments?post=2604"}],"version-history":[{"count":17,"href":"https:\/\/www.grafikservis.com\/wp-json\/wp\/v2\/posts\/2604\/revisions"}],"predecessor-version":[{"id":3226,"href":"https:\/\/www.grafikservis.com\/wp-json\/wp\/v2\/posts\/2604\/revisions\/3226"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.grafikservis.com\/wp-json\/wp\/v2\/media\/2620"}],"wp:attachment":[{"href":"https:\/\/www.grafikservis.com\/wp-json\/wp\/v2\/media?parent=2604"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.grafikservis.com\/wp-json\/wp\/v2\/categories?post=2604"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.grafikservis.com\/wp-json\/wp\/v2\/tags?post=2604"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.grafikservis.com\/wp-json\/wp\/v2\/yst_prominent_words?post=2604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}