Bir müşteri için savaşmanın yollarından birinin reklamcılık olduğu bir sır değil. Çok çeşitli tezahürleri olabilir, ancak asıl amaç her zaman aynı olacaktır - izleyicinin dikkati. Son zamanlarda, kullanıcıları çekmek ve onları şirkete veya ürüne sadık alıcılar, müşteriler, aboneler ve diğer müşteri gruplarına dönüştürmek için tasarlanan açılış sayfaları İnternet'te yaygınlaştı. Bu tür çevrimiçi reklamcılık çok etkilidir ve genellikle geniş bir kitlenin güvenini kazanmanın ana faktörlerinden biridir. Bu makalede, bir açılış sayfasının ne olduğu, nasıl çalıştığı ve başarılı bir açılış sayfası oluşturmak için bilmeniz gerekenler hakkında ayrıntılara gireceğiz.

Açılış sayfası: kavram ve yaratma nedenleri

Elbette internette gezinirken bu fenomenle bir kereden fazla karşılaşmışsınızdır. Belki de zekice gizlenmiş bir reklam ürünüyle uğraştığınızı bilmiyordunuz. Ancak, makaleyi okuduktan sonra, onu tanımanız zor olmayacaktır. Peki açılış sayfası nedir? Terim İngilizce açılış sayfasından gelir ve "gelen / açılış veya satış sayfası" olarak çevrilir. Bir ürün veya hizmet hakkında önemli bilgiler içeren ve reklamın etkinliğini artırmak ve kitleyi artırmak için kullanılan bir web sayfasıdır. Bir İnternet reklam banner'ı veya bir arama sorgusundaki bir bağlantı aracılığıyla buna kolayca ulaşırlar. Çoğu zaman, açılış sayfasına geçiş, e-posta haber bültenlerinden, sosyal medyadan ve arama motorlarındaki çeşitli reklam kampanyalarından gerçekleştirilir.

Bir açılış sayfası oluşturmanın nedenleri açıktır. Kabaca üç gruba ayrılabilirler:

• kullanıcıyı haber bültenine abone olmaya veya sadece siteye kaydolmaya teşvik etmek;
• herhangi bir yazılımı indirmek veya yüklemek için basın;
• belirli bir ürünü promosyon, satış vb.

Yukarıdaki nedenleri özetlersek, açılış sayfasının şu amacını formüle edebiliriz: sıradan bir ziyaretçiyi bir alıcıya / aboneye dönüştürmek ve onu herhangi bir özel eylemde bulunmaya teşvik etmek. Açılış sayfasının bununla mükemmel bir iş çıkardığını söylemeliyim.

Açılış sayfası sınıflandırması: türleri ve türleri

Bir açılış sayfasının ne olduğunu ve ne için olduğunu bulduk. Ancak, başka bir şeyi bilmek önemlidir - nasıl göründüğünü. Bir açılış sayfası oluşturmak için birkaç seçenek vardır.

Açılış sayfası türleri

En popüler türlere bir göz atalım:

• Ana site;
• mikrosite;
• özerk.

Bazı şirketler, bir açılış sayfası oluşturmak için ana sitelerinin birkaç sayfasını ayırır. Böyle bir uygulama gerçekleşir, ancak çoğu durumda etkisizdir. Bunun nedeni, site tasarımında kullanıcının dikkatini reklam sayfasından uzaklaştıran çok sayıda gezinme öğesidir.

Bu durumda üç ila beş reklam sayfasından oluşan ayrı bir mikrosite daha etkili olacaktır. En azından ürün / hizmet hakkında bilgi (sadece en gerekli olanlar), birçok çekici resim, video klip içerirler. Bir mikro site, büyük şirketlerin promosyonlarını barındırmak için yaygın olarak kullanılır.

En popüler açılış sayfası türü, bağımsız açılış sayfasıdır. Ayrıca TO açılış sayfası olarak da adlandırılır. asıl görevi kullanıcıyı hemen şimdi harekete geçmeye ikna etmek olan ayrıntılı bir reklam teklifi. Tıklama oranı ön eki, tıklama oranı anlamına gelir (banner aracılığıyla sayfaya giden kişi sayısının, sayfanın gösterim sayısına oranı). Başlıca özellikleri minimalist tasarım, davetkar sloganlar, bu teklifin avantajlarına vurgu, büyük düğmeler, geri sayım sayaçlarıdır. Böyle bir sayfa, kullanıcıları çekmenin en etkili yöntemi olarak kabul edilir.

Açılış sayfası türleri

Ayrıca birkaç ana açılış sayfası türü vardır. Bu:

• viral;
• ana sayfalar;
• reklam.

Viral açılış sayfası açık reklam içermez. Burada bir makale, video klip veya oyun olarak gizlenirken, şirket logosu genellikle köşede / yanda bir yerde bulunur ve göze çarpmayan bir şekilde "hareket eder". Bu durumda etki, kullanıcının interaktif eğlenceye alışması ve bunun sonucunda şirkete/markaya karşı bilinçaltında bir güven oluşması nedeniyle elde edilmektedir.

Lider sayfa, kural olarak, pazarlama araştırması sırasında kullanılır. Anket gibi araçlar aracılığıyla ürünün/hizmetin hedef kullanıcısı hakkında bilgi toplanmasına yardımcı olur. Daha sonra alınan verilere göre etkili bir teklif oluşturulur.

Bir reklam açılış sayfası, bir ziyaretçi üzerinde agresif bir etki biçimidir. Çok miktarda grafik, metin bilgisi, video materyali içerir. Güçlü bir bilgi etkisi akışı yoluyla eylemi teşvik etmeyi amaçlar.

Açılış sayfası oluşturma: temel kurallar

Doğrudan bir açılış sayfası oluşturma hakkında konuşmadan önce, farklı bakış açılarından bir açılış sayfasının ne olduğunu anlamanız gerekir. Burada en az üç taraf ayırt edilebilir:

• teknik - çeşitli unsurlardan (HTML, CSS, metinler, grafikler, videolar) oluşan bir web sayfası;
• işletme - fayda elde etmek için ziyaretçiyi belirli bir eyleme iten bir sayfa (satın alma / abonelik);
• kullanıcı - bir arama motorundan / başka bir siteden / bir banner aracılığıyla bir bağlantı yoluyla geldiği bir sayfa.

Bir açılış sayfasının tüm bu yönlerini göz önünde bulundurarak, iyi bir açılış sayfasının oluşturulabileceği ana kriterleri formüle edebiliriz. Ve buradaki ilk şey, harekete geçirici mesaj veya harekete geçirici mesajdır. Çalışması için aşağıdaki kurallara uyulmalıdır:

• net olun - kullanıcıya ne yapması gerektiğini ve sonuç olarak ne alacağını açıkça söyleyin;
• çağrı sayısını sınırlayın - ne kadar az olursa, ziyaretçi istenen eylemi o kadar hızlı gerçekleştirir;
• stokta ek bilgilere sahip olun - sonunda nihai bir karar vermek için belirleyici bir faktör haline gelir;
• düğmeleri kullanın - görünür olmalı ve tıklamaya teşvik etmelidirler.

