20 izvrsnih primjera dizajna podnožja web stranice

Prilikom pokretanja bilo kojeg projekta web stranice, prirodno je da želite koncentrirati svoje napore na dizajnu na početnoj stranici i zaglavlju. Kao rezultat, podnožje često postaje zamišljeno - prebačeno na loše osmišljeno odlagalište podataka o autorskim pravima, zakonskih izjava o odricanju odgovornosti i neželjenih SEO veza. Ali ne bi trebalo biti ovako.

Podnožje web stranice jednako je važno kao i zaglavlje, ako ne i više. Zašto? Budući da je podnožje posljednja luka mnogih posjetitelja. Točka u kojoj će se prijaviti za uslugu, žele pročitati drugi članak ili jednostavno zahtijevati vaše podatke za kontakt. Zapitajte se - što želite da vaši posjetitelji rade kad dođu na dno stranice? Odgovor koji smislite bit će izvrsna polazna točka za dizajniranje podnožja vaše web stranice.



Strateški pristup

Taj će se odgovor, naravno, mijenjati od projekta do projekta, ovisno o prirodi web stranice i željenom ishodu. Na primjer, ako dizajnirate blog, najvažnije je zadržavanje korisnika na web mjestu, pa će često biti pametno postaviti veze na najnovije i najpopularnije postove u podnožje. No ako je web mjesto namijenjeno promociji proizvoda, tada će obično biti bolji poziv ili poziv na akciju ili obrazac za malu prijavu.



Pažljivo razmislite koji sadržaj smjestiti u podnožje. Iako je primamljivo iskoristiti ga kao prostor za postavljanje raznih šansi i krajeva, to će oslabiti njegov potencijal. Dizajn izvrsnog podnožja nije u pronalaženju najboljeg načina za postavljanje puno nepovezanog sadržaja, već u mogućnosti davanja prioriteta i zanemarivanja nepotrebnih ili suvišnih informacija.

Sjetite se konvencija

Važno je ipak imati na umu da postoje neke konvencije i voditi računa o njima prilikom dizajniranja podnožja web stranica. Na primjer, mnogi korisnici koji pokušavaju dobiti podatke za kontakt tvrtke pomaknut će se na dno stranice. Međutim, još uvijek možete dati prioritet važnijim informacijama pomoću elemenata dizajna kao što je mjerilo kako biste stvorili snažan osjećaj hijerarhije unutar podnožja vaše web lokacije.



Sljedeća je izložba namijenjena demonstraciji različitih načina na koje se podnožja web stranica mogu koristiti - nadamo se da će vam biti korisni.

01. Tapbotovi

podnožje web stranice

Podnožje tapbotova koristi ilustraciju s dobrim učinkom - što nije uvijek slučaj na većini web lokacija

Tapboti su pomoćni roboti dizajnirani i dizajnirani za iPhone i iPod touch. Stvorili Paul Haddad i Mark Jardine, ovi roboti pružaju svu potrebnu pomoć u podnožju web stranice.



Jedna do druge stoje četiri prekrasne ilustracije, svaka relevantna za informacije koje pružaju. Posebno nam se sviđaju likovi u stilu mange koji nude pomoć i daljnje detalje o tvrtki.

02. Mama i kokice

podnožje web stranice

U privlačnom podnožju mame i kokice dominiraju slike nadahnute pedesetima i šezdesetima

Sve se vrti oko gurmanskih kokica, staromodnih slatkiša i gaziranih pića u Mom & Popcorn. Ova web stranica u retro stilu pruža kupcima prikladan, brz i jednostavan način pronalaska njihovih omiljenih slatkih poslastica na mreži.

Podnožje mu je svijetlo i živopisno, dominiraju razne, privlačne slike nadahnute 50-ih i 60-ih. Među nostalgijom korisnici mogu pronaći sve informacije o tvrtki koja bi im mogla zatrebati, uključujući lokaciju, proizvode, vijesti, kontakt informacije i još mnogo toga.

03. Soho Popravljeno

podnožje web stranice

Podnožje Soho Fixsa sadrži sve što biste mogli poželjeti kretati se stranicom i saznati više o biciklima koji treba da se pojave

Soho Fixed tim je umjetnika i biciklističkih tehničara koji svakih nekoliko tjedana izrađuju jedinstveni posebno dizajnirani cestovni bicikl s jednim kotačem / jednom brzinom i daju ga na prodaju na ovom mjestu.

Dizajn web mjesta u retro stilu uključuje podnožje s drugom trakom izbornika, što olakšava korisnicima navigaciju. Tu su i istaknuti gumbi na društvenoj mreži, kao i element za unos e-pošte ako želite biti informirani kada novi bicikl dođe na web mjesto.

04. Urbana pita

podnožje web stranice

Podnožje web stranice Urban Pie koristi ilustrirane likove za dobrodošlicu posjetiteljima

Tvrtka Urban Pie posvećena je stvaranju najboljih mogućih gurmanskih pita. Proizvod je od najveće važnosti, web stranica tvrtke održava stvari jednostavnim i zabavnim, uključujući informacije koje treba znati i ilustracije u stilu crtanih filmova.

