Čo je vstupná stránka. Pristátie - čo to je jednoduchými slovami s príkladmi

  • 2. Typy vstupnej stránky
  • 4. Funkcie vstupnej stránky
    • A/B testovanie vstupná stránka
    • Ako by mala vyzerať predajná vstupná stránka a čo by mala obsahovať?
  • 5. Dane za vstupné stránky
  • 6. Záver

Pristátie, čo to je? O tento termín sa zaujíma veľa začínajúcich podnikateľov a ľudí, ktorí sa chystajú niečo predávať. Vstupná stránka skrátka je normálny internet stránku na vašej doméne, subdoménu vo formáte podľa typu html/css alebo v inom formáte. Počuli sme o takýchto stránkach, ale s najväčšou pravdepodobnosťou sme sa nikdy neponorili do ich podstaty a účelu.

Hlavná úloha takejto stránky je, že návštevník stránky opustí príslušnú aplikáciu, kontaktuje telefonicky, prihlási sa na odber alebo si zakúpi tovar.

Takáto stránka sa líši od masy iných internetových stránok tým, že neobsahuje zbytočnú, rušivú reklamu, nepotrebný text, rôzne blikajúce bannery a vyskakovacie menu.

Z tohto článku sa dozviete:

  • Pristátie, čo to je;
  • Aké typy pristátí existujú;
  • Ako vytvoriť vstupnú stránku sami a zadarmo;
  • Všetko o podnikaní a daniach zo vstupnej stránky;
  • atď.

1. Čo je vstupná stránka na internete

Na internete majú takéto stránky rôzne názvy, najmä sa nazývajú: vstupné stránky, vstupné stránky, zachytávacie stránky, jednostránkové stránky, vstupné stránky atď.

S týmito vstupnými stránkami 20-30% úroveň predaja sa zvyšuje v porovnaní s bežnými internetovými obchodmi alebo len reklamnými stránkami.

Pokiaľ ide o rusky hovoriace spoločnosti, tu je potrebné poznamenať, že takýto nástroj, ako je vstupná stránka, sa v postsovietskom priestore len začína rozvíjať, ale každý rok rýchlo naberá na sile.

Od Ruské spoločnosti, winlanding.ru možno rozlíšiť. Vyskúšali sme veľa spoločností, ale nakoniec sme sa rozhodli pre nich. Všetky stránky, ktoré winlanding vytvára, sú vytvorené od začiatku, vyvíjajú sa šablóny, funkčnosť, neustála komunikácia s klientom, čo je v našej dobe dôležité. A určite budete vedieť, že sa nestratia, ako mnoho freelancerov s vašou platbou vopred.

Tu sú niektoré z ich prác:

  • http://olymp.winlanding.ru
  • http://autogazkz.kz
  • http://zub.winlanding.ru

A celé portfólio winlandingu si môžete pozrieť tu.

Použitie vstupnej stránky je výhodné najmä pre nasledujúce organizácie:

  • Akákoľvek spoločnosť zapojená do predaja;
  • veľkoobchodné spoločnosti;
  • Lídri MLM;
  • Výrobcovia rôznych druhov výrobkov;
  • Info-podnikatelia;
  • Spoločnosti predávajúce mimoriadne hodnotný, jedinečný tovar;
  • Spoločnosti špecializujúce sa na predaj školiacich programov;
  • cestovné kancelárie;
  • SPA salóny, fitness kluby.

Dokonalý príklad PRISTÁVANIA

Vstupnú stránku teda môžu využívať mnohí, ktorí majú záujem o zvýšenie klientskej základne a výrazné zvýšenie cieľového publika.

Hlavným účelom takýchto stránok, ako už bolo spomenuté, je vyvolať cielenú akciu:

  • Prihláste sa na bezplatnú konzultáciu;
  • Kúpte si produkt;
  • Požiadajte o rôzne výpočty (výpočty);
  • Prihláste sa na odber akéhokoľvek newslettera;
  • Zaregistrujte sa, aby ste sa mohli zúčastniť propagácie;
  • Požiadajte o cenník
  • A mnoho ďalších možností...

Vstupnú stránku môžu využívať aj tí, ktorí sa zaoberajú nehnuteľnosťami. Táto strana zvýši predaj akéhokoľvek majetku. Teraz je to totiž internet, ktorý hrá dôležitú úlohu pri výbere akéhokoľvek produktu alebo služby. A podľa toho, ako je stránka vytvorená, ľudia vás hodnotia, okamžite pochopíte, že vaša nehnuteľnosť nie je ošarpaný dom, ale krásna usadlosť. A ak ste ešte nespojili svoj život s nehnuteľnosťami, alebo skôr neviete, ako na to, stiahnite si video kurz od špecialistu, ktorý o svojom podnikaní veľa vie.

2. Typy vstupnej stránky

Existujú štyri typy „predajnej stránky“:

  1. dlhá strana: vstupná stránka – je dlhá vstupná stránka. Práve tieto typy vstupných stránok prevládajú na internete.
  2. Krátky: Vstupná stránka je krátka vstupná stránka. Jeho funkciou je najčastejšie presmerovanie na zber emailové adresy a rastúca základňa predplatiteľov.
  3. jeden krok: vstupná stránka – je jednokroková stránka;
  4. dva kroky: vstupná stránka - takáto stránka je dvojkroková. Podstata stránky spočíva v tom, že na stránke s jedným krokom sa zahreje záujem klienta a na stránke s dvoma krokmi sa priamo vykoná potrebná akcia.

Landing page svojou povahou pôsobí ako určitá mini-stránka, ktorá možno ani nesúvisí s hlavným typom vašej činnosti, ale funguje ako samostatná stránka.

Príklady konverzií, v oblasti cestovných služieb (obľúbená a žiadaná oblasť podnikania) je dobrým ukazovateľom konverzný pomer 9-14 %, ale v oblasti predaja luxusných áut je konverzný pomer 4-14 %. nielen dobrý, ale aj vynikajúci konverzný pomer na vstupnej stránke.

Minimálna konverzia vstupnej stránky sa spravidla pohybuje od 1-4%, ale nepresahuje úroveň 30-45%. V praxi dosiahnutie konverzie 25-30% je dobrým ukazovateľom.

Dobrá miera konverzie je 5-10%. V prípade infobiznisu môže konverzia dosiahnuť úroveň 25% - 30%.

Patria sem nasledujúce položky:

  • Poruchovosť;
  • Priemerný čas strávený návštevníkom na príslušnej stránke;
  • Mapa kliknutí na stránke atď.

Neexistuje žiadna priemerná konverzia. Je to spôsobené tým, že konverzia priamo závisí od troch vecí:

  1. okamžitá kvalita vstupnej stránky vašej vstupnej stránky;
  2. kvalita návštevnosti na relevantnej stránke;
  3. Charakteristiky podnikania, úroveň konkurencie.

Teraz, keď ste počuli slovo „pristátie“, už dobre viete, čo to je.