Ancak, aramayı görmeden önce kullanıcının sayfada oyalanması gerekir. Bunu yapmak için doğru başlıkları kullanmanız gerekir. Aşağıdaki gereksinimleri karşılamaları gerekir:

• basit ve kısa olun;
• tasarım açısından çekici olmak (düzen, yazı tipi);
• yetenekli olun, alakalı kelimeler içerir.

Sayfanın kendisinin hoş ve kullanıcı için anlaşılır olması da önemlidir. Bunu yapmak için mümkün olduğunca basit ve kullanışlı, ancak dikkat çekici hale getirilmelidir. Neleri gözlemlemek önemlidir:

• açılış sayfasının tüm öğeleri harekete geçmelidir;
• Bir açılış sayfasında bir ana harekete geçirici mesaj bulunmalıdır;
• sayfanın kendisinde çok fazla "hava" (boş alan) olmalıdır;
• elemanlar açık bir mantıksal sıraya yerleştirilmelidir;
• bakışları yönlendirmek için grafik öğeleri kullanın;
• sayfanın bölümlerinin zıt renklerle ayrılması arzu edilir.

Ayrıca, sayfanızı daha verimli hale getirecek bir dizi ek teknik vardır. Anında harekete geçmek için bir motive edici değilse, bir açılış sayfası nedir? Ve o anda yapmak için herhangi bir kısıtlama ile istenebilir - zaman eksikliği, ürün vb. Aciliyet duygusu yaratmak için, indirimlerin sonuna kadar kalan sürenin geri sayım sayaçlarını veya sayaç sayacını sayfaya yerleştirin. mevcut mal sayısı.

Bir diğer önemli nokta, herhangi bir işlem gerçekleştirirken kullanıcıyı mutlak güvenlik ve güvenilirlik konusunda ikna etmektir. Bunu yapmak için, sayfada saygın web hizmetlerinden sosyal veriler yayınlayın (örneğin, "VK" veya "Facebook"taki beğeni sayısı), sahte incelemeler ve durumlar kullanmayın, harekete geçirici mesajların yanında güven öğeleri ayarlayın.

Bu basit ama önemli ipuçlarını takip ederek etkili bir açılış sayfası oluşturabilirsiniz.

Çözüm

Reklam, herhangi bir işletmenin motorudur. İnternette özel biçimler ve tezahürler alır. Bu makalede, bir açılış sayfasının ne olduğuna ve bir işletme için nasıl çalıştığına baktık. Ayrıca nasıl bir şey olduğunu, neler içerdiğini, iyi bir açılış sayfası oluşturmak için hangi kurallara uymanız gerektiğini öğrendik. Kendi işinizi geliştirmek için bir açılış sayfası hazırlamak için önerilen ipuçlarını kullanın. İyi şanlar!

Açılış sayfası nedir ve özellikleri nelerdir? Yüksek dönüşümlü harika bir açılış sayfası nasıl hızlı bir şekilde oluşturulur? Hangi açılış sayfası oluşturucular şimdi popüler?

Merhaba sevgili okuyucular! Sizinle "HiterBober.ru" iş dergisinin yazarlarından biri olan Alexander Berezhnov.

Ve buna karar verdim - size açılış sayfalarından, onları oluştururken kullandığım temel tekniklerden bahsedeceğim. İşte iyi tek sayfalık sitelere bazı örnekler. Ve her biriniz kendiniz için sonuçlar çıkaracaksınız. Anlaşmak? Başlayalım o zaman.

Bir açılış sayfası oluşturma konusu kolay değil, çok alakalı ve ilginç. Bunu nasıl yapacağınızı bilerek, örneğin nasıl, farklı şekillerde para kazanabileceksiniz. Bu yönü anlayarak, küçük işletmenizi yalnızca açılış sayfası üzerinden mal veya hizmet satarak başlatabilirsiniz.

1. Açılış sayfası nedir - yeni başlayanlar için bir genel bakış

Açılış sayfaları oluşturma konusunda yüzlerce makale yazılmıştır. Tüm tavsiyeleri, tüm deneyimleri tek bir malzemeye "sıkıştırmak" zordur. Ama yine de açılış sayfasıyla ilgili en önemli şeyi size anlatmaya çalışacağım.

Açılış sayfası Tek sayfalık bir site veya sadece bir sayfa olup, amacı kullanıcıları bir şeyler yapmaya teşvik etmektir: satın alın, abone olun, arayın, bir istek bırakın.

Açılış sayfası kelimenin tam anlamıyla İngilizce'den tercüme edilir: "açılış" veya "açılış sayfası".

Muhtemelen internette böyle tek sayfalık sayfalar görmüşsünüzdür.

Açılış sayfaları neden yapılır:

1. İyi motive ediyorlar. ziyaretçinin istenen eylemi gerçekleştirmesini sağlar.
2. Hızlı tasarlanırlar. Ve genellikle normal bir web sitesinden daha ucuza mal olurlar. Başka bir artı: Kendiniz bir açılış sayfası oluşturabilirsiniz.
3. Açılış sayfasının yeniden yapılması kolaydır- geliştirin, değiştirin, eksik bilgileri ekleyin.

Açılış sayfaları şunlar için oluşturulur:

1. Ürün satışı. Bunu yapmak için aramaları kullanın: "satın al", "istek bırak", "ara".
2. Bilgi toplamak. Burada ziyaretçilere sunulur: "abone ol", "daha fazla bilgi edin."
3. Yazılımın dağıtımı- yazılım satışı.

Açılış sayfası ve satış hunisi

Hunisatış Bir ürün/hizmetin satılması sürecidir. Bu sürecin her aşamasında, insanların bir kısmı - ticari bir şirketin potansiyel müşterileri - ortadan kaldırılır. Web sitemizde bununla ilgili ayrı bir makalemiz var.

Açılış sayfası satış süreci şöyle görünür:

• 100 kişi açılış sayfasına bir bağlantı gördü;
• 40 kullanıcı bağlantıyı takip etti;
• 10 kişi bir başvuru bıraktı;
• Ürünü 2 kişi aldı.

Yüz iki satıştan. Geri tepme - %2. Bu kötü bir seçenek değil. Mükemmel değil ama kaybetmek de değil.

Satış hunisi, ters bir mutfak hunisine benziyor: geniş taban ve dar boyun.

En geniş kısım sayfaya gidiyor. Bu aşamada, içeriğe dayalı reklamcılığın, sosyal ağlardaki mesajların, diğer sitelerdeki yayınların çalışmalarını test ediyoruz. TO'yu belirleyin.

TO- tıklama sayısının gösterim sayısına oranı. Yüzde olarak ölçülür.

Orta kısım uygulamadır. Açılış sayfasının etkinliğini analiz ediyoruz - tasarımı, metin kısmı.

Dar kısım, siparişleri işlemek ve satmaktır. Burada yaşayan insanların çalışmalarını değerlendiriyoruz - operatörler, yöneticiler.