Podnožje web stranice ovdje ne sadrži informacije ili elemente poziva na akciju, već samo skicirani obzor i neki privlačni ilustrirani likovi pita koji dobrodošlicu posjetiteljima stranice. Divan dodir.

05. Jared Johnson

podnožje web stranice

Jared Johnson daje prioritet svojim kontakt podacima kako bi ih bilo lako pronaći

Iako je uključivanje podataka o kontaktima u podnožje postalo nešto poput konvencije, postoji mnogo slučajeva kada ti podaci nisu samo potrebni, već im treba dati prioritet. To se posebno odnosi na pružatelje usluga poput slobodnih dizajnera i tvrtki koje imaju fizičku adresu.

Slobodni dizajner Jared Johnson dao je prioritet kontaktnim podacima na svojoj web stranici s folijama na jednoj stranici. Način na koji koristi boju i ljestvicu za razlikovanje svoje adrese e-pošte i telefonskog broja od ostatka podnožja osigurava da ih je lako pronaći, što je neophodno ako ste slobodni dizajner.

06. Konzolna riba i pomfrit

podnožje web stranice

što alat za opekline radi u Photoshopu
Lako je pronaći radno vrijeme konzolnih riba i čipsa u podnožju stranice

Internetska stranica tvrtke Cantilever Fish & Chips na jednoj stranici koristi dno stranice kako bi prikazala svoje mjesto, podatke za kontakt i radno vrijeme. Čineći to, držali su se konvencije stavljanja ovih podataka na dno stranice - no ono što ovu web stranicu ističe je inovativan i atraktivan način na koji su predstavljeni.

07. Jason svibanj

podnožje web stranice

Podnožje Jasona Maya pruža kratku biografiju, kao i neke neobične statistike

Postavljanje kratkog teksta na temelju teksta, poput profila, biografije ili izjave u podnožje, učinkovit je način pružanja uvida u entitet koji web mjesto predstavlja. Za mnoge web stranice postavljanje autorskog profila u podnožje izvrstan je način ne samo da ih promovirate, već i dodate vjerodostojnost sadržaju web stranice.

Statistika na vrhu podnožja na web stranici Jasona Maya poboljšava njegov kratki profil i pruža uvid u njegov karakter i vještine, dodajući istovremeno i dašak individualnosti.

08. Ministarstvo tipa

podnožje web stranice

Profil tvorca Ministarstva tipa dodaje sadržaj kredibilitetu

Podnožje ministarstva tipa uključuje kratki profil o tvorcu i autoru, Aegiru Hallmunduru. Prisutnost njegovog profila dodaje vjerodostojnost sadržaju web lokacije, kao i promicanje autorskog portfelja i slobodnih aktivnosti čitateljima.

09. Monokl

podnožje web stranice

Veze do manje važnih područja stranice Monocle pojavljuju se u podnožju, pomažući smanjiti složenost glavne nav

Postavljanje sekundarne navigacije na manje važna područja web stranice također je sjajan način korištenja podnožja, jer može pomoći u neurednosti glavne navigacije, što zauzvrat pomaže u upotrebljivosti. Ovo je posebno dobar pristup za velike web stranice.

Monocle postavlja veze do manje važnih područja svoje web stranice u podnožje, pomažući smanjiti složenost njihove glavne navigacije. Također je uključena traka za pretraživanje tako da korisnici mogu tražiti dodatne informacije bez potrebe za pomicanjem natrag na vrh stranice.

10. Isto tako

podnožje web stranice

Ditto je pomaknuo navigaciju s vrha stranice u podnožje

Trgovac naočalama Ditto ideju ide dalje, pomičući navigaciju s vrha stranice u podnožje. Čineći to, ograničavaju mogućnosti dostupne povremenim korisnicima, što znači da mogu lako voditi kupce kroz njihov postupak odabira proizvoda. Korisnici s određenim ciljevima, međutim, prirodno će se pomaknuti na dno stranice kako bi pronašli potrebne informacije.

jedanaest. Inspire stranice

podnožje web stranice

Podnožje bloga Site Inspire potiče čitatelje da nastave čitati

Za blogove i web stranice s vijestima zadržavanje korisnika na web mjestu je od primarne važnosti, jer se mnoge od tih web stranica oslanjaju na maksimiziranje prikaza stranica kako bi generirale prihod. Nuđenje veza do popularnog ili nedavno objavljenog sadržaja u podnožju dobar je način da se to postigne.

Podnožje na mjestu Inspire prekrasno je jednostavno, sadrži samo kratki profil i veze do nedavno objavljenog sadržaja. Takav pristup nudi čitateljima mogućnost pristupa većem sadržaju pri dnu stranice, što znači da je veća vjerojatnost da će nastaviti pregledavati web mjesto.

12. Zid web dizajnera

podnožje web stranice

Podnožje web dizajnera Wall povezuje na nedavne komentare čitatelja

Zid web dizajnera pored kratkog profila pruža veze do nedavnih postova i korisničkih komentara unutar njihovog podnožja. Povezivanje s nedavnim komentarima posebno je dobra strategija ako blog iza sebe ima jaku zajednicu koja ima inteligentna, ali različita mišljenja, a koja će vjerojatno privući interes ostalih čitatelja.

13. Rdio

podnožje web stranice

Rdio-ovo podnožje daje prioritet društvenim mrežama

Za mnoge pojedince i tvrtke razvijanje snažne prisutnosti na društvenim mrežama predstavlja kamen temeljac njihove digitalne strategije, pa je davanje prioriteta vezama na društvenim mrežama u podnožju učinkovit način usmjeravanja korisnika do njihovih različitih postojanja na društvenim mrežama nakon što završe s pregledavanjem web stranice.

Podnožje na početnoj stranici Rdio daje prednost njihovim raznim uslugama društvenih medija ostavljajući puno praznog prostora oko ovih elemenata kako bi skrenuli pozornost korisnika.

14. Kutija s iskrama

podnožje web stranice

Spark Box u podnožju pokreće feedove s Twittera, Dribbblea i Flickra

Ohio studio Spark Box ide ovu ideju korak dalje stavljajući feedove sa servisa kao što su Twitter, Dribbble i Flickr u svoje razigrano podnožje. To potencijalnim sljedbenicima dodatno oglašava njihovu prisutnost na tim društvenim mrežama.

petnaest. Karma

podnožje web stranice

Karma u svom podnožju ima sekundarni poziv na akciju

Web stranice za proizvode ili usluge obično sadrže jasne pozive na akciju u zaglavlju web stranice, ali dodavanje sekundarnog poziva na akciju u podnožju učinkovit je način privlačenja opreznijih korisnika koji žele saznati više prije prijave.

Usluga 'društvene propusnosti' Karma nadopunjuje primarni poziv na akciju na svojoj web stranici sekundarnim koji se nalazi u podnožju svake stranice. Gumb poziva na akciju velik je, prijateljski nastrojen i vjerojatno ga nećete propustiti.

16. Scriptogr.am

podnožje web stranice

Scripto.gram potiče prijave jasnim pozivom na akciju u podnožju

Aplikacija za web objavljivanje Scriptogr.am usvojila je sličan pristup. Poput gumba za poziv na akciju na web mjestu Karma, i gumb za poziv koji se nalazi u njegovom podnožju dizajniran je tako da osigura da definitivno privlači pažnju korisnika.

17. Projekt imenica

podnožje web stranice

Projekt imenica daje prednost prijavi za bilten razigranom primjenom ljestvice

Iako je postavljanje velikih prijateljskih gumba poziva na akciju u podnožje učinkovita strategija, mnoge web stranice čine ovaj koncept i korak dalje, uključujući obrasce u podnožje, omogućujući korisnicima da izvršavaju razne zadatke, poput pretplate na biltene ili pokretanja kontakta , na svakoj stranici.

Podnožje usluge ikona Noun Project daje prednost prijavi za bilten razigranom primjenom skale. Snimanje korisničkih podataka na ovaj način omogućuje im da se plasiraju na tržište potencijalnim kupcima dugo nakon što su posjetili web mjesto.

18. Nacionalni LGBT muzej

podnožje web stranice

Podnožje web stranice LGBT muzeja sadrži velik, prijateljski obrazac za kontakt

Podnožje na web stranici s jednom stranicom LGBT muzeja sadrži veliki prijateljski obrazac za kontakt koji poziva korisnike da im se obrate. Takav pristup umanjuje svako oklijevanje korisnika u vezi s kontaktiranjem organizacije.

19. Novi Babilon

podnožje web stranice

Podnožje Novog Babilona koristi boju kako bi se jasno odvojilo od glavnine sadržaja

Web mjesta koja promoviraju događaje koji prikazuju sponzore i navijače u podnožju mogu pomoći da događaj izgleda vjerodostojno, posebno ako su ti sponzori relevantni i poznati.

Web stranica s jednom stranicom umjetničkog festivala New Babylon koristi podnožje za prikaz sponzorskih informacija, jasno ih odvajajući od glavne vrste sadržaja mijenjajući boju pozadine.

dvadeset. Kikk festival

podnožje web stranice

Podnožje internetske stranice Kikk festivala učinkovito promovira sponzore i navijače događaja

Podnožje na web stranici Kikk festivala također je vrlo dobro dizajnirano i sjajan je primjer kako se podnožje može učinkovito koristiti za prikazivanje sponzora i navijača događaja.

Riječi : Nathan Leigh Davis i tim Creative Bloqa

Nathan Leigh Davis dizajner je i web programer koji živi i radi u Melbourneu u Australiji. Radi prvenstveno kao interaktivni dizajn i web programer, ali podjednako vješt u identitetu marke, dizajnu za tisak i kreativnom usmjerenju.

crni petak računalni monitor se bavi 2018

Sada pročitajte:

Jeste li vidjeli sjajno podnožje web stranice? Recite nam o tome u komentarima!