İletişim formları, bir sitedeki diğer herhangi bir öğeden çok, bir kullanıcı ile bir işletme arasında etkileşimi teşvik etmeye ve kurmaya yardımcı olur. Bunlar, daha fazla olası satış oluşturmaya yardımcı olan bir ortamdır, bu nedenle sonradan düşünülmemelidirler.
Bir iletişim formu çok uzunsa ve zaman alıyorsa, kullanıcılar onu tamamen göz ardı edebilir. Mülayim görünüyorsa, hiç fark etmeyebilirler bile. Markalar, iletişim formlarını, kullanıcıları iletişim kurmaya teşvik edecek şekilde dikkatli bir şekilde oluşturmalıdır. Bunu yapmak için kullanıcılarının ilgi alanlarını dikkate almaları, onlara bir form aracılığıyla doğru soruları sormaları ve hepsini çekici bir pakete sarmaları gerekiyor. Nihai sonuç, müşterilerin doldurmaktan keyif alacakları özgün, iyi düşünülmüş, yaratıcı bir iletişim formu olmalıdır.
Karşı konulamaz, eğlenceli ve güzel iletişim formları yaratmanın müthiş yollarını bulan pek çok marka var. İlgi çekici ve etkili iletişim formları oluşturmak için neler yapabileceğinizi gösteren, web’deki en yenilikçi örneklerden bazılarını size tanıtacağız. Tartışacağımız web siteleri şunları içerir:
-
Zorka Ajans
-
730DC
-
Noodz – Saklanacak bir şey yok
-
Covid Sanat Müzesi
-
Cevitxef
-
panzehir
-
Mysta Elektrik
-
WE3
-
Badass Projesi
-
Alfa Charlie
Zorka Ajans
Zorka Agency, ROI tahminli stratejiler geliştirmeye odaklanmış uluslararası bir dijital pazarlama ajansıdır. Activision Blizzard, Hennessy, Domino’s Pizza, AliExpress ve diğer birçok önemli şirketle çalıştılar. Ana sayfaları, tamamen siyah arka plan ile beyaz ve sarı tipografi arasındaki yan yana gelmelerle ilgilidir. Birkaç geometrik şekil ve gülen bir yüz dışında, ajansın sitesinde çok fazla görsel görmezsiniz. Bunun yerine, büyük harfli sans serif tipografiyi, bazen görüntülenen metnin konumunun yanı sıra rengini de değiştiren ince ama ilgi çekici gezinme efektleriyle ustaca birleştirerek ziyaretçinin dikkatini çekmeyi başarırlar. Sitedeki en büyük sürpriz, ana sayfanın alt kısmında yer almaktadır. Mizanpajın sonuna geldiğinizde, tipografinin rengi ve arka plan tersine çevrilir, devasa siyah yazı tipleri sizi “Merhaba Deyin” ve belirlenmiş bir alana tam adınızı yazmaya davet eder. Daire içine alınmış “Sonraki Adım” düğmesi, bunun yaratıcı bir iletişim formunun yalnızca başlangıcı olduğunu size bildirir. Form etiketlerini ve alanları bir veya iki sütunda listelemek yerine (çoğu sitede yaygın bir uygulamadır), Zorka Agency, iletişim formunu müşterilere gerekli bilgileri her seferinde bir soru soran 5 adımlı bir özellik olarak yapılandırdı. Kullanıcılar, yan tarafta, formun içerdiği soru sayısını öneren beş kısa çizgi görebilir. İçeriğini hemen açıklamayan bir iletişim formu, görüntüleyenler için daha az korkutucu görünür. Aynı anda çok sayıda soru görecek olsalardı, büyük olasılıkla formu atlayacaklardı. Markalar, kullanıcılardan her seferinde bir adım bilgi isteyerek, izleyicilerinin formun çok uzun olması nedeniyle stresli hissetmemelerini sağlar. Bu da dönüşüm oranlarını olumlu yönde etkiler.
730 DC
730DC, Washington DC’den en son haberleri içeren günlük bir haber bültenidir. Her gün sabah 7.30’da abonelere teslim edilir, bu nedenle adı. Bu sitenin tasarımı son derece minimaldir. İçeriği ızgaradadır ve ekran birkaç bölüme ayrılmıştır. Ana gezinti, her menü bağlantısı ayrı bir alana yerleştirilmiş olarak en üsttedir. Ekranın geri kalanı ikiye bölünmüştür. Sitenin tüm sayfalarında sol taraf bozulmamış, sağ taraf ise düz yatay çizgilerle daha küçük bölümlere ayrılmıştır. Renk paleti, renkli öğeler içeren mağaza sayfası dışında, ağırlıklı olarak beyaz ve kırmızı tonlardan oluşur. İletişim formu ana sayfada yer alır ve sadece iki soru içerir. Herhangi bir alana tıkladığınız anda, çizgilerinin rengi kırmızıdan maviye döner. Adınızı veya e-posta adresinizi yazmaya başladığınızda, sorular görünümden kaybolur ve size ayrıntılarınızı doldurmanız için boş bir alan bırakır. Fareyle üzerine gelindiğinde, harekete geçirici mesaj düğmesinin ve düğme metninin arka plan rengi yer değiştirir, böylece düğme kırmızı ve metin beyaz olur. Bültene kaydolmanın yanı sıra, 730DC’ye bir hikaye de gönderebilirsiniz. Bu formun tasarımı, kullanıcılar tarafından daha fazla bilgi gerektirmesi dışında abonelik formuyla eşleşir. Her iki form da inanılmaz derecede basit ve geometrik, yine de onları ilginç kılan kesinlikle minimalizmleri, saflıkları ve biraz acımasız havaları.
Noodz – Saklanacak bir şey yok
Noodz – Saklanacak bir şey yok, vegan ağız bakım ürünleri yapan bir markadır. Web sitelerinin tasarımı, birkaç isim vermek gerekirse sarı ve koyu mor, pembe ve koyu mor, limon yeşili ve koyu yeşil gibi zıt renklerin göz alıcı kombinasyonlarına dayanıyor. Canlı renk paleti, bindirme iletişim formuna da uygulanır. Çığlık atan limon yeşili rengi, hepsinin en belirgin tonudur. Onay kutusu alanının yanı sıra harekete geçirici mesaj ve kapatma düğmelerine uygulanarak bunları formun geri kalanından ayırır. Canlılığı, formda kullanılan daha huzurlu pembe ve mor tonu bozarak basit ama heyecan verici ve çekici bir görsel birim oluşturur. İletişim formu alanlarının tümü, her zaman görülebilen bir dikdörtgenin içine yerleştirilmiştir, böylece kullanıcılar, ne tür bilgiler vermeleri gerektiğini hemen bilirler. Güzel yazı tipi seçimleri ve tipografinin eğlenceli karakteri formu daha da canlandırırken sevimli bir gülen yüz forma daha eğlenceli bir karakter katmaya yardımcı olur.
Covid Sanat Müzesi
Covid Sanat Müzesi, Covid19 salgını sırasında yaratılan sanat eserlerinin sergilendiği dünyanın ilk online müzesidir. Ana sayfa boyunca dağılmış seçilmiş sanat eserleri ile sitenin tasarımı oldukça basittir. Tüm parçalar bir numara ile işaretlenmiştir. Bazı alanlar boş görünüyor ancak üzerlerine tıklarsanız “Sosyal Mesafeyi Koruyun” yazısı çıkacaktır. Web sitesini karanlık ve aydınlık modlarda keşfedebilirsiniz. Seçiminize bağlı olarak tipografinin rengi değişir. Fakat resim gönderme menüsü bağlantısı her zaman kırmızı kalır ve bu bölümün seçilen moddan bağımsız olarak fark edilmesini sağlar. Tıklandığında, form vitrinde görünür. Varsayılan konumunu (ekranın sağ tarafında) beğenmediyseniz, istediğiniz yere taşıyabilirsiniz. Beyaz ve gri bölümleri siyah ve kırmızı tipografiyle birleştiren formun tasarımı basit ve temizdir. Harekete geçirici mesaj düğmesi kırmızıdır, alanın en solunda “Gönder” ve sağında ileriye dönük ok bulunur. Fareyle üzerine gelindiğinde, düğmenin arka plan rengi ve metnin rengi tersine çevrilirken iki öğe ortada birbirine yaklaşır. Bu ince değişiklik, formun eylemsizliğini kırarak “Gönder” düğmesini daha da belirgin hale getiriyor.
Cevitxef
Cevitxef, Bilbao’da bir restorandır ve web siteleri, sürükleyici görsellerin, güzel paralaks efektlerinin ve mükemmel tipografi kombinasyonlarının çarpıcı bir sinerjisidir. Rezervasyon formunun bağlantısı, diğer gezinme bağlantılarıyla birlikte yapışkan menüye yerleştirilir. Menüdeki tipografi çoğunlukla siyah ve ana hatları çizilmiştir, fakat rezervasyon formu bağlantısının (“Reserva Tu Mesa”) bölümleri de dahil olmak üzere bazı kelimeler tamamen renklidir. “Reserva” (rezerv) ve “Mesa” (tablo) kelimeleri kalın siyahla, “Tu” (sizin) ana hatlarıyla belirtilmiştir. Bu metin, fareyle üzerine gelindiğinde neon pembeye dönüşen bir dikdörtgenin içine yerleştirilmiştir. Üzerine tıkladığınızda karşınıza acımasız görünümlü bir rezervasyon formu çıkıyor. Çok sayıda ızgara çizgisiyle tamamen siyah beyazdır. Bir alana tıkladığınızda, metin satırında kırmızı bir daire belirir. Bu dikkat çekici öğe forma biraz renk katıyor ve gerekli detayları girmeniz gerektiğinin sinyalini veriyor. Harekete geçirici mesaj düğmesi, ana hatları çizilen ve kalın siyah tipografiyle birlikte forma hayat ve heyecan katan kayan metin içerir.
panzehir
İletişim formları için panzehir sadece küçük harfler kullandı. Bu e-posta ve SMS pazarlama ajansı, hem etiketler hem de yer tutucu metin için tek aralıklı bir yazı tipi seçti. Yazı tipinin daktilo karakteri, formun 90’ların havasını çağrıştıran hafif retro tasarımına mükemmel bir şekilde uyuyor. Bu ajansla işbirliği yapmaya başlamak için önce bir dizi sorudan geçmeniz gerekiyor. Sorular birer birer görünür ve sayfanın ortasında, gözlerinizin ilk önce bakma olasılığının en yüksek olduğu yere yerleştirilir. Bu iletişim formu, “panzehirin” siz ve işletmeniz hakkında daha fazla bilgi edinmesini sağlayan ve potansiyel müşterileri seçmelerine yardımcı olan 7 soru içerir. Arka plan, düğme arka planı ve yer tutucu metin, mavinin çeşitli tonlarındadır ve bu tonların sakinliği, etiket ve düğme metinlerinin beyazlığını vurgular.
Mysta Elektrik
Mysta Electric’in iletişim formu, tek sayfalık web sitesinin en altında yer almaktadır. Her şey siyah beyaz, imlecinizin her hareketini takip eden Mysta’nın kafası arka planda. Site büyük tipografi ile dolu. Fareyle üzerine gelindiğinde, bazı kelimeler bu dövme sanatçısının olağanüstü çalışmasının muhteşem örneklerini ortaya çıkarıyor ve sizi onun “karanlık melankoli” dünyasına çekiyor. Mysta ile iletişime geçmenizi sağlayan sadece üç alan içeren iletişim sayfası basittir. Fareyi herhangi bir alana getirdiğinizde imleç büyür. Sizi bilgilerinizi girmeye davet eden bazı metinler de görünür. “Gönder” düğmesi şeffaftır, fakat üzerine geldiğinizde göz alıcı bir şekilde beyaz olur. İletişim formunun minimalist tarzı, içeriğin geri kalanıyla mükemmel uyum sağlar ve sadeliği, Mysta’nın sanatının sitenin yıldızı olarak kalmasını sağlar.
WE3
WE3, Adidas, Levi’s, eBay, Postmates ve diğer birçok büyük markayla işbirliği yapan bir tasarım ve deneyim ajansı olan Jam3 tarafından geliştirilen bir staj programıdır. WE3 stajı için başvuru formu 14 adımdan oluşmaktadır. Ekranın sol tarafında görüntülenen pratik çubuk sayesinde, hiçbir bilginizi girmeden tüm sorulara göz atabilirsiniz. Form, ekranın büyük bölümünü kaplayan etiketler ve form alanları ile düzenlidir. Beyaz arka planın homojenliği büyük, açık gri soru numaralarıyla kesintiye uğrar. Form etiketleri oldukça standart olsa da, yer tutucu metin ilginç ve esprili. Örneğin e-posta adresinizi girmeniz gereken alanda yer tutucu metin “Hotmail ise sizi yargılamıyoruz” diyor. Her alanın içerdiği diğer bir kullanışlı özellik, bir karakter sayacının yanı sıra bir karakter sınırıdır. Bu form çok uzun görünse de, sorular çok mantıklı ve program için en iyi adayları bulmaya yardımcı olmak için varlar.
Badass Projesi
Badass Projesi, iki düğün ve belgesel fotoğrafçısı ve film yapımcısından oluşuyor. Her yerde bulunan büyük tipografi ve siyah ve sarı tonların etkileşimi, web sitelerinin en belirgin özellikleri arasındadır. İletişim formunun tasarımı da farklı değil. İçerik sarı iken arka plan çoğunlukla siyahtır ve iki renk arasındaki keskin kontrast, izleyicilerin en başından itibaren dikkatini çeker. İletişim formu, ekibin iki üyesinin elinde dürbünle potansiyel müşterileri aradıklarını gösteren bir resimle başlar. İletişim formlarında alışılmadık ve nadiren görülen bir başka unsur da “Blah” kelimesidir. Badass ekibi, sayfaya tekrar tekrar yazarak formlarına biraz saçma sapan bir oyunbazlık kattı. Tipografi çoğunlukla tamamı büyük harflidir ve ana hatlı ve seriften kalın ve sanserif’e kadar gider. Bu sürekli stil değişiklikleri, metni izleyicinin gözü için daha ilginç hale getirir. Harekete geçirici mesaj düğmesi, formun alternatif havasını artıran grafiti benzeri bir yazı tipi içerir. Şirketin e-posta adresi ve iki üyenin telefon numaraları, kaydırıldığında birbirinden zıt yönlerde hareket etmeye başlayan üç satırda görüntülenir.
Alfa Charlie
Alfa Charlie, San Francisco merkezli bir markalaşma stüdyosudur. Web siteleri temiz, taze ve modern görünüyor ve etkileyici özellikleri hakkında güzel bir fikir veriyor…