3. Ako vytvoriť vstupnú stránku zadarmo

Predstavujeme sa obľúbené služby, kde si môžete bezplatne vytvoriť jednu stránku (vstupnú stránku):

  1. www.setup.ru
  2. landingi.ru;
  3. ru.wix.com;
  4. lpgenerator.ru;
  5. stránky na voľnej nohe – kde pre 1500-2000 nezávislí pracovníci vám urobia pristátie na mieru.

Zajazdený vyhľadávací reťazecžiadosť - "vytvoriť jednostránkový web (vstup)", vyhľadávač sa vráti veľké množstvo služby a stránky, ktoré už majú buď hotové stránky, alebo si ich vytvoríte sami vďaka konštruktoru. To isté môžete urobiť, ak máte navyše. otázky - čo je pristátie.

Perfektná „landing page – landing page“ – video

Algoritmus Vytvorenie pristátia Stránka - video

Ale nie vždy to, čo je zadarmo, bude kvalitné. Bezplatné služby skôr pre tých, ktorí majú veľmi obmedzený rozpočet alebo len chcú pochopiť princíp tvorby týchto stránok. Ak chcete, aby vaša spoločnosť získala veľké množstvo zákazníkov, dostali ste sa na vrchol obľúbenosti, potom vám odporúčame objednať si webové stránky od profesionálov, ktorí vám presne povedia, čo a ako robiť, a zohľadnia vaše želania. Napríklad ceny spoločnosti, s ktorou spolupracujeme.

4. Funkcie vstupnej stránky

  • Zvyčajne je táto stránka vizitkou, ktorá nie je preplnená súbormi ( grafické umenie, video atď.). Vďaka minimalizmu stránky sa text na nej dobre číta.
  • Na vstupnej stránke by sa reklama nemala umiestňovať, je to už reklama na vaše služby a tovar.
  • Vstupná stránka by nemala obsahovať zbytočné informácie, ktoré nesúvisia s predávaným produktom alebo službou.
  • Vstupná stránka by mala mať určitú štruktúru: reklamný text, Obrázky, minimálna navigácia po stránke,

Pojem „pristátie“ pochádza z anglického slova „Landing“, čo znamená „pristátie“. Tento výraz odráža hlavný význam – vstupná stránka je vstupná stránka.

Vstupná stránka je nezávislá stránka alebo samostatná stránka, ktorá nabáda návštevníkov, aby vykonali cielenú akciu. Napríklad: zanechajte požiadavku na výber zájazdu, kúpte hotový projekt sip-panel domy, zadaj inzerát na predaj iPhonu, zanechaj svoje telefónne číslo, prihlás sa na odber noviniek a pod.

Existujú 4 hlavné možnosti umiestnenia vstupnej stránky:

  1. Na samostatnej doméne: domain.ru;
  2. Na vašej subdoméne: landing.domain.ru;
  3. Webová stránka: domain.ru/landing.html;
  4. V službe tretej strany: service.ru/yourlanding alebo yourlanding.service.ru.

Hlavnou úlohou vstupnej stránky je prinútiť vykonať cielenú akciu. Môžete napríklad vytvoriť samostatnú vstupnú stránku na získavanie odberateľov pre váš bulletin. Pre každú úlohu existuje samostatný typ vstupnej stránky a nižšie sa dozviete, aké typy existujú, ako aj aký typ vstupnej stránky je lepšie v jednotlivých prípadoch použiť.

Typy predajných stránok

Všetky pristátia sú rozdelené do troch veľkých skupín:

  • mikrostránky;
  • Samostatné stránky webu vo forme pristátí;
  • Kompletné pristátia;

Vstupné stránky sú tiež rozdelené do niekoľkých kategórií podľa úloh:

  1. Predajcovia;
  2. Predplatné;
  3. Informačné;
  4. vírusové;
  5. diferenciál;
  6. Iné.

Microsites

Mikrostránky alebo inými slovami „stránky vizitiek“ sú stránky s malé množstvo strán (zvyčajne do 10), kde Hlavná stránka je druh pristátia a pomocné stránky sú vytvorené tak, aby používateľ mohol lepšie pochopiť produkt alebo službu.

Zvážte takúto mikrostránku na príklade webovej stránky hotela - https://fenixhotel.ru/ .

Hlavná stránka stránky je plnohodnotnou vstupnou stránkou, ktorej úlohou je získať kontakt na návštevníka, pre individuálnu kalkuláciu nákladov na dom.

Okrem hlavnej stránky na webe existujú aj ďalšie stránky:

  • Príklady stavaných domov;
  • Štandardné projekty;
  • Stavebná technológia;
  • Iné.

Každá pomocná stránka, tak či onak, končí ponukou zanechať svoje kontaktné údaje. To znamená, že niekoľko ďalších stránok „predáva“ hlavnú službu alebo produkt z hlavnej vstupnej stránky.

Nevýhodou takýchto mikrostránok je, že najlepšie fungujú s nakúpenou návštevnosťou a je veľmi náročné ich SEO propagovať.

Ako vstupná stránka môže fungovať aj samostatná stránka na vašom webe, napríklad https://nethouse.ru/internet-magazin alebo https://moi-biser.nethouse.ru/czechbiser.

Samostatné stránky vám umožňujú zhromažďovať internú návštevnosť projektu. Napríklad osoba z vyhľadávače prišiel na váš web na jednu zo stránok, odkiaľ ho odošlete na vstupnú stránku. Kliknutím na odkaz používateľ vstúpi na stránku lokality, ktorá je vytvorená vo formáte vstupu. Tento formát vám poskytuje viac príležitostí na predaj produktu alebo služby ako väčšina klasických štýlov informačných stránok.

Výhody tohto formátu spočívajú v tom, že návštevnosť takejto vstupnej stránky môžete priviesť z rôznych zdrojov vrátane použitia Yandex.Direct a iných zdrojov.

Úplné vstupné stránky

Plnohodnotné vstupné stránky sú jednostránkové stránky postavené na princípe: „konaj alebo odíď“.

Najčastejšie sa návštevníci dostanú na takéto vstupné stránky z reklamy (kontextové, cielené, médiá, zvukové reklamy Vkontakte, e-mailové bulletiny atď.). Vstupné weby majú spravidla vyššiu konverziu ako stránky v rámci webu v klasickom dizajne.

Vysoká miera konverzie je kľúčová výhoda pristátia. prečo je to tak? Je to vec psychológie. Správne vstupné stránky upútajú pozornosť návštevníka (jasná štruktúra, krásna grafika), presvedčia ho o správnom výbere (dôraz na výhody produktu) a vo výsledku vedú k bloku výzvy na akciu (Call To Action) - to všetko doslova núti človeka urobiť akciu, ktorá je pre vás potrebná.

Rovnako ako v prípade mikrostránok, maximum, čo môže webmaster urobiť so vstupnou stránkou na jej propagáciu, je jej SEO optimalizácia pre skupinu cielených dopytov. Ale tie možnosti SEO propagácia vstupné stránky sú obmedzené. Hlavnú návštevnosť si budete musieť kúpiť – svojpomocne alebo s pomocou affiliate marketéra.