Bir açılış sayfasını analiz ederken, başka bir gösterge hesaplanır - EPC.

EPC- Bu, açılış sayfasına yapılan bin ziyaretten elde edilen kazancın ortalama göstergesidir.

YG'niz ne kadar yüksek olursa, reklam kampanyanız o kadar etkili olur.

Bir açılış sayfası oluşturmak ne zaman gereklidir?

Aşağıda, kendi tek sayfalık sayfanızı oluşturma ihtiyacıyla karşı karşıya kalabileceğiniz birkaç durumu ele alacağız.

E-ticaretin ilkelerini yeni yeni tanımaya başlayan insanlar, çoğunlukla "iniş" in ne olduğuyla ilgilenirler. Bu kavram, bilgilendirici makalelerde ve incelemelerde geçerken bahsedilir, ancak özellikleri, avantajları ve dezavantajları göz ardı edilir. Birçok büyük şirket bunu uzun süredir benimsemiş ve bir açılış sayfasının iş için sunduğu tüm fırsatları kullanmayı başarmış olsa da.

Açılış sayfası nedir?

"Açılış sayfası" kavramının yabancı kökenli olduğunu tahmin etmek kolaydır.

Açılış sayfası, kelimenin tam anlamıyla "açılış sayfası" anlamına gelir. Bu, tek sayfalık bir site, bir kartvizit sitesi veya İnternet'te bulunan bir ana sitenin ana sayfası olup, asıl amacı kullanıcıyı belirli bir eylemi gerçekleştirmeye zorlamaktır. Kural olarak, bir eylem bir haber bültenine abone olmak, siteye kayıt olmak, bir ürün veya hizmet satın almaktır.

Şimdiye kadar, "açılış" kelimesi ve buna bağlı olarak "açılış sayfası" ifadesi eğitimsel pazarlama literatüründe bulunamadı. Ve bu kelime henüz sözlüklere kaydedilmedi. İkinci bir yazım seçeneği var, yani "iniş". Ancak bunun daha az yaygın bir form olduğunu belirtmekte fayda var. Bu sonuç, Yandex İstatistiklerinden alınan verilere dayanmaktadır - 120 bine karşılık 1 milyon istek.

Açılış sayfalarının amacını düşünürsek, bunlar aşağıdakiler için oluşturulur:

• Belirli bir ürün veya hizmetin satışı.
• Hedef kitle hakkında bilgi toplamak.
• Yazılım ve bilgi ürünlerinin dağıtımı.

Ancak amacına rağmen, bu tür sitelerin amacı aynıdır - satış seviyesini artırmak. Yardımı ile, özellikle işletme aşağıdaki özelliklerden birine sahipse, siparişlerde %20-30'luk bir artış sağlanır:

• Alt ve orta fiyat kategorisindeki mal veya hizmetlerin satışı.
• B2B satışları.
• Ağ işi.
• Ürünlerin üretimi.
• Benzersiz, özel ürünlerin satışı.
• Bilgi işi.
• Satış, kiralama, gayrimenkul alımı.
• Turist hizmetleri.
• Güzellik salonları, fitness kulüpleri ve "Sağlık ve Güzellik" kategorisiyle ilgili diğer hizmetler.
• Ulaşım hizmetleri vb.

Sunulan listeden, açılış sayfalarının hemen hemen tüm girişimcilik faaliyet alanları için uygun olduğu açıkça görülmektedir. Ayrıca, yalnızca verimlilikleri ve çok yönlülükleri için değil, aynı zamanda düşük uygulama maliyetleri ve çoklu iniş ile değiştirilebilen bölünmüş testlerin basitliği için de çekicidirler.

Çoklu açılış, belirli bir kullanıcı grubuna uyum sağlayan dinamik olarak değişen içeriğe sahip bir sayfadır. Her şey değişebilir: başlık, metin, iletişim bilgileri ve daha fazlası. Bu özellik, hedef kitlenin toplam kütlesini küçük gruplara ayırmanıza ve siteyi olabildiğince kişisel hale getirmenize olanak tanır.

Açılış sayfası türleri

Geliştirmeden önce, görünümü de dahil olmak üzere açılış sayfasının ana özellikleri belirlenir. Sınıflandırma, bir şirket veya ürünü hakkında bilgi yayınlamak için gereken büyüklüklerine dayanmaktadır.

Açılış sayfaları şunlardır:

• Bir adım - bir adım. Tek adımlı açılış, bir web sayfasından oluşan web sitelerinin klasik bir versiyonudur. Ana hedefleri, potansiyel müşterileri çekmek ve “ısınmak”tır.
• İki adım - iki adım. İki adımlı sayfalar daha az yaygındır ancak eşit derecede etkilidir. İki adımlı bir açılış sayfası, ziyaretçiye çeşitli seçenekler sunan bağımsız bir sayfadır. Bunlardan birini seçerek müşteri, sipariş vermek, bültene abone olmak vb. için bir form ile temsil edilebilecek ek bir sayfaya yönlendirilir.
• Uzun sayfa - uzun sayfalar. Uzun bir sayfa, açılış sayfasının iki veya daha fazla sayfayı aşağı kaydırdığı anlamına gelir.
• Kısa sayfa - kısa sayfalar. Kısa sayfa tek ekran boyutundadır ve kaydırılamaz. Kısa bir açılış sayfası, yalnızca kullanıcılara tanıtılması gerekmeyen iyi tanıtılan markalar tarafından veya gerekli bilgileri toplamak için sitenin diğer sayfalarına yönlendirme aracı olarak kullanılmalıdır.

Bir açılış sayfasının maliyeti nedir ve nasıl sipariş edilir?

Bir açılış sayfasını tanıtma fikri zaten olgunlaştıysa, bu "zevk" in maliyeti sorusu açık kalır. Bir inişin fiyatı, nasıl geliştirildiğine bağlıdır. Bunlardan sadece ikisi var: bağımsız ve uzmanların katılımıyla. Ve elbette, bir sitenin uzmanlar tarafından geliştirilmesi çok daha pahalı olacaktır.

Örneğin:

• Serbest çalışanlar için bir açılış sayfasının ortalama maliyeti 5.000-20.000 ruble.
• Tasarım stüdyosu hizmetleri - 50.000-100.000 ruble.
• Saygın bir ajans tarafından açılış sayfası geliştirme - 100.000-500.000 ruble.

Kendi başınıza sıfırdan bir açılış sayfası oluşturabilirsiniz, ancak özellikle eğitim için daha fazla zaman ve çaba gerektirecektir. Ve yine, fikri uygulamak ücretsiz olarak çalışmayacaktır, çünkü bir şekilde bir programcı çekmeniz veya ücretli bir şablon satın almanız gerekecek. Özellikle web sitesi geliştirme konusunda temel bilgilere bile sahip olmayanlar için sorunlu olacaktır.

Bir uzmandan açılış sayfası sipariş etmek için öncelikle şirketin sahip olduğu bütçeyi belirleyin. Ve zaten bundan başlayarak, bir sanatçı arayın. Bu bir serbest çalışansa, borsaya kaydolun. Bir ajanssanız, çalışmanın portföyüne ve incelemelerine bakın. Ayrıca, senaryo tek bir şemaya göre gelişecektir:

1. Özeti doldurmak (teknik görev).
2. Sanatçı ile temel istek ve tercihlerin koordinasyonu.
3. Hizmet sözleşmesi imzalamak.
4. Ön ödeme.
5. Çalışmanın değerlendirilmesi ve sayfanın ağda başlatılması.
6. Sözleşmenin öngördüğü hizmet için tam ödeme.

Nihai fiyat birçok kritere bağlıdır. Sözleşmeyi imzalamadan önce, yüklenici, işin tahmini maliyetinin belirlendiği bir ön tahmin hazırlar. Nihai fiyatı etkileyen ana faktörler şunlar olabilir:

• Sitenin yapısı ve tasarımı (daha karmaşık, daha pahalı).
• İçerik (benzersiz satış metni ve fotoğrafları 1.000 ABD Dolarına kadar fiyatlandırılabilir).
• Özelleştirme.
• İşletmenin özgüllüğü ve özellikleri.

Web sitesi oluşturma alanında temel bilgilere sahipseniz ve açılış sayfalarının ne olduğu ve ne için oldukları konusunda bilinçli bir anlayışa sahipseniz, kendini geliştirmeyi tercih etmek daha uygundur. Uygulamada, bu ilk bakışta göründüğü kadar zor değildir.

Ücretsiz bir açılış sayfası nasıl oluşturulur?

Açılış sayfası, normal bir web sitesiyle aynı öğeleri içerir. Tek fark, bir (en fazla iki) sayfadan oluşması ve yapım yöntemlerinin normal web sitesi geliştirmeden çok farklı olmamasıdır.

Ücretsiz bir açılış sayfası almanın gerçek yolları:

• Bir web sitesi oluşturun veya hazır bir WordPress şablonu satın alın.
• Özel bir kurucu (jeneratör) kullanın.
• Hazır bir şablon indirin ve şirketin bireysel özelliklerine göre "yeniden yazın".

Kendiniz sıfırdan bir sayfa oluşturduğunuzda, yalnızca web geliştirme ve tasarım alanında bilgi sahibi olmanıza değil, aynı zamanda doğru içeriği seçme yeteneğine de ihtiyacınız olacak. Çoğu zaman, sayfaya yerleştirilen metne küçümsemeyle yaklaşılır. Dönüşüm oranı doğrudan buna bağlı olsa da.

Yeni başlayanlar için, özel kurucular kullanarak bir açılış sayfası başlatmak daha kolay ve daha hızlıdır. Bunlar ücretsiz, shareware ve ücretlidir. Shareware, bazı seçeneklerin yalnızca bir abonelik satın aldıktan sonra kullanıcıya sunulduğu bir programdır. Ancak geliştirme için ücretsiz bir kurucu kullansanız bile, sitenin depolanacağı alan ve barındırma için yine de ödeme yapmanız gerekir.

Açılış sayfası tasarımı ve yapısı

Açılış sayfası tasarımı uzmanlar tarafından çok beğeniliyor ve işte bu yüzden. Sayfanın tasarımı, kullanıcının sonuna kadar kaydırıp kaydırmayacağını ve kendisinden isteneni yapıp yapmayacağını belirler. İyi tasarım, müşteriyi başlıktan iletişim formuna yönlendirecek ve görüntüledikten sonra yalnızca olumlu duygular bırakacaktır. Kötü tasarım, kullanıcıyı 15 saniyelik görüntülemeden sonra sayfayı kapatmaya zorlayacaktır.

İyi bir açılış sayfası tasarımının özellikleri:

• Sadelik ve kısalık.
• Bloklu içerik teslimi.
• Parlak grafikler.
• Mantıksal sayfa yapısı.

Ayrıca tasarım, sayfanın içeriğiyle tam olarak eşleşmelidir. Bir nakliye şirketi sayfası için siyah monogramlı ağır bloklar, hafifçe söylemek gerekirse en iyi seçenek değildir.

Sayfanın yapısına gelince, uzun zamandır uzmanlar tarafından çalışılmıştır. Beyninizi rafa kaldırmanıza ve "tekerleği yeniden icat etmenize" gerek yok, sadece açılış sayfasını net bir sırayla oluşturmanız yeterli.

Açılış sayfası yapısı:

1. akılda kalıcı başlık;
2. Ürün Açıklaması;
3. Faydalar;
4. özel teklif;
5. sipariş formu.

Ürün incelemeleri ve soru-cevap bloklarıyla yapıyı tamamlayın. Ana şey kısalıktır. Ne de olsa Steve Krug'un kuralı "Beni düşündürme!" Hala alakalı.

Etkili bir açılış sayfası oluşturmak için 13 emir

Satış sayfalarının geliştirilmesiyle profesyonel olarak ilgilenen deneyimli uzmanların, yüksek dönüşümlü açılış sayfaları oluşturmak için kendi stratejileri vardır. Ve hiçbiri sırlarını açıklamak için acele etmiyor, aksi takdirde hizmetlerine olan talep istikrarlı bir gelirin yanı sıra ortadan kalkacak. Ancak yine de, dönüşüm oranını artırmaya yardımcı olacak bir öneri listesi var.

Etkili bir açılış sayfası oluşturma kuralları:

Bir açılış sayfası - bir ürün

Açılış sayfanızdan en iyi şekilde yararlanmak için ziyaretçinizin dikkatini belirli bir ürüne odaklayın. Diğer bir deyişle, müşteriyi bir seçeneğin önüne koymamalısınız çünkü seçim yapmak zordur. Bir sayfayı gözden geçirmek, kapatmak ve unutmak çok daha kolay. Ancak açılış sayfasının amacı tam tersidir. Etkili bir şema şöyle görünür - Sipariş için Ürün-İndirim-Formu.

Akılda kalıcı başlık

Gösterişli değil, akılda kalıcı. Daha önce sayfanın başında "Eylem" kelimesi büyük bir yazı tipiyle yazılmışsa ve işe yaradıysa, bugün bu teknik tam tersi bir etkiye sahiptir. Ziyaretçinin teklifi görmesini sağlamak için başlık şaşırtıcı ve akılda kalıcı olmalıdır.

Örneğin, bir plastik cerrahi kliniği için iyi bir başlık "Yeni halinizi görmek ister miydiniz?" Elbette estetik ameliyatı düşünen kişiler ideal görünümlerini görsel olarak hayal ettiler. Bu başlık, yapmacık bir görüntünün ortaya çıkmasını sağlar ve hayalinizi gerçekleştirmek için açılış sayfasının götürdüğü adımı atın.

Hedeflenen eylemin netliği

Sayfaya giren ziyaretçi, ondan tam olarak ne istendiğini açıkça anlamalıdır. Ayrıca, ona olan ilgisini kaybetmeden önce bunu anlaması gerekir. Çoğu zaman, düşük dönüşümlü açılış sayfaları iki nedenden dolayı müşteri kaybeder:

• Hedef eylemin belirsizliği. Yani, sayfada harekete geçirici mesaj yok. Örneğin, bir geri bildirim formu, kullanıcıyı doldurması için dürtmez. Ne olduğunu, neden öyle olduğunu ve müşterinin neden ona zaman ayırması gerektiğini netleştirmek önemlidir.
• Sayfa tıkanıklığı. Tasarımın sadeliğini ve özünü hatırlayın. Deneyimsiz geliştiriciler, her şeyi açılış sayfasına aynı anda sığdırmaya çalışır. Bu nedenle sayfa içerik, grafikler ve tutarsız öğelerle aşırı yüklenir.

Hedef eylemi net bir şekilde belirlemek için, sayfa ziyaretçisinden ne istendiğini doğrudan ve özel olarak yazın (abone olun, sipariş verin, indirin, vb.) ve bunun için bir saniye içinde bir düğme yapın. Müşteri ondan istediklerini nasıl yapacağını araştırmak zorunda kalırsa, daha kolay bir yol izleyecektir - sadece sayfayı kapatacaktır.

satış metni

Metin içeriğinin özel bir "sihri" vardır. Yardımı ile bir kişide nostaljiden öfkeye kadar farklı duygular uyandırılır, ancak bu durumda satması gerekir. İnsan doğası gereği duygusal bir yaratıktır ve içsel hislerine dayanarak önemli kararlar alır. Bu nedenle, iyi bir metin yazarı, okuyucunun kendisinden isteneni yapmasını sağlamak için hangi "ipleri" çekmesi gerektiğini bilen bir psikolog da olmalıdır.

Gerçekten çok satan bir metin yazmak için şunlara ihtiyacınız vardır:

• Kimin için olduğunu bilin. Bilgi sunma şekli ve tarzı, hedeflenen okuyucuya göre değişir, bu nedenle yazmadan önce potansiyel bir alıcının portresini yapın.
• Psikolojik bilgi algısının klasik pazarlama tekniklerini ve ilkelerini inceleyin.
• Bilgileri kısa ama kapsamlı bir şekilde sunabilme. Okurken, açılış sayfası ziyaretçisinin kesinlikle soruları olacaktır, yazarın görevi, sayfanın bir sonraki bloğuna geçmeden önce onlara cevap vermektir.

İyi bir satış metni yazmak için potansiyel bir alıcı gibi düşünün. Bu zordur, ancak onsuz, yüksek getiri sağlayan bir açılış sayfası olasılığı en aza indirilir.

Metin biçimlendirme

Daha iyi bir bilgi algısı için metni doğru biçimlendirin. Sağlam bir tuval üzerine profesyonel bir satış metni yerleştirseniz bile, onu pek kimse okumaz. Çünkü ağır, uzun ve ilgisiz görünecek.

Metin biçimlendirme kuralları:

• Yazı tipinin boyutu ve stili. En uygun boyut 16 pikseldir, istisnai durumlarda 14, en yaygın stiller Arial, Meiryo, Georgia'dır.
• Teklifler. Metin, karmaşık ifadeler içermeyen basit cümleler içermelidir.
• Bilgi sunumunu engelle. Her blok bir paragraftır. Bir paragraf 3-5 satırı geçmemelidir.
• Alt başlıklar. Metin tuvalini bölmek için her 3-6 paragrafta bir alt başlıklar kullanın.
• Tablolar, grafikler, listeler, alıntılar. Bu öğeler ayrıca metni seyreltmeye ve okumayı kolaylaştırmaya yardımcı olur.

Reklam metninin ne kadar iyi yazıldığını ve tasarlandığını kontrol etmek için Amerikalı metin yazarı Josev Shugerman'ın “kaygan slayt efektini” hatırlıyorlar. Bunu yapmak için, metne “dinlenmesi” için biraz zaman verin ve ardından kendi başınıza “tepeden aşağı inmeye” çalışın, yani metni baştan sona okuyun. Okuyucu okuma sırasında "sıkışmış" ise, metnin sorunlu alanlarını gözden geçirin ve düzeltin.

Agresif ve müdahaleci reklamlar yok

• Çok sayıda ünlem işareti;
• Metnin tamamını veya tek tek tümcelerini büyük harf yapmak;
• Şu gibi bariz ifadeler: "Sınırlı teklif", "Malların düşük fiyatlarla tasfiyesi", "Yalnızca bugün% ...'ye varan indirimler"

Reklamlar agresif değil, akıllı olmalıdır. Bugün, kullanıcılar açık bir reklamı gerçekten değerli bir tekliften kolayca ayırt edebilirler; açılış sayfasının ziyaretçisi, ona bir şey "itmek" istedikleri izlenimini almamalıdır.

Yapı

Metin bloklarının konumunun tam olarak sayfanın ortasına sabitlenmesi gerekmez. Örneğin ürün açıklamaları ortada, faydalar sağda, incelemeler solda olabilir. Yapılandırma herhangi bir şey olabilir, asıl şey okuyucuyu doğru sırada yönlendirmektir. Bunu yapmak için okları, resimleri, kılavuz çizgileri vb. Kullanın. Ziyaretçinin bakışları hiçbir durumda sayfada amaçsızca gezinmemelidir.

alaka

Alaka düzeyi, kullanıcı beklentilerinin gerçeklikle hizalanmasıdır. Yani, bir kişi arama sonuçlarında "Özel Mücevher" başlığını gördüyse, açılış sayfasının benzer veya benzer bir başlığı olmalıdır.

Düşük bir dönüşüm oranı, genellikle yalnızca ziyaretçilerin değil, aynı zamanda sıradan ziyaretçilerin de sayfaya gelmesiyle ilişkilendirilir. Bunu önlemek için başlangıçta kullanıcıları yanıltmanıza gerek yoktur.

İtirazlarla çalışın

İtiraz, satış zincirinin ayrılmaz bir parçasıdır. Bir kişi ticari bir teklif düşünür ve bu oldukça normaldir. Ancak bir açılış sayfası durumunda, alıcı ve satıcı arasında doğrudan bir temas olmaması nedeniyle iş karmaşıklaşır. Müşterinin olası şüpheleri hakkında önceden düşünün ve onu asılsız olduklarına ikna edebileceksiniz.

Müşteriyi işlemin güvenliğine ikna etmek için aşağıdakiler kullanılır:

• 7/24 destek hizmeti.
• İade garanti süresi.
• Geri bildirim formları.
• Ücretsiz deneme süresi.

Sınırlı tedarik

Sınırlı tedarik, müşterileri çekmek için etkili ancak riskli bir yöntemdir. Daha önce, promosyonun sonuna kadar kalan süreyi gösterdiği iddia edilen iniş sayaçları yaygın olarak kullanılıyordu. Ancak şimdi giderek daha fazla girişimci onları reddediyor, çünkü bir müşteri 1-2 gün sonra satıcının sayfasına döndüğünde ve aynı sayacı gördüğünde, şirkete olan güven seviyesi sıfıra düştü.

Bu dönüşüm artırma yöntemini kullanmak için promosyon ürünleri bakiyesinin gerçek sayaçlarını kullanmak daha uygundur. Bu, potansiyel müşteriye ürünün gerçekten talep edildiğini ve sınırlı miktarlarda mevcut olduğunu gösterecektir.

Müşteri güveni

Muhtemelen her saniye netizen vicdansız satıcılarla karşılaşıyor. Bu nedenle internet kullanıcıları internetten alışveriş yaparken daha dikkatli olmaya başladılar. Bu nedenle satıcının görevi, müşteriyi güvenilirlik ve emniyet konusunda ikna etmektir.

Bunu yapmak için açılış sayfası şunları içermelidir:

• Şirket iletişim bilgileri;
• Sosyal ağlardaki topluluklara bağlantılar;
• Şirketin aldığı ödüller, sertifikalar, lisanslar;

"Açılış sayfası", "tek sayfa", açılış sayfası kelimelerini sık sık duyarız. Ve söyleneni anlıyor gibiyiz, ancak tüm özellikleri ve püf noktalarını bilmiyoruz.

Size bir açılış sayfasının ne olduğunu, yapısının, tasarımının ne olduğunu ve tek sayfalık bir sayfanın dönüşümünün nasıl artırılacağını anlatacağız. Ayrıca, bir açılış sayfasını nereden sipariş edebileceğinizi veya kendiniz oluşturabileceğinizi de öğreteceğiz.

Açılış sayfası nedir?

Tahmin edebileceğiniz gibi, bu tek sayfalık bir site - dikkat! - herhangi bir hizmet veya ürüne adanmıştır.

