Əsas səhifə (və ya ana səhifə) dizaynı, ziyarətçilərin sayta ilk daxil olduqları zaman gördükləri veb-saytın ilk səhifəsinin vizual və struktur dizaynıdır. Əsas səhifə sayt haqqında ilk təəssürat yaratmaqda əsas rol oynayır və ziyarətçilərə lazım olan məlumatı tapmağa və ya resursda daha da irəli getməyə kömək edir.
1. Shopify Əsas Səhifə Dizaynı
Bu yazıdakı bir çox digər açılış səhifələri kimi, nümunə açılış səhifəsi Shopify sadələşdirir. Məsələn, istifadəçi yönümlü başlıq sadəcə bir neçə sözdən ibarətdir və səhifə sınağın təfərrüatlarını və faydalarını çatdırmaq üçün paraqraflardan çox sadə güllələrə əsaslanır. Başlamazdan əvvəl doldurulmalı olan yalnız bir neçə sahə var. Bütün bunlar alətinizdən istifadə edərək onlayn satışınızı asanlaşdırır.
2. Muzzle Əsas Səhifə Dizaynı
Açılış səhifələri istifadəçilərə məhsul və ya xidmətinizin dəyərli vaxt və enerjiyə dəyər olub olmadığına qərar verməyə kömək edir. Tətbiqinizin həll etdiyi problemlə ziyarətçilərinizi uyğunlaşdırmaqdansa, dəyər təklifinizi aydın və birbaşa çatdırmağın daha yaxşı yolu nədir?
Instagram şərhləri daha çox olur
ŞaşdırmaqEkrandakı bildirişləri susduran Mac proqramı bunu tamamilə əhatə edir demədən göstərmək onların minimal açılış səhifəsində mentalitet. Bu səhifənin ziyarətçiləri ekranın yuxarı sol küncündə yöndəmsiz bildirişlərin sürətli atəşi ilə qarşılanır. Animasiya təkcə əyləncəli deyil, həm də uzun təsvirlər olmadan tətbiqin faydalılığını inandırıcı şəkildə çatdırır.
3. TransferWise Əsas Səhifə Dizaynı
TransferWise birdən çox valyutada pul göndərməyə və qəbul etməyə imkan verir və onun aşağıda göstərilən açılış səhifəsi sizə aid olmayan variantlardan yayınmamağınız üçün hər bir fərdi hərəkəti parçalayır.
Pul göndərmək istəyirsinizsə, köçürmə formasını doldura bilərsiniz. Pul almaq üçün sadəcə orta tab-a keçin və debet kartınızdan istifadə edərək TransferWise-da qeydiyyatdan keçmək üçün ən sağdakı nişana keçin.
Bu açılış səhifəsindəki hər bir nişan özünü yaradır hərəkətə çağırmaq nə üçün qeydiyyatdan keçdiyinizdən asılı olaraq - hər biri üç mümkün başlanğıc nöqtəsindən sonra növbəti addımınızı vurğulamaq üçün parlaq yaşıl çərçivəyə malikdir.
4. Airbnb Əsas Səhifə Dizaynı
Ziyarətçiləri hostlara çevirməyə kömək etmək üçün, Airbnb bəzi cazibədar fərdiləşdirmə təklif edir: yerləşdiyiniz yerə əsaslanan orta qazancın təxmini təxmini. Siz daha da fərdiləşdirilmiş qiymətləndirmə əldə etmək üçün sahələrə potensial yerləşdirməniz haqqında əlavə məlumat daxil edə bilərsiniz.
Əgər siz artıq əmin olduğunuz bir səhifəyə daxil olmusunuzsa, səhifənin yuxarısındakı aydın fəaliyyətə çağırış, onu yerindəcə çevirməyi asanlaşdırır.
5.Teambit
qəribə HR proqramı dedikdə ağlınıza gələn ilk söz deyil, Teambit-in vizual açılış səhifəsi məhz budur. Bir sahə ilə sadə forma heyvan personajları ilə dolu sitayişə layiq ofis ilə müşayiət olunur - hamısı çox Əgər maraqlanırsınızsa, Teambit-dən məmnunam. Açılış səhifəsinin hər bir məlumat bölməsinin yanında cizgi filmi heyvanı görünür və ziyarətçiləri daha çox öyrənmək üçün aşağı sürüşdürməyə vadar edir. Əsas səhifə dizaynı
Açılış səhifə Komanda gülməli açılış səhifəsi yaratmaq üçün “əyləncəli” məhsul və ya xidmətə ehtiyacınız olmadığına böyük sübutdur.
6. Wistia Əsas Səhifə Dizaynı
Əvvəla, bu açılış səhifəsidir Wistia pulsuz Wistia hesabı üçün. Dərhal hesab yaratmaq üçün bir sahə ilə formanı görürsünüz - minimal dizaynlı mavi fon parlaq ağ forma sahəsi ilə gözəl kontrast yaradır.
Görkəmli yerləşdirmə ilə birləşən forma sahəsinin uzunluğu hesab yaratarkən demək olar ki, bütün sürtünmələri aradan qaldırır... lakin şübhəniz varsa, tez-tez verilən sualları oxumaq üçün həmişə aşağıya keçə bilərsiniz. İkisini güclü rəng kontrastı ilə ayıraraq, Wistia dönüşüm prosesini çox asanlaşdırır.
7. Veb axını. Əsas səhifə dizaynı
Veb axını, veb tərtibatçıları üçün dizayn aləti, bir çox məlumatı GIF və üç forma sahəsinə yığır. Bütün qeydiyyat formasının bir sətirdə olması gözəl olardı - bu, nəinki səhifəni qısaldır, həm də hər bir sahəni soldan sağa doldurmaqla istifadəçilərə dördüncü mavi düyməni sıxmağa və pulsuz işə başlamağa nə qədər yaxın olduqlarını göstərir.
Formanın altındakı animasiyalı GIF vebsaytda eyni çərçivədə göstərilir ki, istifadəçilər məhsulun necə işlədiyini görə bilsinlər. и sürüşmədən və ya yeni səhifəyə keçmədən qeydiyyatdan keçin.
E-kitabın ana səhifəsinin dizaynı
8. Nauto Əsas Səhifə Dizaynı
Nauto, özünü idarə edən avtomobil məlumat platforması avtonom idarəetməni parkları idarə edən şirkətlər üçün daha təhlükəsiz etməyə kömək edir. Təbii ki, onun müştəriləri bu platformada satmaq üçün bütün məlumatlara ehtiyac duyacaqlar. Nauto çox sadədir e-kitab, kimin açılış səhifəsi sizə qısa əlaqə forması və bu resursun niyə bu qədər vacib olduğunu sübut etmək üçün statistik məlumat verir.
Yaşıl "İndi Yüklə" düyməsi hətta məqsədyönlü ola bilər (yaşıl hər şeydən sonra "getmək" deməkdir).
Aşağı diyirləyin və istifadəçilərə mağazada nə olduğunu xatırlatmaq üçün başqa bir "Elektron kitab əldə et" CTA-nı görəcəksiniz. Siz həmçinin istifadəçiləri daha çox öyrənməyə təşviq etmək üçün üç sarsıdıcı avtomobil qəzası statistikası görəcəksiniz. Aşağıda yoxlayın.
9. Sənaye Güclü Marketinq Əsas Səhifə Dizaynı
Bu açılış səhifəsi məni dərhal qarşısıalınmaz, kəskin başlığı ilə cəlb edir: “Məni böyütmə”. Bu, bilavasitə çoxumuzun telefon və ya planşetlərimizi vərəqlədiyimiz zaman əldə etdiyi ümumi təcrübədən danışır - və bu da bir az küsdür.
Amma bu açılış səhifəsi ilə maraqlandığım tək şey bu deyil. Qırmızı rəngin strateji olaraq formanın yuxarı və aşağı hissəsində necə yerləşdirildiyinə diqqət yetirin və sizi çevrilmə hadisəsinə daha da yaxınlaşdırır.
Həmçinin, bu dizayn yükləmək üçün metadır: o, görünür və əla işləyir mobil qurğular. Nəzərə alın ki, bir çox ziyarətçi öz smartfon və ya planşetlərində açılış səhifələrinizə daxil olacaq və əgər veb saytınızın dizaynı onlara yaraşmır, imtina edib səhifənizi tərk edə bilərlər.
Industrial Strength Marketing mütəxəssisləri sahəyə çıxdı şriftlər və kifayət qədər böyük formalar var ki, ziyarətçilər, məsələn, oxumaq və məzmunla qarşılıqlı əlaqədə olmaq üçün böyütmək məcburiyyətində deyillər.
10. Velaro Canlı Söhbət
Bəzən ən kiçik detallar ən böyük fərqi yaradır. Məsələn, açılış səhifəsini edənlərdir Velaro Canlı Söhbət heyrətamiz.
Element şəklinin üstündəki kiçik PDF simvolu yükləmənin hansı formatda olacağını müəyyən etməyə kömək edir. Alt başlığın qarşısındakı ox ziyarətçilərin oxumaq istədiyi vacib nüsxəni daha da vurğulamağa kömək edir. IMPACT kimi, onlar da avtomatik olaraq yoxlanılan onay qutusuna malikdirlər abunəliklər öz formasında bülletenə - bu əlavə qeyd qutusuna çevrilərsə, abunəçi sayını artırmaq üçün əla bir yoldur. Bütün bu kiçik, əhəmiyyətsiz görünən detallar möhkəm, heyrətamiz açılış səhifəsi dizaynını əlavə etməyə kömək edir. Əsas səhifə dizaynı
11. IMPACT Brendinq və dizayn / Əsas səhifə dizaynı
Ev IMPACT uzun müddətdir ki, dizaynerlər üçün ilham mənbəyi olmuşdur. Böyük başlıq nüsxəsi və təfərrüatlı təsvirdən tutmuş formanı əhatə edən konturdan, gözə çox xoş gələn rənglərə və şriftlərə qədər sadə səhifə tərtibatını sevirəm.
Burada yükləmə üçün təklif olunan pulsuz dərslik IMPACT həm də doldurulmuş formanı təqdim etməyə imkan verən mavi düymədə yükləmənin özünü vurğulamır. Əksinə, IMPACT bələdçini oxumaqla əldə edə biləcəyiniz şeylərə diqqət yetirməklə sizi “daha çox dönüşüm yaratmağa” dəvət edir.
Daha çox öyrənmək üçün açılış səhifələri
12. Çıxarın
Təəccüblü deyil ki Unbounce bu siyahının başındadır - onlar həqiqətən yüksək konvertasiyalı açılış səhifələrinin yaradılması haqqında kitab yazmışlar. Bu açılış səhifəsi ilə bağlı çoxlu heyrətamiz şeylər olsa da, mənim çox xoşuma gələn iki şey bunlardır: 1) klassik forma əvəzinə söhbət qutusunun istifadəsi və 2) forma/evin altındakı ətraflı, lakin yaxşı paketlənmiş məlumat Səhifə dizaynı
Birincisi, diqqəti səhifənin məqsədinə yönəltməyə kömək edir - sizin üçün formanı doldurmağınız üçün - gözə dəyməyən və iş kimi hiss etməyən bir şəkildə. İkincisi, həmin səhifəyə SEO təkan verir (axtarış motorları tarama üçün daha çox məzmuna malik olacaq) və insanların söhbət pəncərəsindən diqqətini yayındırmadan, məlumatlarını təqdim etməzdən əvvəl məzmunun bir hissəsi haqqında daha çox məlumat əldə etməli olan insanların narahatlığını aradan qaldırır.
13. Bills.com. Əsas səhifə dizaynı
İnsanlar tez-tez açılış səhifələrini veb saytınızdakı statik səhifələr kimi düşünürlər. Lakin düzgün alətlərlə siz onları interaktiv və fərdiləşdirə bilərsiniz.
ilə aşağıdakı nümunəni götürün Bills.com. Onların məsləhətindən faydalanıb-yaramayacağınızı öyrənmək üçün forma sizə göstərilməzdən əvvəl üç suala cavab verin. Bununla başlayır:
Sonra aşağıdakı kimi daha iki suala cavab verirsiniz:
Və burada məlumatlarınızı doldurduğunuz son açılış səhifəsi forması:
Alqoritmin necə işlədiyindən əmin deyiləm (və ya ümumiyyətlə varsa), amma onu doldurarkən bir az narahat idim. heç bir kvalifikasiyalar. Nə etdiyimi biləndən sonra formanı doldurmaq üçün həyəcanlandım, əminəm ki, borcu olan və bu alətdən istifadə edən insanların çoxu bunu edir. Forma açılış səhifəsində görünməzdən əvvəl bu təklifi daha eksklüziv etməklə, əminəm ki, Bills.com əhəmiyyətli dərəcədə artan çevrilmə.
14. Trulia Əsas Səhifə Dizaynı
Trulia açılış səhifəsi ilə Bills.com-a çox oxşar bir şey etdi. Bu, "ünvan" tələb edən sadə bir forma ilə başlayır (bu, "ünvanınız"dan daha az qorxunc səslənir, baxmayaraq ki, onlar bunu nəzərdə tuturlar). Bu sadə forma sahəsinin altında formanın arxasındakı xarakter şəkli ilə yaxşı ziddiyyət təşkil edən və təxminin evinizə fərdiləşdiriləcəyini vurğulayan parlaq narıncı düymə var.
Təbii ki, evin dəyərini qiymətləndirmək üçün ünvanın özü kifayət etmir. Sadəcə olaraq evin ətrafını ifadə edir. Buna görə də növbəti səhifədə çarpayıların və hamamların sayı kimi əmlakın özü ilə bağlı əlavə suallar yer alır. Aşağıda "Hesabatı Hara Göndərəcəyimizi Bizə Deyin" nüsxəsini görə bilərsiniz - bu məlumatı daxil etməklə siz daşınmaz əmlak agenti ilə əlaqə saxlamağa razılaşırsınız. Bu, bir şirkətin əvvəldən ziyarətçilərinə necə dəyər verdiyinə, eyni zamanda ziyarətçilərin nəticədə nə olacağına dair gözləntilərini təyin etməsinə gözəl bir nümunədir.
15. Landbot Əsas Səhifə Dizaynı
Landbot, chatbot əsaslı açılış səhifələri yaradan xidmət, öz məhsulunu söhbətə əsaslanan açılış səhifəsinin mərkəzinə yerləşdirir. Ziyarətçiləri emojilər və GIF-lərlə dolu mehriban bir bot qarşılayır, bu da onları ənənəvi formada deyil, danışıq formatında məlumat verməyə təşviq edir.
16. Webprofits
Bir az kontrast üçün... uzun açılış səhifələri haqqında nə demək olar? Cəmi bir neçə hiylə ilə hətta ən uzun açılış səhifəsini belə qısa göstərə bilərsiniz. Aşağıdakı Webprofits açılış səhifəsi bunun necə ediləcəyini göstərir. Əsas səhifə dizaynı
Daha çox məlumat əldə etmək üçün yuxarı sağda görkəmli CTA düyməsi var - onu fərqləndirmək üçün fonda yaxşı kontrast və sürüşməyə təşviq etmək üçün aşağı ox. Forma sahəsini önə qoymamaqla, onlar sürtünməni azaltmağa kömək edir və ziyarətçilərə dönüşüm seçimi təqdim edilməmişdən əvvəl daha çox məlumat əldə etmək imkanı verir.
Onlar həm də əslində nə olduğunu başa düşməyə imkan verir dələduz Veb mənfəət . Səhifənin qalan hissəsində məlumatlarınızı təqdim etdiyiniz zaman nə alacağınıza dair təfərrüatlar verilir. Üstəlik, o, “Gəlin Danışaq” kimi formanı doldurmaq üçün yuxarıya qayıtmağınıza kömək edəcək strateji CTA-ları ehtiva edir.
17. H.BLOOM
Bəzən sadəcə dayanıb açılış səhifəsinin nə qədər gözəl olduğuna heyran olmaq lazımdır. Açılış səhifəsində yüksək rezolyusiyaya malik fotoşəkil və çoxlu ağ boşluqdan istifadə edərkən H.BLOOM baxmaq xoşdur.
Gözəlliyindən əlavə, səhifədə bir neçə əla çevrilmə elementləri var: yuxarı forma, formanı doldurduğunuz zaman baş verəcəklərin aydın və qısa təsviri və hətta parlaq narıncı rəngli “Göndər” düyməsi. Dəyişəcəyimiz tək şey? Təqdim et düyməsinin üzərinə kopyalayın - Bu, təklif olunan təklifə daha spesifik ola bilər. Əsas səhifə dizaynı
18. Conversionlab
Açılış səhifələri haqqında yazıya nümunə forma postunu daxil etməsəm də, bu sayt xüsusidir. Əsas səhifə bütün saytdır - naviqasiya bağlantıları sizi sadəcə olaraq aşağıdakı məlumatlara aparacaq. Əsas səhifə dizaynı
“Açılış Səhifələrində Yardım Alın” düyməsini kliklədiyiniz zaman bütün sayt forma üçün yer açmaq üçün hərəkət edir. Klikləməmişdən əvvəl belə görünür:
Və həmin CTA-nı kliklədiyiniz zaman formanın necə göründüyünü yoxlayın:
İstəyirəm ki, formanı doldurmaq üçün səhifəni tərk etmək lazım deyil, lakin forma təsadüfi sayt ziyarətçiləri üçün müdaxilə etməyəcək.
İdeyalar/Ana Səhifə Dizaynı
Yaxşı optimallaşdırılmış ana səhifə ziyarətçiləri daha yaxşı başa düşməyə, bazara çıxarmağa və onları sevindirməyə kömək edəcək məlumatları əldə etməklə müştəriləri aparıcılara çevirə bilər. Açılış səhifələri dönüşüm üçün kritik olduğundan, onların yaxşı planlaşdırıldığına, dizayn edildiyinə və icra edildiyinə əmin olmaq vacibdir. Yaradarkən nəzərə alınmalı bir neçə şey var. hədəflənmişdir səhifələr:Cəlbedici estetika: Yalnız açılış səhifənizin rəngi və təmiz istifadəçi interfeysi kömək edə bilər. Ziyarətçilər məhsullarınız haqqında daha çox öyrənmək və təklif etdiyiniz dəyərin sübutlarını görmək istəyəcəklər. Möhtəşəm veb səhifənin gözəl nümunəsi üçün siyahımızda №10-a nəzər salın, Gələn Emosiya.
Daha azdır: Cümlə və ya şəkillərin çoxunu danışmasına icazə verin, lakin açılış səhifənizi aydın və cəlbedici etmək üçün hər hansı və bütün təsviri başlıqları və dəstəkləyici mətnləri daxil etməyinizə əmin olun. Bu, səhifədəki demək olar ki, hər bir komponentə aiddir: boşluq, sadə surət və daha qısa formalar.
Əsas səhifə dizaynı
Ziyarətçiləri Səhifədə saxlayın: Əsas naviqasiyanı və ya hər hansı diqqəti yayındıran geri bağlantıları silməklə, ziyarətçilərin səhifənizi tərk etməsinə səbəb ola biləcək bir növ aparıcı nəsil sürtünmə ehtimalı azdır.
Sosial şəbəkələrdə paylaşma. Açılış səhifənizə ziyarətçiləri cəlb etməyin asan yolu, paylaşma düymələrindən istifadə etməkdirsosial şəbəkələr, beləliklə, məzmununuzu sosial media izləyicilərinə paylaya bilərlər. Axı, müştərilər sizin marketinq çarxınızın mərkəzidir.
A/B testi: Açılış səhifələrinin düzgün işləməsi vacibdir və istehlakçı psixologiyası bəzən təəccüblü ola bildiyindən hansının ən yüksək dönüşüm nisbətinə (CVR) malik olduğunu görmək üçün səhifələrinizin müxtəlif versiyaları ilə sınaqdan keçirmək həmişə yaxşıdır. Təklifin yerini, CTA növlərini və ya hətta rəng sxemini yoxlayın.
Fəaliyyətə Çağrı: Ətin açılış səhifəsində olduğu CTA və ya təmasda olmaq perspektivinin dönüş nöqtəsi. CTA-lar ziyarətçilərdən abunə olmağı, yükləməyi, formanı doldurmağı və paylaşmağı xahiş edə bilər sosial şəbəkələr və s., lakin ümumiyyətlə, CTA-lar auditoriyanızı təklifinizlə daha aktiv şəkildə cəlb etmək üçün lazımdır. Liderlər yaratmaq üçün CTA-lar cəsarətli və cəlbedici olmalıdır, lakin ən əsası, dəyəri effektiv şəkildə çatdırmalıdırlar.
Şərh yaz