Druhy pristátí a ich účel

V závislosti od účelu stvorenia existuje päť hlavných typov pristátí. Tu je užitočná tabuľka na pochopenie účelu každého typu:

Účelom takéhoto pristátia, ako už názov napovedá, je predaj produktu alebo služby. Často sa na prilákanie návštevnosti používajú platené metódy – kontextová reklama, upútavky atď. Možno ste videli takéto vstupné stránky, keď bol módny predaj hračky „hovoriaceho škrečka“. Príkladom predajnej vstupnej stránky je https://nabor-noskov.ru alebo http://www.maxitrip.ru/.

Kľúčovým prvkom predajnej vstupnej stránky je prítomnosť jednej výzvy na akciu (výzva na akciu) a všetky ostatné bloky na ňu upriamujú pozornosť používateľa. Existujú aj alternatívne príklady predaja vykládok, kde sa prvky hromadného CTA používajú na povzbudenie k nákupu.

Ak váš predaj prebieha offline alebo váš typ podnikania nezahŕňa impulzný nákup, potom vám vstupná stránka predaja nebude vyhovovať. V tomto prípade fungujú lepšie vstupné stránky pre bulletiny, ktoré sa často nazývajú stránky na predaj predplatného. Príklad vstupnej stránky predplatného s vysokou mierou konverzie: https://www.unisender.com/ru/about/bonusy/correct-email/ .

Takéto pristátia sú vytvorené na jeden účel - dostať sa email alebo telefónne číslo návštevníka pre ďalšiu prácu s ním formou mailing listov alebo telefonátu od konzultanta.

Formát funguje veľmi dobre - dáte mi svoj kontakt a ja vám dám darček zadarmo. Návnadou môže byť bezplatná kniha, cenová ponuka alebo zľava na službu súvisiacu s témou vašej vstupnej stránky. Dobrá vstupná stránka bulletinu sa spravidla skladá doslova z jedného alebo troch informačných blokov.

Tento formát sa často používa na prihlásenie na odber bulletinu internetovej služby, na získanie individuálneho propagačného kódu, ktorý poskytuje špeciálne privilégiá pri prezentovaní v offline podniku, pri predplatnom televízneho seriálu atď.

Informačná vstupná stránka je vytvorená s cieľom vzbudiť záujem o nový produkt spoločnosti alebo špeciálnu udalosť, ktorá sa stane v dohľadnej budúcnosti. Účelom informačného pristátia je následný prechod návštevníka na hlavnú stránku, prípadne pridanie konkrétneho dátumu do kalendára používateľa. Dobrý príklad informačnej vstupnej stránky: https://www.coca-cola.ru/product.

Rozdiel od iných typov pristátí je spravidla absencia akejkoľvek výzvy na akciu. Na takomto pristátí spravidla prevláda popis, obrázky a infografika.

Tento formát je pre vás vhodný, ak sa chcete porozprávať Nová funkcia váš projekt, napríklad, že teraz váš projekt White Label podrobne ukáže podmienky prepravy batožiny.

Virálne pristátie naznačuje zábavný alebo vzdelávací obsah, o ktorý sa návštevníci radi podelia v sociálnych sieťach a tým zvýšiť reklamný dosah značky.

Príklady virálnych vstupných stránok s vysokou mierou konverzie:

Takéto vstupné stránky môžu vyzerať ako vstupná stránka na zhromažďovanie kontaktov a ako informačná stránka a môžu mať akýkoľvek iný formát, Hlavná prednosť- prítomnosť wow obsahu.

Logo spoločnosti by nemalo byť príliš nápadné. Je lepšie, že bol niekde v pozadí. V tomto prípade bude vaša značka podvedome spojená s publikom spolu s wow efektom, ktorý ste pre ňu pripravili.

Vo väčšine prípadov tento typ vstupnej stránky používajú internetové obchody a zahŕňa kombináciu takmer všetkých vyššie uvedených typov vstupných stránok. Príkladom takejto vstupnej stránky je https://www.mvideo.ru/promo/predator-50 .

Rozdielové vstupné stránky sú integrované do hlavnej stránky a poskytujú úplné informácie o vašom produkte alebo službe. Takéto vstupné stránky sa často používajú na propagačné ponuky a slúžia ako informačné vstupné stránky.

Rozdielna vstupná stránka má zvyčajne formuláre na zhromažďovanie kontaktov, rovnako ako vstupná stránka na zhromažďovanie e-mailových adries.

Okrem toho sa rôzne vstupné stránky často používajú na prilákanie a spracovanie návštevnosti nízkofrekvenčné požiadavky vyhľadávače.

Výhodou tohto riešenia je, že používateľ, ktorý sa dostal na túto stránku, nemusí na vašej stránke dlho hľadať potrebné informácie.

Aký typ pristátia je najlepší?

Zverejnili sme príklady informačných vstupných stránok a iných typov vstupných stránok. Porovnajte všetky typy a vyberte si ten, ktorý najlepšie vyhovuje vašej úlohe. Bohužiaľ, na otázku, ktorý typ pristátia je najlepší, neexistuje jednoznačná odpoveď – začnite od cieľov, ktoré sledujete a vyskúšajte rôzne možnosti.

Podeľte sa o svoje skúsenosti s vytváraním predajných stránok v komentároch a položte otázky nášmu tímu a odborníkom na tvorbu webových stránok

Čo je to vstupná stránka a aké sú jej vlastnosti? Ako rýchlo vytvoriť skvelú vstupnú stránku s vysokou konverziou? Ktoré nástroje na tvorbu vstupných stránok sú momentálne populárne?

Dobrý deň, milí čitatelia! Alexander Berezhnov, jeden z autorov obchodného magazínu HiterBober.ru, je s vami.

A rozhodol som sa takto - poviem vám o vstupných stránkach, o hlavných technikách, ktoré som použil na ich vytvorenie. Uvediem príklady dobrých jednostránkových stránok. A každý z vás si urobí závery pre seba. Obchod? Potom začnime.

Téma vytvorenia vstupnej stránky nie je jednoduchá, ale veľmi relevantná a zaujímavá. Vedieť, ako to urobiť, môžete zarobiť peniaze rôzne cesty, napríklad ako . Ak pochopíte tento smer, môžete začať svoje malé podnikanie jednoduchým predajom tovaru alebo služieb prostredníctvom vstupnej stránky.

1. Čo je to landing page – prehľad pre začiatočníkov

Na tému vytvárania vstupných stránok boli napísané stovky článkov. Je ťažké „nastrčiť“ všetky rady, všetky skúsenosti do jedného materiálu. Ale aj tak sa vám pokúsim povedať to najdôležitejšie, čo sa týka vstupnej stránky.

