En iyi web sitelerinin 10 fotoğrafı ve onları kendiniz yapmak için en iyi uygulamalar
Kahraman bölümü web sitesi tasarımında önemli bir rol oynamaktadır. Web sitesi kahramanlarının resimleri kullanıcılar için büyük bir etkiye sahip olabilir. Bu, ziyaret ettikleri web sitesinde gördükleri ilk şey. Bu, meraklı keşif veya hızlı arama web siteleri için başlangıç noktasıdır. Ancak web sitesini yaratma veya yok etme gücünün kahramanının resmini veren nedir? Bu tür görüntülerin web sitesinde rolü nedir? Kahramanların resimleri, kullanıcıların web sitesini ziyaret ettiklerinde gördükleri ilk (ve önemli) öğelerdir. Yani, konumu ve boyutu nedeniyle, kahraman resmi sadece bir tasarım öğesinden daha fazlasıdır, bu güçlü bir iletişim aracıdır.
Kahraman görüntüsünün web sitesini başarılı kıldığı bazı web siteleri örneklerini göreceğiz. Ve bu amaçlanan hedefe iter. Yani, birkaç kelimeyle, Kahramanların Resimleri web sitesi:
Kullanıcının dikkatini çekin
İnsanların web sitesi içeriğine dahil olmaları için ikna edici öğeleri duygusal olarak dahil edin
Marka kişiliği ile yakından ilgili mesajlarla ziyaretçilere hoş geldiniz
Web sitesinin ne olduğunu özetleyin
Resim, aşağıdaki bölümde ziyaretçiler tarafından hangi içeriğin görüleceğini duyurur
Şirketin benzersiz değer önerilerini sergiliyorlar
Kahraman tam olarak nedir? Kahramanın tam olarak ne olduğunu ve ne olduğunu görelim.
Web sitesi kahramanları, web sitesi sayfasının en üstünde tanıtım görüntüleridir. Genellikle resmi ifade eder, ancak metne (başlık, altyazılar ve harekete geçme davetiyesi) bağlanır. Bu web sitesi sayfalarına öğeleri yönetirken, Web sitesi kahraman görüntüleri için en iyi uygulamalardan bazılarını göz önünde bulundurmalısınız. Başarılı projedeki en iyi web sitelerinin 10 Resmi Aşağıdaki satırda, web sitesindeki en ilginç 15 kahramanın bir listesini yapacağız: 66Nord
Bu kahraman, Web sitesinin temasıyla uyumludur: Nordic Destinations. Bu, Güney Kore’deki görüntüleri gösterir, 66Nord Teklifinde yer alan her amaç için bir slayt. Görüntüler alakalı ve etkileyici ve daha fazla web sitesi araştırması davet ediyor. Bunlar, seyahat için düşünmeye değer şirket hedeflerinin seçiminin kısa bir özetidir. Metin (başlık ve altyazılar) ana mesaja odaklanarak ortada. Ayrıca, kahraman görüntüsünün altında, arama çubuğu okuyucuları istedikleri gezi türünü aramaya davet eder. Poco Halkları
Bu, üzerinde veya metin uygulanmadan daha sıradışı bir kahraman. Tüm metinler kısa bir menü ve şirket logosu ile temsil edilir. Kahramanın dibinde, sosyal paylaşım simgelerinin listesi Poco halkı hakkında haberlerin yayılmasını mümkün kılar. Kahramanlar basit ama güçlüdür ve okuyucu üzerinde sonsuz bir izlenim bırakır. Bu, olağanüstü görüntülere sahip kullanıcıları memnuniyetle karşılarken, unutulması zor marka kişiliğini ima eder. Renk marka ve logoya uygundur ve görüntü ile üzerine yerleştirilen küçük bir metin arasında mükemmel bir kontrast oluştururlar. Michi Ramen
Bu kahraman restoran web sitesinden düşündürücüdür. Bu aynı zamanda bu sayfanın üstünde özel bir his veren doku da içerir. Restoranlarda siparişleri ve siparişleri artırmak açıkça görülüyor. Web sitesindeki diğer tüm içerikler kahraman görüntüsüne göre geliştirilmiştir ve dönüşümü artırdığı düşünülmektedir. Metin, Michi Ramen’in deneyimini denemek isteyen insanlar için yararlı olan kısa bir bilgilendirici marka adı ve altyazıları içerir. Bu pizza restoranı, ürünlerini “sergiliyor”: Web sitesi kahramanında akıcı bir şekilde gösterilen ve arka planda ateşle birlikte yakıtlı pizza. Metin arka plan görüntüleriyle iyi kontrast oluşturur ve CTA, bağlantıyı tıklamaya davet etmek gibi sayfaya açıkça tanımlanmıştır.
Mimar Tom Cole Bir başka şaşırtıcı kahraman görüntüsü Tom Cole’un mimar web sitesidir. Bu, mimarlık ve tasarım getirerek belirli bir manzaraya bir pencere olarak oluşturulur. Renk şeması, metne kıyasla kontrast sağlayacak şekilde yapılır. Metin, kullanıcının dikkatini web sitesi mesajına yönlendiren ve web sitesi sayfasındaki diğer bölümlere inen şeydir. Mimar kahramanı Tom Cole’un kahramanı, büyük ikna edici güçle çok etkileyici. Logo, markaya ve ikonik temsile odaklanarak kahramanın ortasını kaplar.
Çiçekçi Bu kahramanın bu resmi parlak renklerde bir buket çiçek gösteriyor. Potansiyel alıcıların dikkati için ilginç bir şekilde özel ödüller getiriyor. Böyle bir buket çiçek bulunan bir web sitesinde karşıladığında, birkaç çiçek satın alamazsınız. Çevrimiçi nakliye ile. Görüntüye eşlik eden metin, şirket tekliflerinin yalnızca basit bir özetidir. Sizi web sitelerinden alışveriş yapmaya davet eden CTA eşlik ediyor. İlk ziyaretten web sitesine kolayca görülen çok görünür bir renge sahiptir. Tek bir tıklama ve ana görüntüyü gerçek çiçek buketlerine dönüştürüyorsunuz … Harper Construction
Bu kahraman görüntüsü beklendiği gibi inşaat web sitesine aittir. Bu ilgili konut binası ve plana göre inşa edilme şekli hakkında konuşma. Kahraman görüntüsünün ortasındaki metin çarpıcı bir mesaja odaklanıyor: Konut kompleksi onlar için değil, alıcı ile birlikte inşa edilmiştir. Bu şekilde, inşaat hizmetleri topluluğun ihtiyaçlarına göre uyarlanmıştır. Rüya evleri Harper Construction Company ile birlikte inşa edildikten sonra gerçekleşti. Prens Hotel
Bu kahraman, hepsi Prens Hotels ve Resorts ile ilgili Güney Kore’yi içeriyordu. Renk şeması, markayı en başından beri lüks bir marka olarak konumlandırıyor. Sağlık ve konforu iletirler ve markanın gücünü aktarırlar. Bazı slaytlar belirli bir parlaklık içerir, hepsi daha güzeldir, çünkü fotoğraftaki otelin lüksünün üzerinden düşer. Metin beyaz renkle işaretlenir ve görüntünün arka planında parlak koyu kahverengi renkle net bir kontrast oluşturur. Bu kahraman resminin, reddedilmesi zor olan rahat bir rahatlık, lüks ve refah izlenimi veriyor. Dr Laura Petvet Pet kliniklerinin sahip olduğu diğer kahramanlar: Resim, hayvanlara yönelik bakımlarına ve evcil hayvan klinik hizmetlerinin profesyonelliğine ilham veriyor. Sadece ana mesaj, okuyucu üzerinde istenen etkiyi yaratmak için yeterli değildir. Bununla birlikte, mesaj, ziyaretçilerin klinik hizmetler hakkında ayrıntılara sahip olduğu kahraman görüntüsünün altında devam ediyor. Renk şeması, kahramanlara kıyasla nötr bir renk kullanır. Böylece, kahramanın görüntüsü rolünü karşılıyor ve kullanıcıyı duygusal olarak şirkete (PET Clinic) bağlar.
Woorank Önceki örnekle karşılaştırıldığında, bu, kahraman web sitesindeki görüntülerden daha fazla metne odaklanır. Bu bir işletme sitesidir (daha fazla ayrıntı için SEO şirketi), bu nedenle kullanıcının mantığına duygularından daha fazlasını ifade eder. Woorank’ı seçmenin neden iyi bir fikir olduğunu açıklayan hem görüntüler hem de metin yoluyla ikna edici olmalıdır. Web sitelerinde, arka plan görüntüsünde mavi ile kontrast oluşturan beyaz metin. Tasarım minimalist, Woorank ile rakiplerinin ötesine geçen şirketlere odaklanan analizi ima ediyor. Yukarıdaki örneği kendi web sitesi kahramanlarınızın fotoğraflarını çekmek için iyi bir temel haline getiren nedir? 4 farklı kahraman türü vardır:
Ürün resmi Bağlamsal görüntü
Bağlam dışı görüntü Yazar/kurucu
Yoga Colibri, Kahraman Web Sitesindeki bağlamsız resimler/illüstrasyonlar için en iyi uygulamadır. Web Sitesi Kahramanınıza bağlamsız resimler/çizimler girerken bilmeniz gereken en iyi uygulamaya bakın:
İllüstrasyonları denemekten çekinmeyin
Çizimin grafikler ve renkler aracılığıyla oldukça görünür olduğundan emin olun, bu nedenle seçtiğiniz illüstrasyonun kullanımı ile kaçırılamaz.
Okuyucu için çekici unsurları duygusal düzeyde girmekten çekinmeyin
Resimlerle kullanıcıların dikkatini çekmek için oldukça yenilikçi olun
Resimler ve Kahraman Web Sitesinin tüm tasarımı arasında bir tutarlılık yaratın (örneğin bir renk şeması ile) Kendinizi ayarlamaya çalışabileceğiniz örnekler:
Portföy web sitesi veya özgeçmiş web sitesi gibi bazı durumlarda kahraman web sitesindeki yazarların fotoğrafları için en iyi uygulama colibri işi, yazarın fotoğrafını kahraman sitesine girmek için uygun olabilir. Bu durumda en iyi uygulama:
Fotoğraflar açık olmalı ve kahramanlar için en uygun boyuta sahip olmalı
Fotoğraflar gülümseyen insanları ve inananlara göstermelidir
Arka plan sadece fotoğraftaki insanları daha iyi vurgulamak için çalışmalıdır
Özgeçmiş/Portföy web sitesindeki açıklama, kahramandan sonra hemen takip etmelidir, bu nedenle kişinin fotoğrafı ile uzmanlığının açıklaması arasında bir fesih yoktur
Örnekler (özgeçmiş sitesinden) kendi fotoğraflarınıza göre ayarlayabilirsiniz:
Colibri, resminizin web sitenize uygun olmasını sağlayan genel prensip yukarıdaki her tür kahraman için uygun olmasını sağlayan genel prensip, yeni bir web sitesi için mükemmel bir kahraman tasarlamayı düşünmeniz gereken kısa bir prensip listesi vardır: Yüksek kaliteli görüntüler kullandığınızdan emin olun (bulanık veya paketlenmiş görüntüler iyi bir seçim değildir – görüntü profesyonellik eksikliğini kanıtlar ve kullanıcı güvenine katkıda bulunmaz). Kahraman görüntülerinizin tüm cihazlarda (masaüstleri ve mobil cihazlar iyi göründüğünden emin olun ), kaliteli resimde herhangi bir değişiklik olmadan.
Hangilerinin en iyi dönüştürüldüğünü görmek için kahramanların çeşitli sürümleriyle test edebilirsiniz. A/B testi, web siteniz kahramanınız için en iyi seçimi bulmanıza yardımcı olabilir ve maksimum kahraman görüntü verimliliğini garanti edebilir.
Web sitenizin kahramanları ve seçtiğiniz görüntüyle eşleşen eşlik eden metni (başlık ve slogan) kullanın.
Harekete geçmek için önemli bir davet kullanın. Hoşgeldin ziyaretçilerinin parçalarından birkaç işlem yapması gerekir: kullanıcının istediğiniz işlemi yapmasını sağlayan dava düğmesi dahil.
Metin ve arka plan görüntüsü arasında kontrastlı bir kahraman tasarlayın, böylece metin oldukça görünür ve okunması kolay olmalıdır. Metin için belirli bir renk seçerek yaptığınız kontrast yeterli değilse, görüntüleri de değiştirebilirsiniz (örneğin bunun için kaplama uygulama).
Otantikliği göz önünde bulundurarak tasarım: Kahramanların resimleri markayı güvenilir bir şekilde temsil etmelidir. Metin, şirketler için çeşitli özlü kelimelerle benzersiz bir değer teklifi içermelidir.
Stok fotoğraflarından kaçının, çünkü özgünlük ve güven için iyi değildir. Web sitesinin kahramanlarına kendi resminizi girmelisiniz, bu okuyucu ile otantik iletişimi geliştirecektir.
Şimdi başlayabileceğiniz örnekler, web sitesindeki kahramanlar için genel prensibe alıştıktan sonra, makalenin ilk bölümünde listelediğimiz en iyi kahramanların en iyi 10 bölümüne dönebilirsiniz.Hangi ilkeleri gözlemlediklerini ve onları tam olarak neyin tövbe ettirdiğini anlamaya çalışın.Ardından, aynı kuralları kendi kahramanınıza uygulayın ve hangi sonuçları elde ettiğinizi görün.Bonus: Bu web sitesi kahramanı için kullanılan tekniklere bakın:
Kahraman görüntüsünün web sitesini başarılı kıldığı bazı web siteleri örneklerini göreceğiz. Ve bu amaçlanan hedefe iter. Yani, birkaç kelimeyle, Kahramanların Resimleri web sitesi:
Kullanıcının dikkatini çekin
İnsanların web sitesi içeriğine dahil olmaları için ikna edici öğeleri duygusal olarak dahil edin
Marka kişiliği ile yakından ilgili mesajlarla ziyaretçilere hoş geldiniz
Web sitesinin ne olduğunu özetleyin
Resim, aşağıdaki bölümde ziyaretçiler tarafından hangi içeriğin görüleceğini duyurur
Şirketin benzersiz değer önerilerini sergiliyorlar
Kahraman tam olarak nedir? Kahramanın tam olarak ne olduğunu ve ne olduğunu görelim.
Web sitesi kahramanları, web sitesi sayfasının en üstünde tanıtım görüntüleridir. Genellikle resmi ifade eder, ancak metne (başlık, altyazılar ve harekete geçme davetiyesi) bağlanır. Bu web sitesi sayfalarına öğeleri yönetirken, Web sitesi kahraman görüntüleri için en iyi uygulamalardan bazılarını göz önünde bulundurmalısınız. Başarılı projedeki en iyi web sitelerinin 10 Resmi Aşağıdaki satırda, web sitesindeki en ilginç 15 kahramanın bir listesini yapacağız: 66Nord
Bu kahraman, Web sitesinin temasıyla uyumludur: Nordic Destinations. Bu, Güney Kore’deki görüntüleri gösterir, 66Nord Teklifinde yer alan her amaç için bir slayt. Görüntüler alakalı ve etkileyici ve daha fazla web sitesi araştırması davet ediyor. Bunlar, seyahat için düşünmeye değer şirket hedeflerinin seçiminin kısa bir özetidir. Metin (başlık ve altyazılar) ana mesaja odaklanarak ortada. Ayrıca, kahraman görüntüsünün altında, arama çubuğu okuyucuları istedikleri gezi türünü aramaya davet eder. Poco Halkları
Bu, üzerinde veya metin uygulanmadan daha sıradışı bir kahraman. Tüm metinler kısa bir menü ve şirket logosu ile temsil edilir. Kahramanın dibinde, sosyal paylaşım simgelerinin listesi Poco halkı hakkında haberlerin yayılmasını mümkün kılar. Kahramanlar basit ama güçlüdür ve okuyucu üzerinde sonsuz bir izlenim bırakır. Bu, olağanüstü görüntülere sahip kullanıcıları memnuniyetle karşılarken, unutulması zor marka kişiliğini ima eder. Renk marka ve logoya uygundur ve görüntü ile üzerine yerleştirilen küçük bir metin arasında mükemmel bir kontrast oluştururlar. Michi Ramen
Bu kahraman restoran web sitesinden düşündürücüdür. Bu aynı zamanda bu sayfanın üstünde özel bir his veren doku da içerir. Restoranlarda siparişleri ve siparişleri artırmak açıkça görülüyor. Web sitesindeki diğer tüm içerikler kahraman görüntüsüne göre geliştirilmiştir ve dönüşümü artırdığı düşünülmektedir. Metin, Michi Ramen’in deneyimini denemek isteyen insanlar için yararlı olan kısa bir bilgilendirici marka adı ve altyazıları içerir. Bu pizza restoranı, ürünlerini “sergiliyor”: Web sitesi kahramanında akıcı bir şekilde gösterilen ve arka planda ateşle birlikte yakıtlı pizza. Metin arka plan görüntüleriyle iyi kontrast oluşturur ve CTA, bağlantıyı tıklamaya davet etmek gibi sayfaya açıkça tanımlanmıştır.
Mimar Tom Cole Bir başka şaşırtıcı kahraman görüntüsü Tom Cole’un mimar web sitesidir. Bu, mimarlık ve tasarım getirerek belirli bir manzaraya bir pencere olarak oluşturulur. Renk şeması, metne kıyasla kontrast sağlayacak şekilde yapılır. Metin, kullanıcının dikkatini web sitesi mesajına yönlendiren ve web sitesi sayfasındaki diğer bölümlere inen şeydir. Mimar kahramanı Tom Cole’un kahramanı, büyük ikna edici güçle çok etkileyici. Logo, markaya ve ikonik temsile odaklanarak kahramanın ortasını kaplar.
Çiçekçi Bu kahramanın bu resmi parlak renklerde bir buket çiçek gösteriyor. Potansiyel alıcıların dikkati için ilginç bir şekilde özel ödüller getiriyor. Böyle bir buket çiçek bulunan bir web sitesinde karşıladığında, birkaç çiçek satın alamazsınız. Çevrimiçi nakliye ile. Görüntüye eşlik eden metin, şirket tekliflerinin yalnızca basit bir özetidir. Sizi web sitelerinden alışveriş yapmaya davet eden CTA eşlik ediyor. İlk ziyaretten web sitesine kolayca görülen çok görünür bir renge sahiptir. Tek bir tıklama ve ana görüntüyü gerçek çiçek buketlerine dönüştürüyorsunuz … Harper Construction
Bu kahraman görüntüsü beklendiği gibi inşaat web sitesine aittir. Bu ilgili konut binası ve plana göre inşa edilme şekli hakkında konuşma. Kahraman görüntüsünün ortasındaki metin çarpıcı bir mesaja odaklanıyor: Konut kompleksi onlar için değil, alıcı ile birlikte inşa edilmiştir. Bu şekilde, inşaat hizmetleri topluluğun ihtiyaçlarına göre uyarlanmıştır. Rüya evleri Harper Construction Company ile birlikte inşa edildikten sonra gerçekleşti. Prens Hotel
Bu kahraman, hepsi Prens Hotels ve Resorts ile ilgili Güney Kore’yi içeriyordu. Renk şeması, markayı en başından beri lüks bir marka olarak konumlandırıyor. Sağlık ve konforu iletirler ve markanın gücünü aktarırlar. Bazı slaytlar belirli bir parlaklık içerir, hepsi daha güzeldir, çünkü fotoğraftaki otelin lüksünün üzerinden düşer. Metin beyaz renkle işaretlenir ve görüntünün arka planında parlak koyu kahverengi renkle net bir kontrast oluşturur. Bu kahraman resminin, reddedilmesi zor olan rahat bir rahatlık, lüks ve refah izlenimi veriyor. Dr Laura Petvet Pet kliniklerinin sahip olduğu diğer kahramanlar: Resim, hayvanlara yönelik bakımlarına ve evcil hayvan klinik hizmetlerinin profesyonelliğine ilham veriyor. Sadece ana mesaj, okuyucu üzerinde istenen etkiyi yaratmak için yeterli değildir. Bununla birlikte, mesaj, ziyaretçilerin klinik hizmetler hakkında ayrıntılara sahip olduğu kahraman görüntüsünün altında devam ediyor. Renk şeması, kahramanlara kıyasla nötr bir renk kullanır. Böylece, kahramanın görüntüsü rolünü karşılıyor ve kullanıcıyı duygusal olarak şirkete (PET Clinic) bağlar.
Woorank Önceki örnekle karşılaştırıldığında, bu, kahraman web sitesindeki görüntülerden daha fazla metne odaklanır. Bu bir işletme sitesidir (daha fazla ayrıntı için SEO şirketi), bu nedenle kullanıcının mantığına duygularından daha fazlasını ifade eder. Woorank’ı seçmenin neden iyi bir fikir olduğunu açıklayan hem görüntüler hem de metin yoluyla ikna edici olmalıdır. Web sitelerinde, arka plan görüntüsünde mavi ile kontrast oluşturan beyaz metin. Tasarım minimalist, Woorank ile rakiplerinin ötesine geçen şirketlere odaklanan analizi ima ediyor. Yukarıdaki örneği kendi web sitesi kahramanlarınızın fotoğraflarını çekmek için iyi bir temel haline getiren nedir? 4 farklı kahraman türü vardır:
Ürün resmi Bağlamsal görüntü
Bağlam dışı görüntü Yazar/kurucu
Örnek hayır. 1, web siteleri için bir kahraman görüntüsü olarak bağlamsal bir görüntüye sahiptir. Örnek hayır. 6, Florists.com için bir kahraman görüntüsü olarak bir ürün görüntüsüne sahiptir. Örnek hayır. 2 Kahraman web sitesi için bağlam dışı görüntüler kullanma. Bu, web sitesinin ilk görüntüsünde yazarı içeren kahramanlar için de geçerli olabilir. Ne tür bir kahraman görüntüsünün web siteniz için uygun olduğu düşünüldüğüne bağlı olarak, kahraman türü ile ilgili en iyi uygulamayı aramaya devam edebilirsiniz.
Web Sitelerinde Ürün Çizimleri İçin En İyi Uygulama Web sitenizde iyi işleyen ürün resimlerine karar verirseniz, resim için ne düşünmeniz gerektiğinin bir listesi:
Resim, ürünü ayrıntılı olarak görebilmeleri için yeterince açık olmalıdır
Bu, ürünün yüksek kalitesini göstermelidir (yukarıdaki örneğimizde, taze ve parlak renkli çiçekler)
Fotoğraflar/resimler net olmalı (bulanık veya bulanık değil) resmin yanında öne çıkan bir standsman olması gerekir (ürününüzü doğrudan kahraman web sitesinde görüntülerseniz, artık söylemenize gerek yok, insanların satın almasını istiyorsunuz)
Ürün sunumları, kullanıcıların avantajlarını kaçıramayacağı sonucuna varmalı
Ürün görüntüleri şirketinizi temsil etmelidir (kendi benzersiz resminizi kullanmalısınız)
Kendinizi ayarlayabileceğiniz örnekler:
Kahraman web sitesinde bağlamsal görüntüler için en iyi uygulama colibri kahvesi, bağlamsal görüntü web sitesi kahramanınız için en uygunsa, bu en iyi uygulamayı düşünmelisiniz:
Görüntüler okuyucuyu içermeli ve duygusal düzeyde onlarla ilgisi olmalı
Resim net olmalı, mesajınıza eklemek istediğiniz bağlamı verin
Seçilen resim, şirketinizin hizmetlerinin veya belirli hizmet abonelik hizmetlerinin avantajlarını vurgulamalıdır (web sitesi nişine bağlı olarak)
Görüntüleri dikkatlice seçmelisiniz, bu nedenle tüm web siteleri için alakalı ve anlamlı olmalıdır
Bağlamsal görüntü, şirketin marka kimliğine mükemmel bir şekilde entegre edilmeli ve marka kimliğini akıcı bir şekilde ifade etmelidir
Yoga Colibri, Kahraman Web Sitesindeki bağlamsız resimler/illüstrasyonlar için en iyi uygulamadır. Web Sitesi Kahramanınıza bağlamsız resimler/çizimler girerken bilmeniz gereken en iyi uygulamaya bakın:
İllüstrasyonları denemekten çekinmeyin
Çizimin grafikler ve renkler aracılığıyla oldukça görünür olduğundan emin olun, bu nedenle seçtiğiniz illüstrasyonun kullanımı ile kaçırılamaz.
Okuyucu için çekici unsurları duygusal düzeyde girmekten çekinmeyin
Resimlerle kullanıcıların dikkatini çekmek için oldukça yenilikçi olun
Resimler ve Kahraman Web Sitesinin tüm tasarımı arasında bir tutarlılık yaratın (örneğin bir renk şeması ile) Kendinizi ayarlamaya çalışabileceğiniz örnekler:
Portföy web sitesi veya özgeçmiş web sitesi gibi bazı durumlarda kahraman web sitesindeki yazarların fotoğrafları için en iyi uygulama colibri işi, yazarın fotoğrafını kahraman sitesine girmek için uygun olabilir. Bu durumda en iyi uygulama:
Fotoğraflar açık olmalı ve kahramanlar için en uygun boyuta sahip olmalı
Fotoğraflar gülümseyen insanları ve inananlara göstermelidir
Arka plan sadece fotoğraftaki insanları daha iyi vurgulamak için çalışmalıdır
Özgeçmiş/Portföy web sitesindeki açıklama, kahramandan sonra hemen takip etmelidir, bu nedenle kişinin fotoğrafı ile uzmanlığının açıklaması arasında bir fesih yoktur
Örnekler (özgeçmiş sitesinden) kendi fotoğraflarınıza göre ayarlayabilirsiniz:
Colibri, resminizin web sitenize uygun olmasını sağlayan genel prensip yukarıdaki her tür kahraman için uygun olmasını sağlayan genel prensip, yeni bir web sitesi için mükemmel bir kahraman tasarlamayı düşünmeniz gereken kısa bir prensip listesi vardır: Yüksek kaliteli görüntüler kullandığınızdan emin olun (bulanık veya paketlenmiş görüntüler iyi bir seçim değildir – görüntü profesyonellik eksikliğini kanıtlar ve kullanıcı güvenine katkıda bulunmaz). Kahraman görüntülerinizin tüm cihazlarda (masaüstleri ve mobil cihazlar iyi göründüğünden emin olun ), kaliteli resimde herhangi bir değişiklik olmadan.
Hangilerinin en iyi dönüştürüldüğünü görmek için kahramanların çeşitli sürümleriyle test edebilirsiniz. A/B testi, web siteniz kahramanınız için en iyi seçimi bulmanıza yardımcı olabilir ve maksimum kahraman görüntü verimliliğini garanti edebilir.
Web sitenizin kahramanları ve seçtiğiniz görüntüyle eşleşen eşlik eden metni (başlık ve slogan) kullanın.
Harekete geçmek için önemli bir davet kullanın. Hoşgeldin ziyaretçilerinin parçalarından birkaç işlem yapması gerekir: kullanıcının istediğiniz işlemi yapmasını sağlayan dava düğmesi dahil.
Metin ve arka plan görüntüsü arasında kontrastlı bir kahraman tasarlayın, böylece metin oldukça görünür ve okunması kolay olmalıdır. Metin için belirli bir renk seçerek yaptığınız kontrast yeterli değilse, görüntüleri de değiştirebilirsiniz (örneğin bunun için kaplama uygulama).
Otantikliği göz önünde bulundurarak tasarım: Kahramanların resimleri markayı güvenilir bir şekilde temsil etmelidir. Metin, şirketler için çeşitli özlü kelimelerle benzersiz bir değer teklifi içermelidir.
Stok fotoğraflarından kaçının, çünkü özgünlük ve güven için iyi değildir. Web sitesinin kahramanlarına kendi resminizi girmelisiniz, bu okuyucu ile otantik iletişimi geliştirecektir.
Şimdi başlayabileceğiniz örnekler, web sitesindeki kahramanlar için genel prensibe alıştıktan sonra, makalenin ilk bölümünde listelediğimiz en iyi kahramanların en iyi 10 bölümüne dönebilirsiniz.Hangi ilkeleri gözlemlediklerini ve onları tam olarak neyin tövbe ettirdiğini anlamaya çalışın.Ardından, aynı kuralları kendi kahramanınıza uygulayın ve hangi sonuçları elde ettiğinizi görün.Bonus: Bu web sitesi kahramanı için kullanılan tekniklere bakın:
