Si të bëni një fotosesion në një fushë me grurë. Sesioni fotografik në terren: cilat ide mund të zbatohen? Ide për një fotosesion në natyrë: krijimi i një imazhi dhe krijimi i një historie

Nëse këpucët janë komponenti i fundit i çdo veshjeje, atëherë fundi i faqes së një e-Commerce është elementi përfundimtar i dizajnit të tij të shitjes. Duke u fokusuar në elementin e poshtëm, fundin, faqet moderne të internetit janë gati të shfaqin personalitetin e tyre në çdo mënyrë të mundshme. Në një mjedis konkurrues të tregtisë elektronike, ka mjaft ide origjinale, kreativiteti dhe tendencat e dizajnit. Para se të diversifikoni fundin e një faqeje të tregtisë elektronike, ia vlen të merren parasysh pika të rëndësishme. Çfarë të vendosni së pari dhe cila është mënyra më e mirë për ta bërë atë? Përmbledhja jonë e modeleve frymëzuese të futbollit ka disa opsione interesante.

Lexoni gjithashtu: 13 tendencat e marketingut në e-commerce 2019

Statistika interesante nga Chartbeat. Një studim i sjelljes së 25 milionë përdoruesve tregoi se sa thellë shfletojnë faqet. Rezulton se vëmendja e përdoruesit tërhiqet nga hapësira nën vijën e palosjes. Duke u bërë më praktikisht informacione të dobishme, vizitorët qëndrojnë më gjatë në zonën 1200 pikselë nga maja e faqes (me një ekran vertikal mesatar 700 pikselë në shfletues), ose pas ekranit të dytë.

Koha e shikimit (sek.) / Largësia nga pjesa e sipërme e faqes (pikselë)

Ka një hendek të madh në kohëzgjatjen e shikimit të ekranit të parë dhe të dytë. TOP është 4 sekonda, kohëzgjatja arrin një maksimum (16 sekonda) në 1200 piksele nga lart dhe me lëvizje të mëtejshme, zvogëlohet ngadalë.

Përqindja e vizitorëve (%) / Distanca nga pjesa e sipërme e faqes (pikselë)

Një pjesë e konsiderueshme e vizitorëve (më shumë se 25%) as nuk presin që përmbajtja të ngarkohet dhe të fillojë të lëvizë faqen. Kjo do të thotë se vetëm 75% do të shohin të parët në krye. Zona më e shikuar e faqes është 550 px (pak mbi vijën e palosjes).

Studimi hedh poshtë mitin se përdoruesit nuk lëvizin në fund të faqes dhe shikojnë të gjithë përmbajtjen. Fundi është gjithashtu i rëndësishëm për një faqe moderne të tregtisë elektronike, dhe madje ka avantazhet e veta.

Ide se si të dizenjoni një "bodrum" (footer), shembuj të shitjes së modeleve

Këto 10 këshilla do t'ju tregojnë se si të dizajnoni bukur footer-in për një faqe interneti - sipas rregullave të kompozimit në hartimin e uebit dhe zgjidhjen e detyrave prioritare. Aplikoni taktikat më të përshtatshme për të përmirësuar përdorshmërinë, UX (përvojën e përdoruesit) dhe madje për të rritur shitjet.

1. Informacioni i kërkuar

Tradicionalisht, çështjet e kërkuara organizative dhe ligjore mbulohen në fund të faqes. Njoftimet janë krijuar me tekst më pak të dukshëm, i cili çliron zona të tjera të faqeve për elementë më kuptimplotë. Këtu është një listë mostër për t'u marrë parasysh:

• Njoftimet për të drejtën e autorit
• Shfajësimet ligjore
• Informacioni i faturimit
• Njoftim për cookie

Faqja e internetit që shet produktin duhet të plotësojë kërkesat ligjore dhe të ofrojë informacion në lidhje me procedurën dhe periudhat e kthimit. Vendndodhja e tij në fund të faqes është e përshtatshme si për burimin e shitjes ashtu edhe për vizitorët.

Shembull fundor: Yves Rocher

Dyqan online markë tregtare Yves Rocher: fundi i faqes në ekran të plotë me një dizajn të këndshëm të shtresave të alternuara. Informon për kompaninë, infrastrukturën e faqes së internetit të shitjes - nga ndjekja e porosive deri te politika e të dhënave personale. Ka edhe këshilla për përdorimin e produktit, bonuse, promovime

Shembull në fund të faqes: Lumity