Pristátie je jednostránkový web alebo len stránka, ktorej účelom je povzbudiť používateľov, aby vykonali nejakú akciu: kúpili, prihlásili sa, zavolali, nechali žiadosť.

Vstupná stránka je doslovne preložená z angličtiny: „cieľ“ alebo „vstupná stránka“.

Takéto jednostránkové stránky ste už určite videli na internete.

Prečo pristávať:

  1. Sú veľmi motivujúce aby návštevník vykonal požadovanú akciu.
  2. Sú rýchlo postavené. A často stoja menej ako bežná stránka. Ďalšie plus: vstupnú stránku si môžete vytvoriť sami.
  3. Vstupná stránka sa dá ľahko prepracovať- zlepšiť, zmeniť, doplniť chýbajúce informácie.

Vstupné stránky sú vytvorené pre:

  1. Predaj produktov. Na tento účel sa používajú výzvy: „kúpiť“, „zanechať požiadavku“, „zavolať“.
  2. Zber informácií. Tu sa návštevníkom ponúka: „prihlásiť sa na odber“, „dozvedieť sa viac“.
  3. Distribúcia softvéru- zľava softvér.

Pristávací a predajný lievik

Lievikpredaja je proces predaja produktu/služby. V každej fáze tohto procesu je eliminovaná časť ľudí – potenciálnych zákazníkov obchodnej spoločnosti. Na stránke máme samostatný článok o.

Proces predaja vstupnej stránky vyzerá asi takto:

  • 100 ľudí videlo odkaz na cieľovú stránku;
  • 40 používateľov sledovalo odkaz;
  • 10 ľudí opustilo aplikáciu;
  • Produkt si kúpili 2 ľudia.

Zo sto - dvoch predajov. Návratnosť - 2%. Toto je dobrá možnosť. Nie dokonalé, ale ani neúspešné.

Predajný lievik vyzerá ako obrátený kuchynský lievik: široká základňa a úzke hrdlo.

Najširšia časť je prechod na stránku. V tejto fáze testujeme prácu kontextová reklama, správy v sociálnych sieťach, publikácie na iných stránkach. Určite MP.

MP- pomer počtu kliknutí k počtu zobrazení. Merané v percentách.

Stredná časť je aplikácia. Analyzujeme efektivitu vstupnej stránky – jej dizajn, textovú časť.

Úzka časť je spracovanie žiadostí a predaj. Tu hodnotíme prácu živých ľudí – operátorov, manažérov.

Pri analýze vstupnej stránky sa počíta ďalší ukazovateľ - EPC.

EPC- toto je priemerný ukazovateľ zárobku z tisíc návštev vstupnej stránky.

Čím vyššia je miera návratnosti, tým vyššia je účinnosť vašej reklamnej kampane.

V akých prípadoch je potrebné vytvoriť pristátie?

Nižšie sa pozrieme na niekoľko prípadov, keď sa môžete stretnúť s potrebou vytvoriť si vlastný jednostránkový server.

Ľudia, ktorí sa s princípmi e-commerce len začínajú zoznamovať, sa najčastejšie zaujímajú o to, čo je to „pristátie“. Tento koncept je v informatívnych článkoch a recenziách spomenutý mimochodom, ale jeho vlastnosti, výhody a nevýhody sa ignorujú. Hoci mnohé veľké spoločnosti si ju už dávno osvojili a podarilo sa im využiť všetky možnosti, ktoré vstupná stránka na podnikanie poskytuje.

Čo je to „vstupná stránka“?

Je ľahké uhádnuť, že pojem „vstupná stránka“ má cudzí pôvod.

Landing page v doslovnom preklade znamená „vstupná stránka“. Ide o jednostránkovú stránku, vizitku alebo hlavnú stránku hlavnej stránky umiestnenej na internete, ktorej hlavným účelom je prinútiť užívateľa vykonať určitú akciu. Akciou je spravidla prihlásenie na odber noviniek, registrácia na webe alebo nákup produktu alebo služby.

V odbornej literatúre o marketingu sa zatiaľ slovo „landing“ a teda ani výraz „landing page“ nenachádza. Áno, a v slovníkoch toto slovo ešte nebolo zaznamenané. Existuje druhé hláskovanie, a to "pristátie". Je však potrebné poznamenať, že ide o menej bežnú formu. Tento záver je založený na údajoch z Yandex Statistics - 1 milión žiadostí oproti 120 tisícom.

Ak vezmeme do úvahy účel vstupných stránok, potom sú vytvorené pre:

  • Predaj konkrétneho produktu alebo služby.
  • Zhromažďovanie informácií o cieľovom publiku.
  • Distribúcia softvéru a informačných produktov.

Ale napriek účelu je cieľ takýchto stránok rovnaký - zvýšiť úroveň predaja. S jeho pomocou sa dosiahne 20-30% nárast objednávok, najmä ak má obchod jedno z nasledujúcich špecifík:

  • Predaj tovaru alebo služieb nižšej a strednej cenovej kategórie.
  • B2B predaj.
  • Sieťové podnikanie.
  • Výroba produktov.
  • Predaj jedinečných špecifických produktov.
  • Infobiznis.
  • Predaj, prenájom, kúpa nehnuteľností.
  • Turistické služby.
  • Kozmetické salóny, fitness kluby a ďalšie služby súvisiace s kategóriou Krása a zdravie.
  • Dopravné služby atď.

Z prezentovaného zoznamu je jasne vidieť, že vstupné stránky sú vhodné pre takmer všetky oblasti podnikateľskej činnosti. Navyše sú atraktívne nielen pre svoju efektivitu a všestrannosť, ale aj pre nízke náklady na implementáciu a jednoduchosť deleného testovania, ktoré možno nahradiť viacnásobným pristátím.

Multilanding je stránka s dynamicky sa meniacim obsahom, ktorý sa prispôsobuje určitá skupina používateľov. Môže sa zmeniť čokoľvek: názov, text, kontaktné údaje atď. Táto funkcia vám umožňuje rozdeliť celkovú masu cieľového publika do malých skupín a čo najviac prispôsobiť stránku.

Typy vstupných stránok

Pred vývojom sú stanovené hlavné charakteristiky vstupnej stránky vrátane jej vzhľadu. Klasifikácia je založená na ich veľkosti potrebnej na zobrazenie informácií o firme alebo jej produkte.

Vstupné stránky sú:

  • Jeden krok - jeden krok. Jednokrokové pristátie je klasická verzia stránok, ktoré pozostávajú z jednej webovej stránky. Ich hlavným cieľom je prilákať a „zahriať“ potenciálnych zákazníkov.
  • Dvojkrokový – dvojkrokový. Dvojkrokové stránky sú menej bežné, ale nie menej efektívne. Vstupná stránka v dvoch krokoch je samostatná stránka, ktorá ponúka návštevníkovi viacero možností. Výberom jedného z nich sa klient dostane na doplnkovú stránku, ktorú môže reprezentovať formulár na zadanie objednávky, prihlásenie k odberu newsletteru a pod.
  • Dlhá strana – dlhé strany. Dlhá stránka znamená, že vstupná stránka sa posúva o dve alebo viac stránok nadol.
  • Krátka strana – krátke strany. Krátka stránka má veľkosť jednej obrazovky bez rolovania. Krátku vstupnú stránku je vhodné použiť len pri propagovaných značkách, ktoré nie je potrebné používateľom predstavovať, prípadne ako nástroj na presmerovanie na iné stránky webu na zber potrebných informácií.

