Landing stranice su brzo ušle u svijet internet marketinga, potiskujući uobičajene stranice. Ako su se ranije koristile samo 2 vrste odredišnih stranica - jednostrane i višestrane, sada odredišne podvrste rastu kao gljive nakon kiše. Pogledajmo TOP 15 tipova jednostraničnih stranica sa primjerima kako bismo bolje razumjeli sa čime danas možete raditi.
Landing "O nama"
Započnimo hit paradu sletanjem "O nama". Slažem se, mnogo je bolje: umjesto dosadnog teksta iz nekoliko pasusa u odgovarajućem odjeljku web-mjesta, napravite punopravnu odredišnu stranicu. To je poput pasoša u prekrasnoj korici - reći će vam o glavnim prednostima/zadacima/cijenama i privući pažnju.
Ispod je primjer wiki odredišne stranice koja reklamira školu fudbala. Ovdje se nalaze tipični blokovi na jednoj stranici - “O nama”, pogodnosti, recenzije. I sve to vam omogućava da napravite funkcionalnost vk. Inače, Petr Panda je bio jedan od prvih copywritera u Runetu koji je počeo pisati tekstove za Vkontakte odredišne stranice.
Slijetanje na glavnu stranicu
Ovo je još jedan lider među odredišnim stranicama. Na glavnu stranicu morate staviti dosta podataka - kratak opis, mini katalog ili opis nekoliko proizvoda, pogodnosti, možda čak i cijene, kontakte, widgete. Kako se čitalac ne bi umorio od ovog niza informacija, potrebno je da usvojite interaktivnost odredišnih stranica.
Primjer ispod je odredišna stranica koju će čak i djeca voljeti. Stoga ulijeva povjerenje kod roditelja, koji će platiti predstavu. Osim jarkih boja i fotografija vesele djece, postoji nekoliko vrsta scenarija, video recenzija itd. Ostatak pododjeljaka („Saznajte više“, koji opisuje vrste emisija, cijene itd.) više se ne mogu izvoditi u obliku odredišne stranice.
I još jedan primjer
Landing Games
Takve stranice neće imati katalog, opise pluseva marke ili kontakt blok. Stvoreni su za indirektno oglašavanje ili samo radi prepoznatljivosti brenda. Cool flash igre će sigurno ostati u sjećanju korisnika. Ako želite povećati kredibilitet proizvoda ili zagrijati ciljnu publiku, obratite pažnju.
Na primjer, igra "Eat the Bomb", ne opterećuje posebno korisnika i stvara ovisnost. Osim toga, ovo je nenametljiv reklamni trik od strane The FWA.
Originalne stranice "404 nije pronađeno".
Ne samo da se korisne informacije mogu kreativno uokviriti. Čak i stranica 404 može biti dizajnirana kao jedna stranica. Ako je korisnik na vašoj web stranici otišao na pogrešnu stranicu, lijepa, smiješna ili čak razigrana stranica će ga definitivno natjerati da nastavi surfati po stranici.
Ponudite korisniku linkove na druge dijelove stranice. Stoga je veća vjerovatnoća da neće zatvoriti stranicu. Primjeri u nastavku pokazuju ne samo sjajnu grafiku, već i mogućnost odlaska na početnu stranicu ili druge stranice stranice jednim klikom. Sitnica, naravno, ali uspjeh se sastoji i od sitnica!
Slijetanja - Događaji
Ako želite da ciljna publika zna za događaj, napravite odredišnu stranicu. , program događaja itd. izgleda veoma dosadno ako je napravljeno od čvrstog platna, a čak ni liste sa nabrajanjem neće pomoći da se pažnja čitaoca zadrži do kraja.
Moći ćete potaknuti interesovanje iz bloka u blok bez gubitka čitača, prikazati program, zvučnike u obliku praktičnih blokova, naglašavajući prednosti ikonama. A "šlag na tortu" biće video recenzije, fotografije sa prethodnih događaja sa animiranim prelazima i druge multimedijalne tehnike. I ne zaboravite na okidače - popust za registraciju prije određenog datuma ili za upućivanje prijatelja neće biti suvišan.
Ispod je primjer dugačke odredišne stranice koja daje puno koncentrisanih informacija, tako da ne izgubite svoju ciljnu publiku i ona dospiju do samog kraja teksta.
Postoji mnogo više podtipova landinga, na primjer, jednostrani bez strukture ili sa auto-tokom, ali gore su najčešće korišteni. Ako možete bilo koju stranicu web stranice pretvoriti u odredišnu stranicu ili zamijeniti web resurs sa jednim stranicama, slobodno to učinite, jer web korisnike više ne može iznenaditi tekst sa zgodnom strukturom, dajte im moderan dizajn , animacija i atraktivni okidači 🙂
Pridjev "prodajni" sada se koristi u svim marketinškim alatima.
I područje web razvoja nije izuzetak, tu također stalno viđamo upečatljive fraze u stilu "prodaja web-lokacije" ili "prodaja slijetanja".
Ali ako trezveno procijenimo ideologiju kreiranja kvalitetne landing stranice, tada ćemo vidjeti da je riječ „prodaja“ skup marketinških znanja na jednoj platformi.
Koji su od njih važni, a koji su prašina u očima, reći ću u ovom materijalu.
Umoran od laganja
Često mi kolege, nakon još jednog razgovora sa klijentom na servisu, kažu ogorčenu frazu: „Nikita, umorni smo od svađe s njima. Možemo li da radimo šta oni žele?”.
Stvar je u tome da za jednostavnog laika dobro prizemljenje = puno čipova. A ako na stranici nema originalnih rješenja, onda je stranica automatski loša i ne prodaje se.
Sve! Kuvano. Postavimo sve tačke (govorim sanjivim glasom). Jednom za svagda ćemo definisati šta je pravi prodajni jednostrani sajt, a kako izgleda glupost, koja od ovoga ima samo ime.
Biće i zanimljivo i dosadno, ali svakako korisno. Počnimo sa kratkim opisom ovog pojma.
Selling Landing je vizuelno dizajniran prototip napravljen na bazi marketinga, copywritinga, prodaje i psihologije, sa jednim ciljem i za određenu ciljnu publiku na nivou njihove svijesti.
Svaka riječ iznad nosi ogromnu količinu detalja, a to nisu čipovi o kojima volite govoriti.
To su duboke ideje koje se obično zanemaruju tokom treninga zbog njihove tuposti i nedostatka „vau efekta“.
Ali mi ćemo, kao pedantni profesori, analizirati svaki dio prodavca posebno.
Pripremni dio
Htio bih odmah napisati gotove elemente i pravila za prodajni landing, ali onda članak ne bi bio potpun i iskren.
Kvalitetna prodajna landing stranica je projekat koji ne samo da je kreiran po svim pravilima, već i za koji se pravilno pripremate.
Sve je kao kod lansiranja rakete: 50% uspjeha je tačno određivanje koordinata. Dakle, koja bi trebala biti prodajna stranica.
1. Jedan proizvod (cilj)
Prva stvar koja definira prodajnu odredišnu stranicu je prisustvo jednog i jedinog cilja. Zašto ne dva, tri ili više?! Sve je prilično jednostavno.
To je isto ako dođeš da kupiš auto u salonu, a ja ću ti još prodati kuću na Rubljovki.
A također i pretplata na fitnes klub i premium račun na web lokaciji za upoznavanje (iako vam s novim automobilom, skupom kućom i napumpanim tijelom ovo drugo možda neće biti korisno).
Sada možete prigovoriti činjenici da preterujem i da niko nikada ne prodaje sve redom na jednom sajtu.
Delimično ste u pravu, samo što sve vidite mutnim pogledom. Za vas su sve vaše usluge ili roba po defaultu potrebne vašem klijentu, ali zapravo u 9 od 10 slučajeva (ima izuzeća) osoba dolazi po jednu stvar.
Ispričat ću vam naše tužno iskustvo i odmah ćete sve razumjeti bez dvosmislenih primjera. Kada smo tek započinjali svoju karijeru, napravili smo sebi landing page za rad u našem gradu.
Nije imao dodatne stranice, a svi servisi su postavljeni na glavnu stranicu (ekran ispod).
Vodili smo se idejom da ako je čovjeku potrebno, onda će on sam izabrati ono što mu odgovara. I to je bila naša najveća greška.
Greška
Činjenica je da osoba, koja vidi sve ove usluge, može ih naručiti kod nas samo ako su nam preporučili ili je potpuna „budala“.
Jer to je kao da kupujete svinju u džepu. Nema dodatnih informacija, pogodnosti i odgovora na pitanja.
I iskačući prozor ovdje nije rješenje, ovo je premalo za efikasno prenošenje informacija i zatvaranje svih zamjerki.
Već duže vrijeme imamo zasebnu odredišnu stranicu za svaku uslugu, na koju osoba dolazi sa stranice rute.
Stoga, kada pravite web stranicu, jasno definirajte za koji proizvod to radite. I također povremeno mijenjajte riječ “Proizvod” u “Cilj”.
Uostalom, jedno je odmah prodati na čelu, a drugo je prvo zatvoriti (na primjer, izračunati trošak), pa tek onda prodati. Miješanje ciljeva također se često ne isplati.
2. Ciljna publika
Prema mojim internim proračunima, ovo je 200 spominjanja na našem blogu o ciljnoj publici.
Ali za sada ćemo to razložiti na primjeru i početi s onim što trebate znati o svojim klijentima.
Štaviše, postoji veoma velika razlika između toga ko sada kupuje od vas i koga želite da vidite kao svoje kupce.
Imajući u glavi listu potencijalnih kupaca (po mogućnosti na papiru), morate odlučiti za koga ćete tačno napraviti svoju stranicu.
Sasvim je moguće spojiti više publike u jednu. Ali da biste sa sigurnošću shvatili da li je to moguće ili ne, morate odrediti njihove kriterije odabira, potrebe i strahove. Dijagram će izgledati otprilike ovako.
Ciljna publika Budući da u ovom članku ne učimo kako napraviti prodajnu odredišnu stranicu, već prije svega razumijemo što je prodajna odredišna stranica, pokazat ću vam, koristeći kriterije odabira kao primjer, da su svi ljudi različiti.
Da biste to učinili, zamislite da prodajete nano mašinu za mršavljenje. Namjerno, svi vaši potencijalni klijenti su ljudi sa viškom kilograma. Ali imam pitanje za vas - da li su slični po kriterijumima odabira?
Nadam se da ste odgovorili ne. Svi ljudi su različiti, kao i kriterijumi njihovog odabira. Čovek je spreman da plati bilo koji novac, samo da dobije zagarantovani rezultat.
Drugi će kupiti samo ono što ne oduzima puno slobodnog vremena. A treći ne vidi ništa osim niske cijene. Ova lista se nastavlja i nastavlja.
Pa čak i u tako uskim nišama, poput izgradnje kuća od drveta, svi također imaju različite kriterije (za bolju asimilaciju, pogledajte video ispod).
https://youtu.be/tKhP5geLfmY
3. Nivo svijesti
Ovu temu je već teže percipirati, posebno sluhom. Stoga ste sretni što čitate, a ne slušate telefonom dok naši menadžeri pričaju o nivoima svijesti.
Poenta je da je svaka osoba, na svoj način, na različitom nivou percepcije problema i rješenja.
U marketingu se ovaj čudan pristup naziva "". Ali neću vas opterećivati pametnim terminima, već ću vam jednostavno pokazati kako to funkcionira na primjeru.
A za to usporedite tri identična i istovremeno različita zahtjeva sa Yandex ili Google nizom za pretraživanje:
- Od čega graditi nisku kuću?
- Kuća od cigle ili brvnara u izgradnji kuća?
- Izgradnja niskih kuća od cigle
Svi ovi zahtjevi se odnose na niskogradnju i svi su u teoriji potencijalni klijenti građevinskih kompanija.
Ali! Suština je u tome da prvi potpuno nema razumijevanja od čega se kuća gradi, drugi ima pitanje koje rješenje odabrati, a treći već ciljano traži gdje naručiti konkretnu kuću.
Za vas, kada razvijate, to znači da će u svim slučajevima na njemu biti različiti tekstovi i slike.
Na primjer, za drugu vrstu zahtjeva prvo pokažete zašto je bolje graditi kuću od cigle nego od brvnara (ako to radite na bazi cigle), pa je tek onda prodajete.
U trećoj vrsti zahtjeva, bez dugih izjava ljubavi, odmah nudite svoje rješenje i u velikoj mjeri se fokusirate na prednosti vaše kompanije u odnosu na konkurente.
U svakodnevnoj upotrebi, mnogi označavaju nivoe svijesti kao temperaturu saobraćaja. Dijeli se na toplo, toplo i hladno.
Omiljeni su svi, odnosno oni ljudi koji žele da kupe upravo ovdje i sada.
Ali pokušaću da napišem kratak sažetak. Prodajna stranica, paralelno sa analizom konkurenata, mora proći i proces brifinga klijenta.
Na koje se uz pomoć posebne serije pitanja izvlači sve što se nakupilo i sve što direktno utiče na donošenje odluke od strane klijenta. Nakon toga, sva ova značenja se distribuiraju i stvaraju kostur stranice.
https://youtu.be/p3DhGn_AL1w
Neću to kriti i reći da sve agencije po defaultu održavaju brifing za klijenta.
Ali, kao i obično, otkriću još jednu tajnu koja čini da se sajt prodaje. Brifing je usmeni.
Parče papira neće moći otkriti punu dubinu, kada osoba tokom komunikacije može postavljati pojašnjavajuća pitanja i voditi u pravom smjeru.
Ovaj brifing traje 1-2 sata. A pošto pokazujem sve kartice, onda se pripremite na činjenicu da ako je vaša kompanija nova ili nema ništa u njoj, onda "paker značenja" jednostavno neće moći ništa uzeti i stranica se definitivno NEĆE prodati.
Naravno, na kraju ćete kriviti lokaciju ili izvođača za sve, ali u stvari, cela poenta će biti u odsustvu vašeg razvoja, prednosti i karakteristika.
Bitan. Marketinška agencija nudi dodatne pogodnosti i rješenja, ali, po pravilu, sve one globalno ne mijenjaju situaciju.
Da biste istinski razvili svoju strategiju i taktiku pakovanja, potrebno je da izvršite duboku analizu konkurenata i zapamtite da ovo košta više novca i zahteva drugačije vreme.
Implementacija
Nakon što ste obavili pripremni rad (glavni je napisan gore), tada će se za vas automatski formirati ispravna struktura i možete sigurno nastaviti sa rastezanjem okvira.
Bazira se na marketingu, prodaji, dizajnu i psihologiji. Neću dijeliti ove sfere na pametan način, pokazaću glavne tačke kako ne bih komplikovao gradivo.
1. Ponuda
Čim osoba dođe na stranicu, prvo što vidi je vaša ponuda. Jednostavno rečeno, ovo je vaša ponuda sa glavnim prednostima.
Glavna ponuda može biti 4 nivoa. Izrazita razlika je odmah vidljiva u primjerima.
Prvi nivo je kada jednostavno napišete „Rent a car u Moskvi“.
Drugi nivo zvuči zanimljivije - „Rent a car u Moskvi. Premium parking”.
Treći nivo je za mnoge veoma težak i baziran je na rezultatu - „Premijum iznajmljivanje automobila u Moskvi. Pojedinačne kopije privući će hiljade pogleda od samo 5.000 rubalja dnevno.”
Može li se ovo nazvati idealnim prijedlogom? Naravno da ne. Smislio sam ga za 2 minute za ovaj članak.
Ali shvatili ste suštinu i primijetili koliko naslov na prvom ekranu može biti drugačiji. Stoga se po defaultu trudimo da dostignemo 3, a još bolje 4 nivoa ponude.
Iako sam, na moje iznenađenje, vidio odlične rezultate na ponudama nivoa 1 i 2, ali to su vjerovatnije izuzeci ili vrlo dobro osmišljena strategija.
Da biste kreirali svoju ponudu, morate vrlo dobro razumjeti svoje poslovanje i razumjeti svoje kupce.
Kako bismo vam olakšali život (zato smo ovdje), preporučujem da pročitate naš članak na ovu temu.
Bolje je ne samo čitati, već odmah kreirati i odjaviti se o rezultatima u komentarima.
2.
Prodavnost odredišne stranice kreira i majstor teksta (copywriter). On to radi na osnovu prototipa dobijenog od trgovca, koji odražava sva identificirana značenja u fazi pakovanja.
Ovaj proces je dugotrajan i mnogo je važniji od dizajna. Siguran sam da sam te malo iznenadio.
Ali ovo je potpuna istina. Zastrašujuća stranica sa dobrim tekstom će učiniti trik. A loši tekstovi na lijepom dizajnu će izgubiti klijenta.
Dobar tekst se potcjenjuje i to se vidi u svim postupcima naručitelja, koji više pažnje posvećuje dizajnu.
Ali ako želite da dobijete kvalitetnu odredišnu stranicu, morate biti veoma oprezni sa naslovima i tekstovima.
Najvjerovatnije neće uspjeti da to učinite sami, jer je ovo cijela umjetnost koju morate naučiti, a zatim ispuniti svoju ruku.
Uz sve, dat ću vam osnovna pravila za copywriting na stranicama kako biste barem približno odredili koliko je dobro djelo pred vama.
Nisu armirani beton, postoje izuzeci od svega, ali ako se prekrši nekoliko točaka odjednom, onda treba razmišljati o kvaliteti.
- Nije banalan naslov. Ako vidite naslov "Zašto odabrati nas?", "O nama" ili neku drugu šaljivu varijantu koja se koristi na desetinama drugih stranica, trčite što brže možete.
Web lokacije s banalnim olovkama za oči govore o svom bezuvjetnom gubitku na pozadini bilo koje druge stranice.
- PrilaziteŠto više naslova i tekstova na sajtu koji počinju rečju „MI“, sajt je lošiji.
Za klijenta je mnogo važnije da se priča o njemu i za njega, pa tek onda čita o vama najmilijima.
- Jednostavan jezik. Ako potrošač ne razumije ništa u onome što je napisano na odredišnoj stranici ili naiđe na nepoznate riječi.
U ovom slučaju, to znači da je i sajt potrebno poboljšati, jer treba da govorite pristupačnim jezikom za klijenta, a ne za vas.
- Posao. Jedna stranica ne bi trebala imati tekst radi teksta, čak i ako je kreirana za SEO.
Ako možete ukloniti ovaj tekst sa stranice i ništa se neće promijeniti, onda ga trebate izrezati i skratiti.
- Specifičnosti. Takođe, stigma su i otkačene fraze iz serijala „Individualni pristup“, „Fleksibilan sistem popusta“, „Visoka kvaliteta“.
Jedino što je to dozvoljeno kada je otkrivajući tekst 100% specifičan, a ova fraza je samo olovka za oči ili naslov.
Kao posebnu stavku, želim da napravim takav kriterijum kao što je „Razrada prigovora“. Primjenjuje se na cijelom sajtu u svim elementima teksta.
Naime, sve tipične primedbe klijenta na nivou njegove svesti treba razraditi tokom celog sajta.
Provjera ovoga je prilično jednostavna, sakupite listu svih prigovora od odabrane ciljne publike i onda uopće pogledate da li ima odgovora.
Pametna misao. Prodajna stranica zatvara sve zamjerke, izaziva emocije i tvrdi da morate kupiti od nas.
3. Dizajn
Lijepa stranica nije uvijek jednaka prodajnom mjestu. Ovo je ono što morate pamtiti zauvijek. U svom materijalu
Dizajn ove stranice je jedinstven, potpuno prožet osobnošću brenda i za razliku od bilo koje druge.
Posebnost ovog dizajna je da su svi elementi vidljivi, ali u isto vrijeme vrlo uredno raspoređeni. Jednostavna, ali lijepa dijaprojekcija također privlači pažnju.
Jednostavan, ali sladak dizajn. Prednost je što na stranicu možete ući preko Facebooka bez gubljenja vremena na registraciju.
Odličan primjer demonstracije proizvoda kompanije. Svakog mjeseca kompanija ažurira listu proizvoda prikazanih na stranici.
Razumijevanje onoga što se prodaje na stranici nije problem zahvaljujući dobro strukturiranom sadržaju, prekrasnim slajdovima i velikim cijenama.
Najuspješnije prodajne stranice nužno sadrže jasne i lako razumljive primjere proizvoda.
Obilježje ovog dizajna je jednostavnost. Jednostavan meni i svetao klizač dobro idu zajedno.
Stranica je dobro prikazana u različitim dijelovima. Za više informacija, samo kliknite na sliku koja vam se sviđa.
Dizajn nije preopterećen nepotrebnim elementima, odmah možete vidjeti sve karakteristike i cijene proizvoda.
sajtovi za zabavu
Jednostavno i ukusno. Svrha stranice je odmah jasna - za gledanje dokumentarnog videa.
Dizajn stranice je vrlo dobro osmišljen, fascinira i doslovno hipnotiše. Odlična kombinacija boja i oblika.
Ovaj sajt je vrhunski. Briljantno osmišljen dizajn i obilje interaktivnih elemenata nikoga neće ostaviti ravnodušnim.
Ova stranica za Harry Potter franšizu sadrži poznate boje, fraze i imena za obožavatelje.
Ova stranica ne samo da izgleda lijepo, već je i vrlo funkcionalna: puno interaktivnih elemenata, integracija sa Google mapama, korištenje kartica.
Čak i nakon redizajna, Uncrate ne mijenja svoju tradiciju postavljanja svih dijelova stranice u pogodan gornji navigacijski meni.
Ova stranica prikazuje moć grafičkog dizajna i web razvoja. Bolje ga je posjetiti i uvjeriti se.
Sjajan primjer dizajna "pločica" koji vam omogućava da stilski uredite veliki broj blokova sadržaja.
Vizuelna komponenta ovog sajta je neverovatna. Živopisne slike odmah privlače pažnju korisnika.
Jay-Z tačno zna kako se zabaviti. Na njegovoj stranici, članci, slike i drugi sadržaji su predstavljeni kao interaktivne pločice.
Ovaj dizajn koristi prirodne tonove koji se dobro slažu s glavnim problemima postavljenim na stranici.
Portfolio Landing Pages
Ovom stranicom ponovo dominiraju slike koje bukvalno ožive kada pređete preko miša.
Ovaj primjer ima vrlo zanimljivu kombinaciju boja. Štaviše, svi elementi na stranici koriste istu strukturu pozadine, poput stabla.
Ovdje se vrlo uspješno koristi stil "stare škole", dizajn svakog elementa je promišljen do najsitnijih detalja i jedinstven. Zahvaljujući beskonačnom skrolovanju na ovoj stranici, možete uživati u takvoj ljepoti dugo vremena.
Jasan i promišljen dizajn pomaže stranici da na najefikasniji način prenese glavne informacije posjetiteljima. Šema boja odgovara brendu i pokazuje stil dizajnera na djelu.
Stranica je odlična prezentacija. Svaki baner je posvećen posebnom projektu.
Primjer neobičnog dizajna pločica.
Ovom stranicom dominira tipografija. Upotreba različitih fontova pomaže u prenošenju ideja.
Dizajn je koncizan i koncizan. Na stranici možemo vidjeti sve što nam je potrebno: i portfolio i linkove na druge sekcije.
Ikone i ništa više. Dobar primjer minimalističkog dizajna.
Portfolio stranica prikazuje ono najvažnije - primjere rada.
Maloprodaja
Stranica sadrži mnogo fotografija korisnika, koje se lako mogu prelistati uz pomoć skrolovanja i lebdenja.
Velike svetle fotografije proizvoda kompanije teraju da poželite da popijete limenku hladnog piva.
Ništa ne odvlači posjetitelja od razmišljanja o najljepšim satima.
Vrhunac ove stranice je slajd šou na vrhu stranice, koji prikazuje ukusne kulinarske užitke.
Font i grafika su savršeno kombinovani, stvarajući jedinstvenu percepciju sajta. Postoje samo tri stavke menija i nemoguće ih je ne primijetiti.
Elegantan stil, kvalitetne slike, odlična prezentacija. Ništa ne odvlači pažnju od glavnih elemenata.
Toyota je napravila sajt u Pinterest stilu za ljubitelje Camryja. Ovdje možete pronaći puno fotografija, članaka, statistike.
Uprkos činjenici da ova stranica odgovara visini jednog ekrana, ima mnogo zanimljivih interaktivnih elemenata i neobičnih detalja.
Dizajn stranice u potpunosti odražava stil brenda: boje, fontovi, slike odmah se povezuju s ovom kompanijom.
Dizajn je izrađen u umirujućim svijetlim bojama, ova shema boja je idealna za predloženi proizvod.
Ova stranica je poput knjige koja plijeni vašu pažnju neobičnom radnjom i ilustracijama.
Plutajuće crveno dugme na sredini ekrana radi svoj posao: zaista želite da kliknete na njega.
Veliki broj stranica koje se nalaze u RuNetu vrlo su monotone i uvijek je potrebno stvoriti nešto novo, neobično, privući pažnju. Ovaj put sam odlučio da napišem članak ne samo o još jednom efektu na sajtu, već da pokažem kako se ovi efekti mogu kombinovati u jednom velikom projektu. Ovo je veoma važno kako vaša stranica ne bi izgledala kao niz animacija koje se besmisleno pojavljuju sa različitih strana. Želim vam predstaviti izbor od 10 najboljih interaktivnih odredišnih stranica na koje biste trebali obratiti pažnju.
O tome odakle početi kada proučavate kreiranje web lokacija, a posebno slijetanja, rekao sam u malom mini tečaju:.
Dakle, evo izbora od 9 odredišnih stranica na kojima biste trebali crpiti inspiraciju:
Kompilacija - Najbolje interaktivne odredišne stranice
1 fiksna grupa
Odlična verzija stranice, na kojoj ne možete ni pomaknuti miša, jer ćete odmah vidjeti izobličenje bloka sa sadržajem kao odgovor. Iza polako "pluta" prostor. Prelazi vas takođe ne mogu ostaviti ravnodušnim, jer se svi dešavaju sa zanimljivim efektom, a čini se da je svaki od blokova "presečen" na dve polovine.
2 Fubiz
Na ovoj stranici se ništa ne pojavljuje pri skrolovanju, ali ovdje je vrlo elementarno: padajuće liste, promjene boja, pojavljivanje dodatnih elemenata i opisa. Bez oštrih efekata, sve je urađeno u istom stilu. Preporučujem da obratite pažnju na efekte, neki od njih se mogu primijeniti na vaše projekte.
3 Vimeo
Ovaj projekat bi vam već trebao biti poznat - ovo je profesionalni video hosting. Ali ova stranica govori o mogućnosti uređivanja videa direktno s mobilnog uređaja. Ali želim da se fokusiram na efekte koji se dešavaju kada se stranica pomera. Prvo se smanjuje pozadinska slika u zaglavlju, a zatim se pojavljuje na telefonu. Privlači veliku pažnju, zar ne?
4 Black Negative
Posebnost ove stranice u odnosu na sve ostale je njeno nestandardno skrolovanje. Kao što vidite, horizontalno je. Takođe, pomeranje se dešava povlačenjem sadržaja ulevo. Ali ono što je još impresivnije je broj efekata u svakom bloku: , , kao i vertikalno pomicanje blokova. Video u pozadini je malo zbunjujući, ali ipak je sve urađeno prilično originalno i neobično.
5 Super Top Secrets
Ovdje želim da vam skrenem pažnju ne na efekte lebdenja, već na pozadinu. Nakon što se stranica potpuno učita, kada pomaknete kursor miša, na pozadini se pojavljuju pruge, kao na vodi. Takođe, na klik se stvaraju pruge i ovaj efekat ostavlja odličan utisak. Ovo nećete vidjeti na svim stranicama.
6 MI NISMO PLASTIČNI
U procesu skrolovanja na stranici se pojavljuju (crtaju) različite ikone i naslovi. Ne shvaćajući, počinjete gledati u proces crtanja i čekati šta će se tamo pojaviti na kraju, čitajući tako tekst koji je nacrtan. Ako vas zanima kako se stvara ovaj efekat i želite stvoriti isti efekat na svojoj web stranici ili odredišnoj stranici, proučite ove članke: i.
7 ANTON & IRENE
8 BLITZ
Ono što me privuklo ovoj stranici su efekti lebdenja. Iako je stranica kreirana u modernom minimalističkom stilu, ovdje su vrlo lijepo kombinovani 3D objekti: padajuće razglednice, kretanje objekata na razglednici. Takođe obratite pažnju na