Tregtarët e suplementeve ushqimore u nënshtrohen kërkesave ligjore në rritje. përgjegjësi. Ka mjaft gjëra që duhet/nuk duhet të thonë në faqen e tyre të shitjeve. Lidhje me informacion ligjor theksuar me shkronja të zeza për shikueshmëri më të mirë.

Një footer me një imazh të bukur sfondi përshtatet në mënyrë shumë organike në dizajnin e përgjithshëm të faqes. Nuk ka një kufi të qartë, përkundrazi, vetë përmbajtja shërben si ndarës

Shembull i fundit të faqes: Saddleback Leather Co

Një faqe interneti me shitje me një dizajn të bukur retro kokë dhe fund. Garanci 100-vjeçare kundër defekteve në material dhe përfundim. Kushtet e kthimit shoqërohen nga histori interesante... jo gjithçka është aq e trishtuar me informacionin e nevojshëm për e-Commerce, rezulton

2. Hapësirë ​​negative – distancë e mjaftueshme vizuale

Kur kufizoni numrin e lidhjeve në fund të faqes, mos kurseni në hapësirën negative - kjo do të ketë një efekt mahnitës në perceptimin vizual dhe do të përmirësojë lexueshmërinë. Rregulli i përgjithshëm: Duke ruajtur hierarkinë vizuale, elementët qendrorë vërehen më shpejt (mund të përdoren në avantazhin tuaj!).

Shembull fundor: QUAY AUSTRALIA

Me një stil minimalist dhe një meny fikse rënëse, dyqani online mund të përballojë një fund të gjerë

Shembull fundor: Incase

RRETH sasi të mëdha hapësira mikro-negative (midis elementëve të vegjël) mund të thuhet në këtë mënyrë: përderisa të gjitha informacionet e nevojshme janë të pranishme, ai është i lexueshëm dhe perceptohet shpejt - gjithçka është në rregull

Shembull në fund të faqes: Stumptown Coffee Roasters

Fundi i gjerë i një vendi kafeje është një kompletim i shkëlqyer i një përbërjeje të pastër dizajni, në të cilën ka shumë hapësirë ​​makro-negative ("ajër" midis seksioneve/seksioneve)

3. Thirrja përfundimtare për veprim

Lexoni gjithashtu: Mbi 30 shembuj dhe ide për dizajnimin e butonave të veprimit të synuar

Dizajni elegant i futbollit flet shumë për vetë burimin. Është e rëndësishme të theksohet: blerësi qëndron këtu pak më gjatë se në pjesët e tjera të faqes. Një mundësi e përshtatshme për një thirrje tjetër, përfundimtare për veprim. Shpesh ky është një abonim/buletin, por gjithashtu mund të lidhni një thirrje CTA me regjistrimin e llogarisë.

Shembull i fundit: Greetabl

Greetabl ka një fund të faqeve të saj të dizajnuara në mënyrë modeste që përfshin një thirrje për t'u abonuar. Me një minimum elementesh, thirrja bëhet e dukshme dhe në harmoni me sfondin bruz kthehet në një dekorim të sitit.

Shembull fundor: Ecwid

Dizajn i bukur me thirrje për veprim në fund të faqeve. Struktura e krijuesit të faqes së internetit të shitjes është universale. Është përkthyer në 35 gjuhë për miliona klientët e saj.

4. Karroca lundruese – rritja e disponueshmërisë së funksionalitetit të shitjes

Hyrja në karrocën e blerjeve nga fundi i faqes është një mënyrë e shkëlqyer për të përmirësuar përdorshmërinë dhe cilësitë e shitjes së sajtit.

Shembull fundor: Lemonadela

Faqja e shitjes së kompanisë së hotelierisë është e këndshme për t'u parë dhe e përshtatshme për blerësin

5. Navigimi në fund të faqes

Pjesa e poshtme e faqes është ideale për informacione që nuk shihen shpesh: në lidhje me kompaninë, kushtet e shërbimit dhe politikën e privatësisë. Në këtë rast, funksioni i footer-it është të ruajë të gjithë. Duke u ndjerë i humbur në mjedisin e tregtisë elektronike, dikush interesohet për infrastrukturën dyqan elektronik, duke lëvizur instinktivisht më tej...