Koľko stojí vstupná stránka a ako si ju objednať?

Ak myšlienka zavedenia vstupnej stránky už dozrela, otázka nákladov na toto „potešenie“ zostáva otvorená. Cena za pristátie závisí od toho, ako sa vyvíja. Sú len dve: nezávislé a so zapojením špecialistov. A, samozrejme, vývoj stránky odborníkmi bude oveľa drahší.

Napríklad:

  • Priemerné náklady na vstupnú stránku pre nezávislých pracovníkov sú 5 000 - 20 000 rubľov.
  • Služby dizajnérskeho štúdia - 50 000 - 100 000 rubľov.
  • Vývoj vstupnej stránky renomovanou agentúrou - 100 000 - 500 000 rubľov.

Vstupnú stránku môžete vytvoriť úplne od začiatku sami, ale bude to vyžadovať viac času a úsilia, najmä na školenie. A opäť nie je možné tento nápad implementovať zadarmo, pretože tak či onak budete musieť prilákať programátora alebo si kúpiť platenú šablónu. Problematické to bude najmä pre tých, ktorí nemajú ani základné znalosti o vývoji webových stránok.

Ak si chcete objednať vstupnú stránku od špecialistu, najprv si stanovte rozpočet, ktorý má spoločnosť k dispozícii. A počnúc týmto, hľadajte interpreta. Ak je to freelancer, zaregistrujte sa na burze. Ak ide o agentúru, pozrite si portfóliá a recenzie práce. Ďalej sa scenár bude vyvíjať podľa jedinej schémy:

  1. Vyplnenie briefu (technickej úlohy).
  2. Koordinácia hlavných želaní a preferencií s účinkujúcim.
  3. Podpísanie servisnej zmluvy.
  4. Vyplatenie zálohy.
  5. Vyhodnotenie práce a spustenie stránky v sieti.
  6. Úplná platba za službu stanovenú zmluvou.

Konečná cena závisí od mnohých kritérií. Pred podpisom zmluvy zhotoviteľ vypracuje predbežný odhad, pomocou ktorého sa určí predpokladaná cena diela. Hlavnými faktormi ovplyvňujúcimi konečnú cenu môžu byť:

  • Štruktúra a dizajn stránky (čím zložitejšia, tým drahšia).
  • Obsah (jedinečný predajný text a fotografie môžu mať hodnotu až 1 000 USD).
  • Nastavenie .
  • Špecifiká a vlastnosti podnikania.

Ak máte základné znalosti v oblasti tvorby webových stránok a vedomú predstavu o tom, čo sú a na čo slúžia vstupné stránky, potom je vhodnejšie rozhodnúť sa pre vlastný rozvoj. V praxi to nie je také ťažké, ako sa na prvý pohľad zdá.

Ako vytvoriť vstupnú stránku zadarmo?

Vstupná stránka obsahuje rovnaké prvky ako bežná webová stránka. Jediný rozdiel je v tom, že pozostáva z jednej (maximálne dvoch) stránok a spôsoby jej konštrukcie sa príliš nelíšia od bežného vývoja stránky.

Skutočné spôsoby, ako získať vstupnú stránku zadarmo:

  • Vytvorte si webovú stránku alebo nakúpte hotová šablóna na WordPress.
  • Použite špecializovaný konštruktor (generátor).
  • Stiahnite si hotovú šablónu a „prepíšte“ ju v súlade s individuálnymi charakteristikami spoločnosti.

Pri vytváraní vlastnej stránky od nuly budete potrebovať nielen znalosti v oblasti vývoja a dizajnu webu, ale aj schopnosť vybrať si ten správny obsah. Veľmi často sa s textom, ktorý je umiestnený na stránke, zaobchádza s pohŕdaním. Zatiaľ čo úroveň konverzie priamo závisí od toho.

Pre začiatočníkov je jednoduchšie a rýchlejšie spustiť vstupnú stránku pomocou špeciálnych dizajnérov. Sú bezplatné, shareware a platené. Podmienečne bezplatné sa nazývajú programy, v ktorých sú niektoré možnosti dostupné používateľovi až po zakúpení predplatného. Ale aj keď na vývoj použijete bezplatný konštruktor, stále musíte platiť za doménu a hosting, na ktorom bude stránka uložená.

Dizajn a štruktúra vstupnej stránky

Dizajn vstupnej stránky odborníci vysoko oceňujú, a preto. Od dizajnu stránky závisí, či ju používateľ prelistuje až do konca a či urobí to, čo sa od neho vyžaduje. Dobrý dizajn prevedie klienta od nadpisu až po formu. spätná väzba po zhliadnutí zostanú len pozitívne emócie. Zlý dizajn prinúti používateľa zavrieť stránku po 15 sekundách prehliadania.

Vlastnosti dobrý dizajn vstupná stránka:

  • Jednoduchosť a stručnosť.
  • Blokovať odosielanie obsahu.
  • Svetlá grafika.
  • Logická štruktúra stránky.

Dizajn navyše musí plne zodpovedať obsahu stránky. Ťažké bloky s čiernymi monogramami na stránku dopravného podniku nie sú, mierne povedané, tou najlepšou možnosťou.

Pokiaľ ide o štruktúru stránky, už dlho ju vypracovali špecialisti. Netreba si lámať hlavu a „vynájsť koleso“, stačí vytvoriť vstupnú stránku v jasnom poradí.

Štruktúra vstupnej stránky:

  1. pútavý názov;
  2. Popis produktu;
  3. výhody;
  4. špeciálna ponuka;
  5. objednávka.

Doplňte štruktúru recenziami produktov a blokmi otázok a odpovedí. Kľúčom je stručnosť. Koniec koncov, pravidlo Steva Kruga "Nenúťte ma myslieť!" je stále relevantné.

13 prikázaní na vytvorenie efektívnej vstupnej stránky

Skúsení špecialisti, ktorí sa profesionálne zaoberajú vývojom predajných stránok, majú svoje vlastné stratégie na vytváranie vstupných stránok s vysokou konverziou. A nikto z nich sa neponáhľa s odhalením svojich tajomstiev, inak dopyt po ich službách jednoducho zmizne, rovnako ako stabilný príjem. Existuje však zoznam odporúčaní, ktoré pomáhajú zvýšiť mieru konverzie.

Pravidlá pre vytvorenie efektívnej vstupnej stránky:

Jedno pristátie – jeden produkt