Normal bir sitede farklı bilgiler içeren birçok menü bölümü olabilir ("Şirket hakkında", "Haberlerimiz", "Ürünler", "Yeni öğeler", "İletişim" - site satışa yönelikse ve "Toplum" , "Ekonomi", " İlişkiler ”- konu bilgi amaçlı ise).

Açılış sayfasında bölüm yok, sadece bilgi blokları var.

Açılış sayfası ne için?

Açılış sayfası sadece ürün hakkında bilgi vermez, aynı zamanda onu satar. Herhangi bir açılış sayfasının amacı belirli bir eylemdir.

Bu, ya bir ürünün/hizmetin satışı ya da ziyaretçilerin iletişim bilgilerinin toplanmasıdır ya da

Hep birlikte - çalışmayacak, her açılış sayfasının kendi görevi var. En temel olanları ele alalım.

Mal satışı. Diyelim ki serbest çalışan bir metin yazarı oldunuz ve hizmetlerinizi İnternette tanıtmak istiyorsunuz. Tek bir hizmetiniz var - metin yazmak.

Açılış sayfasında, müşterilere neler sunabileceğinizi ve neden sizi seçmeleri gerektiğini anlatırsınız. Ürününüzü sergilemek için en iyi makalelerinize örnekler verin.

Zaten varsa, müşteri incelemelerini yayınlayın. Ve en önemlisi, müşterilerin metin sipariş edebilmesi için açılış sayfasında bir geri bildirim formu olmalıdır.

İletişim bilgilerinin veya olası satışların toplanması. potansiyel müşterilerin temasları. Onları nasıl topluyorsun? Açıkçası, insanların ilgisini çekmek için telefon numaralarını veya e-postalarını sipariş formunda bırakmaları için.

Ayrıca tek sayfalık bir sayfa oluşturuyoruz, yeni hizmet hakkında konuşuyoruz ve ana siteye bir link veriyoruz. İşte bu, müşteri gitti, trafik artıyor, siteniz gelişiyor.

Belirli bir hedef kitleyi çekmek. Açılış sayfası, sizi tanımayan ve ürününüzü satın almakla ilgilenmeyen “soğuk” müşterileri çekmek için tasarlanmıştır. Örneğin hep küçük müşteriler için yazdınız ve şimdi orta ve büyük işletmelere geçmeye karar verdiniz.

Ama hala seni bilmiyorlar! Bu nedenle, tamamen girişimcilerden oluşan bir kitleye odaklanan bir açılış sayfası yapın. Onların acılarını ve sorunlarını anlatıp bir çözüm sunuyoruz - metinleriniz.

Bu nedenle, bir açılış sayfası normal bir web sitesine bir alternatif değil, ona bir ektir. Geniş bir hizmet yelpazesine sahip birçok şirket, her biri için ayrı açılış sayfaları hazırlar.

Ana şey, en önemli kuralı hatırlamaktır: her bir sayfa belirli bir amaç için oluşturulur, bunları bir araya getiremezsiniz.

Açılış sayfasının eksileri

Avantajlarından bahsetmiştik, şimdi de açılış sayfasının dezavantajlarından bahsedelim. Dürüst olalım - oradalar.

Örneğin, bir web sitesinin aksine, bir açılış sayfası belirli bir hacimle sınırlıdır. Temel kural şudur: Daha az metin, daha fazla satış öğesi anlamına gelir.

Çok fazla bilginiz varsa, okuyucunun dikkatini dağıtmamak ve özü ona iletmemek için en önemlilerini vurgulamanız gerekecektir. Aksi takdirde, bir kişi kilometrelerce basılı karakterde kaybolacaktır.

Açılış sayfası yapısı

Açılış sayfası yapısının her öğesi, tekliften harekete geçirici mesaj düğmelerine kadar satış için uyarlanmalıdır. Müşteriyi bir satın alma veya merdiven gibi hedeflenen başka bir eylem gerçekleştirmesi için yönlendirmeniz gerekir.

Böyle bir kavram bile var - bir kişinin problemin farkında olmamasından satın alma işlemine kadar hangi aşamalardan geçtiğini gösteren Hunt merdiveni.

Aşama 1 - kayıtsızlık. Kişi henüz ürününüze ihtiyacı olduğunu anlamıyor. Grubun bağlantısını sosyal ağlarda takip etti ve ona ne sunduğunuzu bilmiyor. (veya daha basit olarak başlık) dikkatini çekecek ve düşünmesini sağlayacaktır.

Aşama 2 - farkındalık. Bu yüzden düşündü ve anladı - hmm, gerçekten bir sorun var! Sadece henüz nasıl çözüleceğini bilmiyor. Bir ürün veya hizmet hakkında bir hikaye ile ona yardım edin.

Aşama 3 - karşılaştırma. Müşteriye sorunu çözmek için çeşitli seçenekler sunulmalıdır.

Aşama 4 - seçim. Birkaç seçenek arasından bir çözüm seçer - tabii ki sizin önerdiğiniz şey. Bunu yapmak için, ürün veya hizmetinizin tüm avantajlarını açıklamanız gerekir.

Aşama 5 - satın alma. Burada her şey basit: sipariş formunda bir istek bırakmasına izin verin, iletişim bilgileri - tek kelimeyle, her şeyin düşünüldüğü hedeflenen eylemi yapar.

Müşteriyi Hunt merdiveninde yukarıya yönlendirecek olan açılış sayfası yapısının ana öğelerini adlandıralım. Şimdi tarif edeceğimiz standart bir şema var.

Ama aslında, bloklar değiştirilebilir, bazıları tamamen atlanabilir - istediğiniz gibi. Olağan yapıya uymayan, ancak başkalarına yönlendirilen tek sayfalık web sitelerinin örnekleri vardır: örneğin, benzersiz bir ürün veya harika bonuslar.

Victoria Kuchinova

Çoğu modern açılış sayfasındaki temel sorun, hepsinin karbon kopya gibi görünmesidir. Ve nerede yaratıcılık, ateş, tasarımın çılgınlığı nerede?

Bu koleksiyonda ilginç çipler ve sıra dışı efektler topladım. Bazıları Texterra'nın geliştiricileri ve web tasarımcıları tarafından yapıldı, bazıları internette bulundu. İğrenç tasarım ve düpedüz shiza örnekleri olmadan değil - makalenin sonunda, bir katil hamster ve bir kova ile bir Snow Maiden ile tanışacaksınız.

Bak, ilham al, en sevdiğin fikirleri uygulamaya koy, bunları kendi fikirlerinle karıştır ve A / B testi yapmayı unutma - bu harika açılış sayfaları oluşturmak için tek doğru tarif.

Ve en önemlisi, bir açılış sayfasının kendi kendine yeterli bir araç olmadığını unutmayın. Dönüşümler, olası satışlar ve satışlar için yüksek kaliteli trafik gereklidir. Ve kapsamlı tanıtım olmadan elde etmek zordur.

Genişletilmiş form

Genellikle tek sayfalık sayfalar, birkaç alan içeren standart bir başvuru formu kullanır. Çoğu zaman, müşterinin iletişim bilgilerini sağlaması gerekir - ad ve soyadı, posta veya telefon numarası. Ancak bazı zor alanlarda konuyu daha ayrıntılı olarak genişletmek daha iyidir. "Texter" da böyle yapıldı: dellservers.ru'da bir açılış sayfası şeklinde, bir istemci bir modül, parametreler ve sunucu görevleri seçebilir. Bir şeyler ters giderse değerleri sıfırlayabilir.

Bu ne için? Açılış sayfasının sahibi, formda yalnızca iki veya üç alan olsa bile olası satışlarını yine de alacaktır. Ancak müşteri daha derine inmekle ilgilenecektir. Sadece sipariş vermekle kalmayın, kendi seçeneğinizi kendiniz seçin.

İki CTA düğmesi

wunderlist.com/ru adresindeki görev planlayıcı açılış sayfasında birbirini güçlendiren iki eylem çağrısı vardır: "Ücretsiz bir hesap oluşturun" ve "Wunderlist'i İndirin". Kullanıcılar her iki bağlantıyı da tıklar, dönüşümler artar ve açılış sayfası işini mükemmel bir şekilde yapar.

Belirli rakamlar (sonuçlar)

Bu yeni değil, ama yine de işe yarıyor. Müşterilerinize neyi başardığınızı rakamlarla gösterin: bu, "biz en iyisiyiz", "yüzlerce tamamlanmış projemiz var" vb. soyut ifadelerden daha açıktır. Smartprogress.do açılış sayfasına bakın: kaç kişinin projeye katıldığını, kaç hedef belirlediklerini, kaç başarıyı tamamladıklarını hemen görebilirsiniz.

Kişiselleştirme

Yüzsüz şablon açılış sayfaları - brr, daha sıkıcı ne olabilir! Tek sayfalık sayfanızı canlandırın, ateş ekleyin, potansiyel müşterinizin ilgisini çekin. Örneğin, Texterra'nın web sitesi oluşturma hizmetleri sayfasında, doğrudan buna dahil olan çalışanların fotoğrafları var. Bir ziyaretçi girer ve görür: aha, kaynağım soyut geliştiriciler tarafından değil, oldukça canlı Svyatoslav, Polina, Artem ve diğerleri tarafından işgal edilecek.

Uygun yanıt formu

Birçok açılış sayfası ve sitede yalnızca bir form aracılığıyla soru sorabilirsiniz. Bu, adınızı ve soyadınızı belirtmeniz, telefon numaranızı ve e-posta adresinizi bırakmanız gerektiği anlamına gelir. Bazen captcha'lar ve kodlar girmeniz gerekir - korku! Bunun yol almak için yapıldığı açıktır. Ancak başka bir seçenek daha var - "Cerebro Target" açılış sayfasında olduğu gibi. VKontakte'ye kayıtlıysanız, hiçbir şey doldurmanıza gerek yoktur - sadece alın ve yazın. Hem müşteri rahat hem de mal sahibi iyi - temas kaldı, çalışmaya devam edebilirsiniz.

Musteri degerlendirmeleri

Müşterilerden izlenimlerini paylaşmalarını ve alınan metinleri açılış sayfasında yayınlamalarını isteyebilirsiniz. Ancak dikkat çeken şey, ziyaretçinin hiçbir şekilde kontrol etmeyecek olmasıdır - bunlar gerçek incelemeler veya sahte incelemelerdir. Daha ileri gitmek ve ziyaretçileri buna ikna etmek daha iyidir. Texterra tarafından geliştirilen huskypark.info açılış sayfası, Instagram'dan gelen müşterilerin sözlerini hesaplarına bağlantılar ile listeler. Her şey yolunda - git ve gör.

Sonuçların gösterilmesi

3D grafikler ve artırılmış gerçeklik

Qubi uygulaması için oluşturulan açılış sayfası. Bu, 3 yaşından büyük çocuklar ve yetişkinler için bir oyundur. Oyunun özü basittir. İlk adımda, kullanıcı önerilen şemaya göre gerçek bir kağıt, karton veya tahta küp yapıştırır.

Ardından uygulamayı yükler, akıllı telefonunda açar ve cihazın kamerası aracılığıyla kübe "bakar".

Bir akıllı telefon veya tabletin ekranında küp hayat buluyor. Kullanıcı, "Yılanlar", "2048", "Labirent" in üç boyutlu bir versiyonunu oynar. Bu durumda oyunu gerçek bir küp kullanarak kontrol etmeniz gerekiyor. Küpü iki elinizle çalıştırmak için, kendiniz monte edebileceğiniz özel bir akıllı telefon standı kullanmanız gerekir.

Küpün üç boyutlu modeli resimde (gif) görülebilir.

Müşteri ne istedi

Müşteri bizden oyunun özelliğini vurgulayan bir açılış sayfası yapmamızı istedi: üç boyutlu artırılmış gerçeklik kullanımı. Özellikle, aktif kenarı ziyaretçinin cihazının ekranında yazılı olan üç boyutlu bir küpün hareketli kenarlarının etkisini görmek istedi.

Ne yaptık

CSS3 3B dönüşümlerini kullanarak 3B uyguladık. Küp yüzleri arasındaki geçişler, sürükle ve dokun olay izleme ile saf JavaScript kullanılarak yapılır. Ekranlar arasındaki olağandışı geçişler sayesinde, kullanıcı ekranın üç boyutlu olduğu hissine sahip olur. Bu, özellikle açılış sayfasının çalışan sürümü için geçerlidir.

Açılış sayfasının son hali için küpün daha gerçekçi bir versiyonunu yaptık. Çalışan versiyonun aksine, sonuncusunda küpün dönüşü içeriden değil dışarıdan gerçekleşir. Üç boyutlu deneyim, başlık animasyonları ile geliştirilmiştir.

Açılış sayfası tamamen duyarlı.

İç mekan ve mobilya renklerinin etkileşimli seçimi

"DSK.Color" açılış sayfasının özgünlüğü, etkileşimli bir palet kullanarak mobilya ve iç eşyaların rengini bağımsız olarak seçme yeteneğidir.

DSK.Color şirketi her yüzeyi farklı renklerde boyar. Mobilya, ev aletleri, bisiklet, müzik aletleri ve diğer eşyaların boyanmasını sipariş edebilirsiniz. Müşteri herhangi bir rengi seçebilir.

En çok talep edilen hizmet ise mobilya ve iç eşyaların boyanmasıdır. Müşterinin işinin yaklaşık %80'ini oluşturur.

Müşteri ne istedi

Müşteri, "etraftaki her şeyi boyamak için bir çağrı ile" parlak ve akılda kalıcı bir açılış sayfası yapmasını istedi. Ziyaretçinin "boyanmış nesneyi farklı açılardan büküp görebilmesi" için mobilyaların 3D görüntülerini yapma fikirleri vardı.

Ne yaptık

Müşteriye bir fikir sunduk: ziyaretçiye mobilya ve iç eşyaların rengini bağımsız olarak seçme fırsatı vermek.

Bunu yapmak için, açılış sayfası, ziyaretçinin tıklamayla açılan bir palet kullanarak ana nesneleri boyayabileceği bir odanın görüntüsünü sundu. Kullanıcı, seçilen renklere ve nesnelere göre hizmetlerin maliyetini hesaplayabilir. İlk prototip böyle görünüyordu.

Müşteri fikri gerçekten beğendi, bu yüzden açılış sayfasının çalışan bir prototipini yaptık. Üzerinde, ana kısım zaten böyle görünüyordu.

Müşteri ile masa, sandalye, kapı ve mutfak takımını boyama imkanını bırakma konusunda anlaştık. Bunlar, şirketin boyadığı ana öğelerdir.

Prototip üzerinde anlaştıktan sonra tasarımcı ve mizanpaj tasarımcısı çalışmaya katıldı. İlki, tüm öğeleri svg'de boyadı (bu bir grafik formatıdır). İkincisi, svg alanlarına bir renk paleti yerleştirdi ve ekledi. Bundan sonra, kalıcı bir pencere uyguladık. Kullanıcı, onun yardımıyla renkleri ve nesneleri iki kez kontrol edebilir ve hizmet için bir istek gönderebilir.

Süslü ve yaygın ön yükleyiciler

Bir ön yükleyici veya döndürücü kullanarak herhangi bir açılış sayfasını daha kullanışlı ve görsel olarak çekici hale getirebilirsiniz. Bu bölümde, ön yükleyiciler hakkında konuşacağız ve Texterra uzmanları tarafından oluşturulan bu öğelerin örneklerine bakacağız.

Ön yükleyici nedir ve hangi görevleri çözer?

Önyükleyici veya döndürücü, sayfa yüklenmeden önce ekranda görünen bir işarettir. İnterneti kullandığınızda bu öğeleri her gün görürsünüz. Aşağıda bir ön yükleyici örneği verilmiştir.

Ön yükleyici pratik bir sorunu çözer: kullanıcıya sayfanın yüklenmekte olduğunu bildirir ve ayrıca görsel olarak çekici olmayan yükleme resminin yerini alır. Bunun açıklığa kavuşturulması gerekiyor.

Tarayıcıların teknik özellikleri nedeniyle, web sitesi sayfaları düzensiz yüklenir. Yükleme sırasında düzen "yüzebilir". Sayfa bir saniye değil, birkaç saniye yüklenirse, kullanıcı bir süre için çekici olmayan bir resim gözlemler.

Ön yükleyiciler, standart ön uç geliştirme araçları kullanılarak uygulanır: HTML, CSS, JavaScript ve ek kitaplıklar ve çerçeveler, örneğin jQuery, React.

Ön yükleyicileri kullanarak açılış sayfalarını nasıl iyileştiriyoruz?

Animasyonlu olanlar da dahil olmak üzere benzersiz ön yükleyiciler oluşturuyoruz. İşte çalışmalarımızdan bazıları.

• Kubi

Qubi açılış sayfası için gezinme menüsünü tekrarlayan bir ön yükleyici yaptık. Bu, kullanıcının sayfanın yüklenmeden önce nasıl değiştirildiğini anlamasını sağlar.

• Levellen

Levellen Interiors web sitesinde şirket logosu şeklinde bir ön yükleyici kullandık. Bu, site markasının ek bir unsurudur.

Açılış sayfası, iş merkezindeki bina kiralama hakkında bilgi sağlar. Açılış sayfasının ana sırrı "Ofisler" bölümündedir. Burada kullanıcı, binanın her katında ücretsiz ofislerin olup olmadığını görebilir.

Boş bir ofisin üzerine geldiğinizde "Ayrıntılar" düğmesi açılır.

Butona tıklamak, kullanıcıyı ofis ve fotoğrafları hakkında bilgi içeren bir sayfaya yönlendirir. Bu sayfadan oda kiralama talebinizi bırakabilirsiniz.

Uygulama özellikleri

Tasarımcımız ofis alanının şekillerini çizdi, çizimler svg formatında yapıldı. Bu çizimler kat planları üzerine bindirilmiştir. Kontrol panelindeki site yöneticisi ofisin ücretsiz olduğunu belirttiğinde, script, plandaki resmin gösterilmesini ve bilgi ve sipariş formu ile sayfaya gitme özelliğini içerir. Yönetici ofisin meşgul olduğunu not ettiğinde, script, figürün plandaki görüntüsünü kapatır.

gerçek tasarım

Bu örnekte, karmaşık teknik numaralar ve tasarım efektleri yoktur - tüm açılış sayfası güzel bir resim gösterir: arka plan, renkler, Astrakhan havyarının ağız sulandıran fotoğrafları. Bir sayfa astrahancaviar.ru Tasarımcı sayesinde bir ürünü nasıl satın almak istediğinize güzel bir örnek. Ve hemen yiyin!

Son olarak, ağrılı noktada - birkaç korkunç açılış sayfası örneği. Bunun aksine, yüz avuç içi, güçsüz ıstırap ve tüm bunlar için. Onlarda neyin yanlış olduğunu açıklamayacağım - bu sorunları kendi başınıza çözmenizi öneririm. Ita-a-ak...