Sıçrama Sayfası: Hızlı Kılavuz & amp;Kolay
Şu anda, ziyaretçileri sitenize çekmek yeterli değildir, ayrıca ana sayfanıza ulaşır ulaşmaz onları ‘vay’ olmanız gerekir. Ayrıca, size benzer hizmetler veya içerik sunan binlerce başka site olabilir, o zaman neden dikkat etmeliler? Sıçrama sayfası bu sorun için zarif bir çözümdür. Çağrı kartı olarak hareket edebilir, hatta doğru kullanılırsa dönüşümü artırmanıza yardımcı olabilirler. Bu makalede, modern web tasarımında sıçrama sayfaları kavramını keşfedeceğiz. Ayrıca, divi kullanarak bunları nasıl çoğaltacağınızı öğretmeden önce size farklı açılış sayfaları sunacağız.
Hadi kazalım! Sıçrama sayfası nedir? Basitçe söylemek gerekirse, açılış sayfası sitenizin ziyaretçilerin ana sürüme girmeden önce gördüğü bir parçasıdır. Genellikle görseller üzerinde ağırdır, belki hareket çağrısı (CTA) ve site genelinde kanal olarak hareket ederler. Aşağıda, L’Anvenir Gigi Kliniğine ait modern bir açılış sayfası örneğidir:
Ziyaretçilerinizin dikkatini belirli bir mesaj veya tasarım öğesine çekin.
Önemli bilgileri izleyicilerinize iletmenizi sağlar.
Abone olmaları veya benzeri talimatlar vererek dönüşümünüzü artırma fırsatları sağlayın.
Mükemmellikleri azaltılmış olsa da, açılış sayfası konsepti son zamanlarda tam ekran başlığını girmek için geliştirdi, çünkü bağımsız açılış sayfasıyla aynı avantajların çoğunu sağlayabilirler.
Bununla birlikte, geleneksel sıçrama sayfaları hala çeşitli uygulamalar için kullanılabilir: Sitenize güzel bir görsel giriş yapın.
Gerektiren web siteleri için davalar yayınlama (yetişkin içeriği veya kumar hakkında düşünün).
Seçtiğiniz dili seçin.
Önemli haberleri ziyaretçilerinizle paylaşmak (gerçekten önemli olmadıkça bu rotayı önermesek de).
Kullanıcıları posta listelerine abone olmaya teşvik edin, böylece dönüşümü teşvik edin (UX hususlarına dikkat edin).
Kaçarak, bazı olağanüstü örnekleri birlikte keşfedelim ve onları başkalarından neyin ayırdığını öğrenelim.
6 Bu bölüm için olağanüstü sıçrama sayfalarına örnek olarak, olağanüstü bir tasarım, olağanüstü kullanım veya her ikisi ile açılış sayfasına odaklanacağız. Bahsettiğimiz gibi, birçok açılış sayfası tam ekran başlıkları olarak sunulmaktadır. Bu açılış sayfasının modern görünümünü vurgulamak için bir örnekle başlayalım. 1. Colofts
Colofts web sitesi, logoyu vurgulayan sessiz bir arka plana sahip tam ekran gölgelik görüntüler. Tüm amaçlar ve hedefler için, bu başlık açılış sayfası görevi görür. Saf estetik nedenlerle vardır ve dahil edilen tek navigasyon fonksiyonu diğer sayfalara yönlendirilmiştir. 2. Mükemmel Yapın
Bir sonraki örneğimiz – mükemmel hale getirin – açılış sayfasındaki retro trendleri görüntüler. Bu, son zamanlarda modern web sitelerinde nadiren görüntülenen ve iyi hedeflere sahip yükleme çubuğunu içerir. Ortalama internet hızı daha hızlıdır ve sabrımız uzun bir yükleme süresi ile azalır. İdeal olarak, bu sitenin buna ihtiyacı yoktur, ancak yükleme çubuğu eski zamanlardan hala ilginçtir. 3. Bu açılış ünitesi (MAPE ünitesi) iyi bir kullanım ve tasarım karışımı sunar. Aslında, tüm ana sayfaların çeşitli vaka çalışmalarına yol açan bir dizi açılış sayfası olduğunu söyleyebilirsiniz. Profesyonel bir tasarımsanız, dikkat edin-bu son zamanlarda karşılaştığımız en eşsiz portföylerden biridir. Bununla birlikte, bu eksiklikleri olmadan değildir – birçok insan geleneksel navigasyon sistemlerini kullanarak daha rahat olma potansiyeline sahiptir. Görüşümüze göre, sadece bir hamburger menüsü eklemek, sitenin kullanımını artıracaktır. 4. LabCase LabCase, sıçrama animasyon sayfasını doğru yapan nadir web sitelerinden biridir. İlk olarak, site logosu ile karşılanacaksınız, daha sonra sitenin diğer bölümüne geçmeden önce ürünün çok özlü bir özeti gösterilecek. Kağıt üzerinde, bu en iyi tasarım gibi görünmüyor, ancak işe yarıyor. Her şey – minimalist logodan, kullandıkları yazı tiplerine ve hayvan zamanına kadar – tam hedefte. Sıçrama animasyonu sayfası kullanım açısından herhangi bir fayda sunmaz, ancak doğru yapılırsa sayfa iyi görünebilir.
5. Harbr Co. Harbr Co. gibi diğer durumlarda, tasarımcılar bir arka plan videosu kullanarak bir adım önde bir animasyon sıçrama ekranı kavramını almayı seçtiler. Tam ekran başlığı ile bir araya getirildiğinde, arka plan videosu çok ilginç bir açılış sayfasıdır. Bu tekniğin en büyük zayıflığı, videonuz optimize edilmezse yükleme süresini büyük ölçüde artırabilmenizdir. 6. Bildiğimiz Stee Sjauh, en iyi modern sıçrama sayfaları iyi bir kullanım ve tasarım kombinasyonu sunmalıdır. Bu nedenle, açılış sayfası kavramını alan ve onu harekete geçirme davetiyeleri ve sitenizin diğer kısımlarıyla bağlantı kurma gibi geleneksel gezinme yöntemleriyle birleştiren web sitesinin büyük bir hayranıyız.
İtiraf ediyoruz, yukarıdaki örnek açılış sayfasının geleneksel bir örneği değildir. Ancak, bu mutlaka kötü bir şey değildir. Bu, eski sıçrama sayfasından açıkça esinlenmiştir, ancak modern web tasarım trendlerini içerecek şekilde ayarlanmıştır. Sıçrama sayfasının estetiğinden hoşlanıyorsanız, aynı zamanda kullanılabilecek şeyleri korumanın büyük bir hayranı varsa, bir sonraki projeniz için bu tür bir hibrit tasarımı düşünün. Divi Divi’yi kullanarak bir sıçrama sayfası nasıl yapılır, önceden belirlenmiş bir sıçrama sayfası düzenini içerir, bu da zamanınızı yaparken zamanınızı tasarruf edebilir. Yüklemek için WordPress kontrol panelinizde yeni bir gönderi oluşturun, ardından Divi Builder’ı etkinleştirin. Ardından, kütüphaneden yükü tıklayın:
Buradan, tıklayarak sıçrama sayfasının düzenini seçin: Divi Splash sayfasının düzeni, varsayılan olarak divi logosunu kullanan Divi Blurb modülünden ve üç ayrı metin modülü. Altta (verandanıza yol açması gereken) CTA ve şimdilik görmezden gelebileceğimiz iki bölücü de var: doğrudan görülürse, şöyle görünmelidir:İhtiyaç duyulan tek şey, bunu yapmak için bazı küçük değişikliklerdir (modül ayarlarıyla seçenekler kullanarak). Bu, ilgili bilgileri ana sayfadan önce iletmenin mükemmel bir yoludur: Öte yandan, daha modern bir sıçrama sayfasını seviyorsanız, Divi Builder’ı kullanarak tam geniş bir parça yapın ve tam geniş bir başlık modülü ekleyin: Fullwidth başlık modülü, tam ekran yapmak, kaydırma düğmesini ve üzerindeki logoyu eklemek için ayarlar içerir – modern bir açılış sayfası oluşturmak için ihtiyacınız olan tüm öğeler: Sonuç Sıçrama sayfasının kullanımı son yıllarda azaltılmıştır ve her web sitesi için açıkça uygun değildir. Bununla birlikte, web tasarımcıları, modern web tasarımındaki açılış sayfalarının rolünü hayal ederek konsepti değiştirmeyi başardılar. Sıçrama sayfasını size nasıl uygulamayı seçersiniz, ancak Divi kullanıyorsanız aşağıdaki adımları göz önünde bulundurun: Divi ile gönderilen önceden belirlenmiş sıçrama sayfası düzenine bakın ve ayarları mükemmel bir şekilde ayarlayın. Veya FullWidth başlık modülünü kullanın, tam ekranı açın ve aşağı düğme seçeneklerini kaydırın, ardından logoyu ekleyin.