Aby ste z pristátia vyťažili maximum, zamerajte pozornosť návštevníka na konkrétny produkt. Inými slovami, nemôžete dať klientovi pred výber, pretože je ťažké si vybrať. Je oveľa jednoduchšie prelistovať stránku, zavrieť ju a zabudnúť, že existuje. Ale účel pristátia je úplne opačný. Efektívna schéma vyzerá takto - Produkt-Zľava-Objednávka.

pútavý názov

Nie kričiace, ale chytľavé. Ak predtým napísali slovo „Propagácia“ na začiatok stránky veľkým písmom a fungovalo to, dnes má táto technika opačný efekt. Aby si návštevník prezrel ponuku, nadpis by si mal lámať hlavu a držať sa „naživo“.

Napríklad dobrý nadpis pre kliniku pre plastická operácia"Chceš vidieť nové ja?" Samozrejme, ľudia, ktorí premýšľali o plastickej chirurgii, si vizuálne predstavovali svoj ideálny vzhľad. Tento titulok vás prinúti prísť s premysleným obrázkom a urobiť krok, ku ktorému vedie vstupná stránka, aby ste si splnili svoj sen.

Jasnosť cieľovej akcie

Keď sa návštevník dostane na stránku, musí jasne pochopiť, čo presne od neho chce. A musí to pochopiť skôr, ako o ňu stratí záujem. Vstupné stránky s nízkou mierou konverzie najčastejšie strácajú zákazníkov z dvoch dôvodov:

  • Nejednoznačnosť cieľovej akcie. To znamená, že na stránke jednoducho nie je žiadna výzva na akciu. Napríklad formulár spätnej väzby nenúti používateľa, aby ho vyplnil. Dôležité je vysvetliť, čo to je, prečo to je a prečo by tomu mal klient venovať čas.
  • Preťaženie stránky. Pamätajte na jednoduchosť a stručnosť dizajnu. Neskúsení vývojári sa snažia na vstupnú stránku umiestniť všetko naraz. To má za následok preťaženie stránky obsahom, grafikou a nesúrodými prvkami.

Ak chcete jasne označiť cieľovú akciu, napíšte priamo a konkrétne to, čo sa od návštevníka stránky požaduje (prihlásenie na odber, objednávka, stiahnutie atď.), a vytvorte na to tlačidlo na dosah sekundy. Ak má klient hľadať, ako urobiť to, čo od neho chcú, vyberie sa jednoduchšou cestou – stránku jednoducho zavrie.

Predaj textu

Textový obsah má zvláštne „čaro“. S jeho pomocou spôsobujú v človeku rôzne emócie - od nostalgie po hnev, ale in tento prípad musí predať. Človek je od prírody emocionálna bytosť a dôležité rozhodnutia robí na základe svojich vnútorných pocitov. Preto musí byť dobrý textár aj psychológ, ktorý vie, za aké „šnúry“ treba ťahať, aby čitateľ urobil to, čo sa od neho vyžaduje.

Ak chcete napísať skutočne predajný text, musíte:

  • Vedieť, pre koho to je. Spôsob a štýl prezentácie informácií sa líši v závislosti od zamýšľaného čitateľa, preto si pred písaním zostavte portrét potenciálneho kupca.
  • Študovať klasické marketingové techniky a princípy psychologického vnímania informácií.
  • Vedieť podať informácie stručne, ale komplexne. Počas čítania bude mať návštevník pristávania určite otázky, úlohou autora je odpovedať na ne skôr, ako prejde na ďalší blok stránky.

Ak chcete napísať dobrú predajnú kópiu, premýšľajte rovnakým spôsobom ako potenciálny kupujúci. Je to ťažké, ale bez toho je pravdepodobnosť vysokej návratnosti vstupnej stránky minimalizovaná.

Textová výzdoba

Pre lepšie vnímanie informácií správne naformátujte text. Ak na súvislé plátno umiestnite aj profesionálny predajný text, sotva ho niekto prečíta. Pretože sa vám to bude zdať ťažké, dlhé a málo zaujímavé.

Pravidlá formátovania textu:

  • Veľkosť a štýl písma. Optimálna veľkosť– 16 px, vo výnimočných prípadoch 14, najčastejšie štýly Arial, Meiryo, Georgia.
  • Ponuky. Text by mal obsahovať jednoduché vety bez zložitých fráz.
  • Blokovať zasielanie informácií. Každý blok je odsek. Odsek by nemal mať viac ako 3-5 riadkov.
  • titulky. Ak chcete rozdeliť obsah textu, použite podnadpisy každých 3 až 6 odsekov.
  • Tabuľky, grafy, zoznamy, citáty. Tieto prvky tiež pomáhajú zoštíhliť text a uľahčujú jeho čítanie.

Aby si overili, ako dobre je reklamný text napísaný a navrhnutý, pripomínajú si „efekt šmykľavého kopca“ amerického copywritera Joseva Sugermana. Ak to chcete urobiť, nechajte text na chvíľu „odpočívať“ a potom sa pokúste „zjazdiť z kopca“ sami, to znamená, že si prečítajte text od začiatku do konca. Ak sa čitateľ pri čítaní „zasekne“, skontrolujte a opravte problémové oblasti textu.

Žiadna agresívna a rušivá reklama

  • Veľký počet zvolacích viet;
  • Písanie veľkých písmen celého textu alebo jeho jednotlivých fráz;
  • Zjavné frázy ako: Limitovaná ponuka“, „Likvidácia tovaru prostredníctvom nízke ceny“, “Len dnes zľavy až do ...%”

Reklama by mala byť inteligentná, nie agresívna. Používatelia dnes dokážu ľahko rozlíšiť explicitnú reklamu od skutočne hodnotnej ponuky, návštevník, ktorý sa pristaví, by nemal mať dojem, že do neho chce niečo „strčiť“.

Štruktúra

Umiestnenie blokov textu nie je potrebné viazať presne na stred strany. Napríklad popis produktu môže byť v strede, výhody vpravo, recenzie vľavo. Štruktúrovanie môže byť čokoľvek, hlavnou vecou je nasmerovať čitateľa v správnom poradí. Na tento účel použite šípky, obrázky, vodiace čiary atď. V žiadnom prípade by pohľad návštevníka nemal bezcieľne blúdiť po stránke.

Relevantnosť

Relevantnosť je zosúladenie očakávaní používateľov s realitou. Teda ak výsledky Výsledky vyhľadávania osoba videla nadpis „Exkluzívne šperky“, potom by vstupná stránka mala mať podobný alebo podobný nadpis.

Nízka miera konverzie je často spojená s tým, že sa na stránku dostanú nielen náhodní návštevníci, ale aj náhodní návštevníci. Aby ste tomu zabránili, nemusíte používateľov spočiatku zavádzať.

Pracujte s námietkami

Námietka je podstatným článkom predajného reťazca. Človek premýšľa o obchodnej ponuke a to je celkom normálne. No v prípade landing page prácu komplikuje fakt, že neexistuje priamy kontakt medzi kupujúcim a predávajúcim. Myslite vopred na možné pochybnosti klienta a dokážte ho presvedčiť o ich neopodstatnenosti.