Hapësira negative është thelbësore për lexueshmërinë e përmbajtjes. Në përgjithësi, "futeri" nuk është për qëllime navigimi, ndryshe nga një menu ose harta e faqes. Vetëm në raste të rralla, faqet e tregtisë elektronike vendosen në fund kategori të veçanta mallra (

Mbaj mend që në momentin kur fillova të kaloja nga tabelat në paraqitjen e div, një nga vështirësitë që hasa ishte e mëposhtme - si ta shtyni fundin e faqes në fund të dritares së shfletuesit, në mënyrë që faqja të shfaqet e zgjatur deri në lartësinë e saj të plotë, pavarësisht nga vëllimi i tekstit, dhe nëse lartësia e faqes është më e madhe se lartësia e dritares së shfletuesit (kur shfaqet një rrotull), futeri do të mbetet në vendin e duhur.

Nëse me ndihmën e tabelave ky problem zgjidhet vetëm duke specifikuar lartësinë për tabelën dhe/ose qelizën e vendosur në të, atëherë kur përdorni CSS në paraqitjen e bllokut përdoret një qasje krejtësisht e ndryshme.

Në procesin e praktikës, u identifikova për veten time 5 mënyra për të shtrydhur fundin e faqes në fund të dritares së shfletuesit duke përdorur CSS.

Kodi HTML i të gjitha metodave të paraqitura ka strukturën e mëposhtme (i vetmi ndryshim është kodi CSS):

Kodi CSS më poshtë përfshin vetëm ato veti që janë minimalisht të nevojshme për të zbatuar metodën përkatëse. Për secilën prej tyre mund të shihni një shembull të drejtpërdrejtë.

Mënyra e parë

Footer shtypet poshtë duke e pozicionuar absolutisht dhe duke e shtrirë lartësinë e blloqeve mëmë (html , body dhe .wrapper) në 100%. Në këtë rast, blloku i përmbajtjes.përmbajtja duhet të specifikojë një diferencë të poshtme që është e barabartë ose më e madhe se lartësia e futbollit, përndryshe futeri do të mbulojë një pjesë të përmbajtjes.

* ( margjina: 0; mbushja: 0; ) html, trupi ( lartësia: 100%; ) .mbështjellësi ( pozicioni: relative; min-lartësia: 100%; ) .përmbajtja ( mbushja-fund: 90 px; ) .footer ( pozicioni : absolute: 0 gjeresi: 100%;

Mënyra e dytë

Footer shtypet poshtë duke tërhequr bllokun e përmbajtjes dhe "prindërit" e tij në lartësinë e plotë të dritares së shfletuesit dhe duke e ngritur fundin lart përmes një margjine negative (margin-lart) për të hequr qafe rrotullimin vertikal që shfaqet. Në këtë rast, është e nevojshme të tregohet lartësia e bodrumit, dhe duhet të jetë e barabartë me sasinë e dhëmbëzimit.

* ( margjina: 0; mbushja: 0; ) html, trupi, .mbështjellësi (lartësia: 100%; ) .përmbajtja (madhësia e kutisë: kutia kufitare; lartësia min: 100%; mbushja-fund: 90 px; ) . fundi i faqes (lartësia: 80 px; margjina në krye: -80 px; )

Falë veçorisë së madhësisë së kutisë: border-box, ne parandalojmë që kutia me klasën .përmbajtje të tejkalojë lartësinë 100%. Kjo do të thotë, në këtë rast min-lartësia: 100% + padding-bottom: 90px është e barabartë me 100% të lartësisë së dritares së shfletuesit.

Mënyra e tretë

Është mirë sepse, ndryshe nga metodat e tjera (përveç të 5-tës), lartësia e këmbës nuk ka rëndësi.

* ( margjina: 0; mbushja: 0; ) html, trupi ( lartësia: 100%; ) .mbështjellësi ( shfaqja: tabela; lartësia: 100%; ) .përmbajtja ( shfaqja: rreshti i tabelës; lartësia: 100%; )

Këtu ne emulojmë sjelljen e një tabele duke e kthyer bllokun .wrapper në një tabelë dhe bllokun .content në një rresht tabele (afishimi: tabela dhe shfaqja: veçoritë e rreshtit të tabelës përkatësisht). Falë kësaj, dhe faktit që blloku .content dhe të gjithë kontejnerët e tij prindër janë caktuar në lartësinë 100%, përmbajtja shtrihet në lartësinë e saj të plotë, minus lartësinë e futbollit, e cila përcaktohet automatikisht - emulimi i tabelës parandalon zgjerimin e futbollit përtej lartësisë së dritares së shfletuesit.

Si rezultat, fundi shtypet në fund.

Metoda e katërt

Kjo metodë është ndryshe nga asnjë nga të mëparshmet, dhe veçoria e saj është përdorimi i funksionit CSS calc() dhe njësisë matëse vh, të cilat mbështeten vetëm nga shfletuesit modernë. Këtu ju duhet të dini lartësinë e saktë të bodrumit.

* ( diferencë: 0; mbushje: 0; ) .përmbajtja (min-lartësia: llogaritur (100vh - 80px); )

100vh është lartësia e dritares së shfletuesit, dhe 80px është lartësia e footer-it. Dhe duke përdorur funksionin calc() ne zbresim vlerën e dytë nga e para, duke shtypur kështu fundin deri në fund.

Mund të zbuloni se cilët shfletues mbështesin calc() dhe vh në caniuse.com duke përdorur lidhjet e mëposhtme: mbështetja e funksionit calc(), mbështetja e njësisë vh.

Metoda e pestë (më e përshtatshme)

Kjo mënyra më e mirë nga të gjitha ato të paraqitura, megjithatë, funksionon vetëm në shfletuesit modernë. Ashtu si në metodën e tretë, lartësia e këmbës nuk ka rëndësi.

* ( margjina: 0; mbushja: 0; ) html, trupi ( lartësia: 100%; ) .mbështjellësi ( shfaqja: përkul; drejtimi i përkuljes: kolona; lartësia min: 100%; ) .përmbajtja ( përkul: 1 0 automatike ;) .footer (përkul: 0 0 auto;)

Mund të mësoni rreth mbështetjes së shfletuesit për veçorinë flex.

Footer është blloku i poshtëm i një faqe interneti, i fundit por jo më pak i rëndësishëm. Fakti që fundi i faqes ose "footeri" i faqes, siç quhet edhe ai, ndodhet në fund të faqes, nuk do të thotë aspak se ai përmban informacione të parëndësishme dhe pak njerëz "arrijnë" në të. Por në të njëjtën kohë, kjo pjesë e faqes nuk duhet të mbingarkohet me të dhëna të panevojshme. Çfarë është më mirë të përfshihet në fund dhe si ta bëjmë atë sa më funksional?

Kohët e fundit kemi kaluar nëpër faqet e internetit të 50 dyqaneve në internet ukrainase dhe kemi vlerësuar fundet e tyre bazuar në disa parametra, duke përfshirë numrin e lidhjeve, praninë e lidhjeve në llogaritë e mediave sociale ose abonimet e buletineve. Faqet u zgjodhën rastësisht, por ne u përpoqëm të mbulonim një sërë fushash të shitjeve në internet, për shembull: elektronikë dhe pajisje shtëpiake, modë, kozmetikë dhe parfume, produkte për fëmijë, ushqime, materiale ndërtimi, markete, klube tregtare, etj. Lista e dyqaneve online që studiuam përfshinte liderë në industritë e tyre dhe të sapoardhurit.

Lidhje të dobishme

Numri mesatar i lidhjeve të përfshira në fundet që shqyrtuam ishte 21.

Ne numëruam numrin më të vogël të lidhjeve aktive për dyqanin online PARFUMS.UA - 5 lidhje, pa llogaritur butonin "Lart".

Ne numëruam numrin më të vogël të lidhjeve në faqen e internetit të kompanisë PARFUMS.UA: faqet e dyqaneve në rrjetet sociale dhe informacionet e kontaktit.

Ne numëruam numrin më të madh të lidhjeve, deri në 86, nga një tjetër dyqan online i kozmetikës dhe parfumeve, MakeUp.com.ua. Këtu, përveç linjës së abonimit të buletinit, ka lidhje me kategoritë dhe nënkategoritë, kontaktet, informacionet e dërgesës, lajmet, artikujt dhe profilet në rrjetet sociale, etj.

Shumica e faqeve nëpër të cilat kemi ecur përdorën fundin si një bllok informacioni të dobishëm për vizitorin që është i interesuar të mësojë më shumë rreth dyqanit dhe se si funksionon ai. Shumë sajte kanë përfshirë në fund të faqes, për shembull, lidhje me politikën e privatësisë, rregullat për përdorimin e faqes, etj.

88% e faqeve që kemi ekzaminuar përfshinin një lidhje me faqen "Rreth nesh" në fund. Dhe një tjetër 88% - një lidhje me një faqe me kontakte ose vetë kontaktet. Vetëm 22% e faqeve kanë lidhje në fund të faqeve përmes të cilave përdoruesi mund të marrë, në një shkallë ose në një tjetër, shërbim nga kompania. 56% e të gjitha faqeve që shikuam përfshinin lidhje me informacionin e transportit dhe pagesës dhe/ose politikat e kthimit në fund.

E drejta e autorit. Mbrojtja e të drejtave

Ikona është e pranishme në fundet e 76% të dyqaneve online që analizuam.

Në faqen e internetit të dyqanit online të pajisjeve dhe aksesorëve "Citrus", si në shumë faqe të tjera të internetit, ekziston një shenjë e mbrojtjes së të drejtave të autorit.

Sipas rregullave, ikona ndiqet nga emri i mbajtësit të së drejtës së autorit dhe periudha e vlefshmërisë së së drejtës së autorit. Edhe pse përmbajtja unike që shfaqet në sajt sipas parazgjedhjes i nënshtrohet ligjit për të drejtën e autorit dhe nuk kërkohet të instalohet, shumica e webmasterëve ende e shtojnë këtë ikonë në fund të faqes.

Në faqen e internetit të dyqanit online materialet e ndërtimit"StroyMAG" përdori frazën "Të gjitha të drejtat e rezervuara" pranë shenjës së të drejtës së autorit.

Përveç kësaj, së bashku me simbolin e të drejtës së autorit, shumë sajte përdorin gjithashtu shprehjen "Të gjitha të drejtat e rezervuara", që do të thotë se ata kanë prova të autorësisë që mund t'i paraqesin nëse ndodh diçka. Në këtë mënyrë, pronarët e faqeve po përpiqen të sigurojnë që pastorët e kopjimit të paralajmërohen se vjedhja është e gabuar.

Rrjetet sociale dhe marketing të tjerë

Siç tregon praktika, fundi është gjithashtu një vend ku një vizitor mund të gjejë lidhje me faqet e një dyqani online në rrjetet sociale ose një mënyrë tjetër për të bashkëvepruar më tej me të.

Plot 92% e fundeve të studiuara përmbanin lidhje me llogaritë e mediave sociale. Ky është elementi më i popullarizuar në mesin e fundeve të faqeve që analizuam.

Për shembull, fundi i faqes së internetit të dyqanit të luleve në internet "Kviter", si fundet e shumicës së faqeve që shikuam, përmban lidhje me llogaritë e tyre në rrjetet sociale të njohura.

34% e dyqaneve online përfshinin një linjë për t'u abonuar në buletinet e e-mail ose SMS në fundet e tyre. Disa premtojnë shpërblime të këndshme për abonim, të tilla si një kupon për një shumë të caktuar.

Për shembull, në dyqanin online të veshjeve Answear, një abonim ndryshohet në 300 UAH. për blerje.

30% e fundeve të analizuara përfshinin gjithashtu lidhje me një formë të përmbajtjes së marketingut. Më shpesh këto ishin lidhje me një blog, artikuj, rishikime video, etj.

Vende të lira pune

Punët janë një tjetër element mjaft i popullarizuar në fund. 40% e faqeve që analizuam përfshinin lidhje me këtë informacion në fund të faqeve të tyre. Me sa duket, këtu përdoruesit mund të kërkojnë mundësi të mundshme pune me kompaninë.

Vëzhgime të papritura

Ne gjetëm një element të tillë në dukje të përshtatshëm për një footer, siç është harta e faqes, vetëm në 30% të dyqaneve online.

Shenjat e besimit, për shembull, një ikonë e garancisë së blerjes së sigurt, u përfshinë në fund të faqes nga vetëm 4 dyqane online nga të gjitha 50.

Në fund të faqes së internetit të klubit të blerjeve BonPrix mund të gjeni një ikonë që premton një blerje të sigurt.

Ikonat e metodës së pagesës në fund të faqes u përdorën gjithashtu nga një numër i vogël dyqanesh në internet - vetëm 18%.

Fundi juaj

Kjo analizë modeste e 50 fundeve të dyqaneve online të përzgjedhura rastësisht nuk është, natyrisht, një studim shkencor. Dhe numrat që morëm vështirë se mund të aplikohen në industrinë e tregtisë elektronike në tërësi. Nëse, sipas analizës sonë, 54% e dyqaneve online përfshijnë numrat e telefonit në fundet e tyre, kjo nuk do të thotë që 54% e të gjitha faqeve të tregtisë elektronike bëjnë të njëjtën gjë.

Por ky informacion është ushqim i vlefshëm për t'u menduar që mund t'ju ndihmojë të vendosni se çfarë të shtoni në fund të faqes tuaj. Megjithatë, është më e logjikshme të vendosni disa elementë në bllokun e poshtëm të faqes, sepse këtu përdoruesi do të presë t'i shohë ato.