Na presvedčenie klienta o bezpečnosti transakcie sa používa:

  • 24/7 podpora.
  • Záručná lehota na vrátenie.
  • Formuláre spätnej väzby.
  • Bezplatné skúšobné obdobie.

Obmedzená ponuka

Obmedzená ponuka je silný, ale riskantný spôsob prilákania zákazníkov. Predtým sa hojne využívali odpočítavacie počítadlá pri pristávaní, ktoré údajne ukazovali zostávajúci čas do konca akcie. Teraz ich však stále viac a viac podnikateľov odmieta, pretože keď sa klient po 1-2 dňoch vrátil na stránku predajcu a videl rovnaký pult, úroveň dôvery v spoločnosť klesla na nulu.

Na uplatnenie tohto spôsobu zvýšenia konverzie je vhodnejšie použiť reálne počítadlá zostatku reklamného produktu. To ukáže potenciálnemu klientovi, že produkt je skutočne žiadaný a je dostupný v obmedzenom množstve.

Dôvera klienta

S bezohľadnými predajcami sa stretol snáď každý druhý používateľ siete. Používatelia internetu sa preto pri nakupovaní cez internet začali správať opatrnejšie. Úlohou predajcu je preto presvedčiť klienta o spoľahlivosti a bezpečnosti.

Na tento účel by pristátie malo obsahovať:

  • Kontaktné údaje spoločnosti;
  • Odkazy na komunity v sociálnych sieťach;
  • Ocenenia, certifikáty, licencie získané spoločnosťou;

Viktória Kuchinová

Hlavným problémom väčšiny moderných vstupných stránok je to, že sa zdajú byť všetky vytvorené v kópii. A kde je kreativita, oheň, kde je dizajnové šialenstvo?

V tejto zbierke som zhromaždil zaujímavé čipy a nezvyčajné efekty. Niektoré z nich vytvorili vývojári a web dizajnéri Texterra, niektoré sa našli na Runete. Nie bez príkladov ohavného dizajnu a vyslovenej šizy - na konci článku nájdete zoznámenie so zabijáckym škrečkom a Snehulienkou s vedrom.

Sledujte, inšpirujte sa, začleňte nápady, ktoré sa vám páčia, do praxe, kombinujte ich s vlastnými a nezabudnite na A/B test – to je jediný správny recept na vytváranie vražedných vstupných stránok.

A čo je najdôležitejšie, nezabudnite, že vstupná stránka nie je sebestačný nástroj. Pre konverzie, potenciálnych zákazníkov a predaj potrebujete kvalitnú návštevnosť. A je ťažké ho získať bez komplexnej propagácie.

Rozšírená forma

Zvyčajne na jednostránkové použitie štandardná forma aplikácie s viacerými poľami. Najčastejšie potrebuje klient uviesť kontaktné údaje – meno, priezvisko, mail alebo telefónne číslo. Ale v niektorých zložitých oblastiach je lepšie pokryť tému podrobnejšie. V Texterre to urobili takto: vo forme vstupnej stránky dellservers.ru si klient môže vybrať modul, parametre a úlohy servera. Môže resetovať hodnoty, ak sa niečo pokazilo.

Načo to je? V každom prípade vlastník vstupnej stránky získa svojich potenciálnych zákazníkov – aj keď sú vo formulári iba dve alebo tri polia. Ale tu bude pre klienta zaujímavé siahnuť hlbšie. Nielen objednať, ale vybrať si vlastnú možnosť.


Dve tlačidlá STA

Na vstupnej stránke plánovača úloh na adrese wunderlist.com/ru sú naraz dve výzvy na akciu, ktoré sa navzájom posilňujú: „Vytvorte si bezplatný účtu“ a „Stiahnuť Wunderlist“. Používatelia kliknú na oba odkazy, konverzia stúpa a vstupná stránka robí svoju prácu dokonale.


Konkrétne čísla (výsledky)

Nie je to nové, ale stále funguje. Ukážte klientom, čo ste dosiahli v číslach: toto je jasnejšie ako abstraktné frázy „sme najlepší“, „máme stovky dokončených projektov“ atď. Pozrite sa na vstupnú stránku smartprogress.do: okamžite uvidíte, koľko ľudí sa už zapojilo do projektu, koľko cieľov bolo stanovených, koľko úspechov sa dosiahlo.


Personalizácia

Vstupné stránky šablón bez tváre - br-r, čo môže byť nudnejšie! Oživte svoj one-pager, pridajte oheň, zaujmite potenciálneho klienta. Napríklad na stránke služieb Texterra na tvorbu webových stránok sú fotografie zamestnancov, ktorí sa na tom priamo podieľajú. Návštevník príde a vidí: áno, nie abstraktní vývojári, ale celkom živí Svyatoslav, Polina, Artem a ďalší sa budú zaoberať mojím zdrojom.


Pohodlný formulár odpovede

Na mnohých vstupných stránkach a webových stránkach môžete položiť otázku iba prostredníctvom formulára. To znamená, že musíte uviesť meno a priezvisko, zanechať telefónne číslo a e-mail. Niekedy dokonca musíte zadať captchas a kódy - hrôza! Je jasné, že sa to robí s cieľom získať potenciálnych zákazníkov. Ale je tu aj iná možnosť – ako na cieľovej stránke Cerebro Target. Ak ste zaregistrovaný na VKontakte, nemusíte nič vypĺňať - vezmite si to a napíšte. Klient sa cíti dobre, aj majiteľ sa má dobre - kontakt zostal, môžete pokračovať v práci.


Hodnotenia zákazníkov

Môžete požiadať klientov, aby hovorili o svojich skúsenostiach a publikovali prijaté texty na vstupnej stránke. Háčik je ale v tom, že návštevník si nijako nepreverí, či ide o skutočné recenzie alebo falošné. Je lepšie ísť ďalej a presvedčiť o tom návštevníkov. Vstupná stránka huskypark.info, ktorú vyvinula spoločnosť Texterra, cituje slová klientov z Instagramu s odkazmi na ich účty. Všetko je fér - príďte sa pozrieť.


Ukážka výsledkov



3D grafika a rozšírená realita

Vstupná stránka bola vytvorená pre aplikáciu Qubi. Toto je hra pre deti od 3 rokov a dospelých. Podstata hry je jednoduchá. V prvom kroku užívateľ podľa navrhovanej schémy nalepí skutočnú papierovú, kartónovú alebo drevenú kocku.


Potom si nainštaluje aplikáciu, otvorí ju na svojom smartfóne a „pozerá“ sa na kocku cez kameru zariadenia.


Na obrazovke smartfónu alebo tabletu kocka ožije. Používateľ hrá trojrozmernú verziu „Had“, „2048“, „Labyrint“. V tomto prípade musíte hru ovládať pomocou skutočnej kocky. Na ovládanie kocky dvoma rukami je potrebné použiť špeciálny stojan pre váš smartfón, ktorý si sami zostavíte.


Trojrozmerný model kocky je možné vidieť na obrázku (gif).


Čo klient chcel

Klient požiadal o vytvorenie vstupnej stránky, ktorá zdôrazní vlastnosť hry: použitie 3D rozšírenej reality. Chcel najmä vidieť efekt pohybujúcich sa plôch trojrozmernej kocky, ktorej aktívna plocha je vpísaná na obrazovke zariadenia návštevníka.

Čo sme urobili

Implementovali sme 3D pomocou CSS3 3D transformácií. Prechody medzi plochami kocky sa vykonávajú pomocou čistého JavaScriptu so sledovaním udalostí ťahaním a dotykom. Vďaka neobvyklým prechodom medzi obrazovkami používateľ vytvára pocit trojrozmernosti obrazovky. Toto je obzvlášť výrazné na pracovnej verzii vstupnej stránky.


Pre konečnú verziu vstupnej stránky sme vytvorili realistickejšiu verziu kocky. Na rozdiel od pracovnej verzie v konečnej verzii dochádza k otáčaniu kocky zvonku, nie zvnútra. Pocit 3D umocňujú animácie titulkov.


Vstupná stránka je plne responzívna.

Interaktívny výber farieb interiéru a nábytku

Zvláštnosťou vstupnej stránky DSK.Color je možnosť nezávisle si vybrať farbu nábytku a interiérových predmetov pomocou interaktívnej palety.

Spoločnosť DSK.Color namaľuje akékoľvek povrchy rôznymi farbami. Môžete si objednať farbenie nábytku, domáce prístroje, bicykle, hudobné nástroje a iné predmety. Zákazník si môže vybrať akúkoľvek farbu.

Najžiadanejšou službou je maľovanie nábytku a interiérových predmetov. Tvorí asi 80 % práce klienta.

Čo klient chcel

Klient požiadal o jasné a nezabudnuteľné pristátie "s výzvou na farbenie všetkého okolo." Mal nápady na vytvorenie 3D znázornenia nábytku tak, aby návštevník „mohol otočiť a prezerať namaľovaný predmet z rôznych uhlov“.

Čo sme urobili

Klientovi sme ponúkli nápad: dať návštevníkovi možnosť nezávisle si vybrať farbu nábytku a interiérových predmetov.

Na tento účel ponúkla vstupná stránka obrázok miestnosti, v ktorej môže návštevník maľovať hlavné objekty pomocou palety, ktorá sa otvorí po kliknutí. Na základe zvolených farieb a položiek si používateľ môže vypočítať náklady na služby. Prvý prototyp vyzeral takto.


Klientovi sa nápad veľmi páčil, a tak sme vytvorili funkčný prototyp vstupnej stránky. Na ňom už hlavná časť vyzerala takto.


S klientom sme sa dohodli na ponechaní možnosti náteru stola, stoličiek, dverí a kuchynskej linky. Toto sú hlavné položky, ktoré spoločnosť maľuje.

Po schválení prototypu sa do práce zapojili dizajnér a dizajnér dispozičného riešenia. Prvý nakreslil všetky položky v svg (toto je grafický formát). Druhý vymyslel a pridal paletu farieb do oblastí svg. Potom implementovali modálne okno. Pomocou neho môže používateľ dvakrát skontrolovať farby a položky a odoslať požiadavku na službu.


Nezvyčajné a obyčajné predpätia

Pomocou preloaderu alebo spinneru môžete urobiť akúkoľvek vstupnú stránku pohodlnejšou a vizuálne atraktívnejšou. V tejto časti si povieme niečo o preloaderoch a pozrieme sa na príklady týchto prvkov vytvorených špecialistami Texterra.

Čo je to preloader a aké úlohy rieši

Preloader alebo spinner je znak, ktorý sa objaví na obrazovke pred načítaním stránky. Tieto prvky vidíte každý deň, keď používate internet. Nižšie je uvedený príklad preloaderu.


Preloader rieši praktický problém: informuje používateľa, že sa stránka načítava, a zároveň nahrádza vizuálne neatraktívny obrázok načítania. Toto je potrebné vysvetliť.

kvôli technické vlastnosti práce prehliadačov stránky stránok sa načítavajú nerovnomerne. Počas načítania môže rozloženie „plávať“. Ak sa stránka načíta za niekoľko sekúnd, nie za zlomok sekundy, používateľ bude nejaký čas pozorovať neatraktívny obrázok.


Preloadery sú implementované pomocou štandardné nástroje front-end vývoj: HTML, CSS, JavaScript a ďalšie knižnice a rámce, ako napríklad jQuery, React.

Ako zlepšujeme vstupné stránky pomocou nástrojov na predbežné načítanie

Vytvárame jedinečné preloadery, vrátane animovaných. Tu sú niektoré z našich prác.

  • Qubi

Pre vstupnú stránku Qubi sme vytvorili predbežné načítanie, ktoré napodobňuje navigačnú ponuku. To umožňuje používateľovi pochopiť, ako je stránka spravovaná ešte pred jej načítaním.


  • levellen

Na stránke Levellen Interiors sme použili preloader vo forme firemného loga. Toto je ďalší prvok značky webových stránok.

Vstupná stránka poskytuje informácie o prenájme priestorov v biznis centre. Hlavné tajomstvo vstupnej stránky je v sekcii "Kancelárie". Užívateľ tu vidí dostupnosť voľných kancelárií na každom poschodí budovy.


Keď umiestnite kurzor myši na voľnú kanceláriu, zobrazí sa tlačidlo "Podrobnosti".


Stlačením tlačidla sa používateľ nasmeruje na stránku s informáciami o kancelárii a jej fotografiami. Na tejto stránke môžete zanechať žiadosť o prenájom izby.


Funkcie implementácie

Náš dizajnér nakreslil tvary kancelárskych priestorov, kresby sú vytvorené vo formáte svg. Tieto výkresy sú prekryté na pôdorysoch. Keď správca stránky v ovládacom paneli zaznamená, že kancelária je voľná, skript zapne zobrazenie obrázka na pláne a možnosť prejsť na stránku s informáciami a objednávkovým formulárom. Keď administrátor zaznamená, že kancelária je zaneprázdnená, skript vypne obraz v pláne.

Vlastný dizajn

V tomto príklade nie sú žiadne zložité technické triky a dizajnové efekty – celá vstupná stránka sa odoberá Pekný obrázok: pozadie, farby, chutné fotografie astrachánskeho kaviáru. jednu stranu astrahancaviar.rudobrý príklad ako vďaka dizajnérovi chce byť výrobok zakúpený. A okamžite jesť!


Nakoniec o bolestivých - niekoľko príkladov hrozných pristátí. Pre kontrast, facepalm, impotentná agónia a tak ďalej. Nebudem popisovať, čo je s nimi zlé - navrhujem, aby ste tieto problémy vyriešili sami. Ita-a-ak...