Statinės svetainės yra iš anksto sukurti tinklalapiai, kuriuose kiekvienas svetainės vartotojas rodo tą patį turinį. Skirtingai nuo dinaminių svetainių, nėra jokios duomenų bazės, teikiančios individualizuotą turinį, atsižvelgiant į tai, ką daro vartotojai.
Tai reiškia, kad statinėse svetainėse yra greitesnis apkrovos laikas, pigesnis priegloba, paprastesnis saugumas ir mažiau priežiūros atsakomybė nei dinamiška svetainė.
Nors statinės svetainės turinys yra „fiksuotas“ turinys, jis nebūtinai turi būti nejudantis ar nuobodus. Vis tiek galite pridėti formas, vaizdo įrašus ir efektus. Žinoma, yra apribojimų statinėms svetainėms, tačiau protingi kūrėjai paprastai gali rasti būdų, kaip tiksliai gauti tai, ko jie nori.
Pažvelkime į devynis statinius svetainių pavyzdžius, kurie yra ypač veiksmingi įvairioms verslo naudojimo atvejams.
Kiekviename pavyzdyje aš iškviesiu statinį svetainės generatorių ar svetainių kūrėją, naudojamą kiekviename pavyzdyje, ir išryškinsiu konkrečius puslapių elementus, kad būtų įkvėpimas.
PASTABA: Pradedantiesiems nebus sunku sukurti paprastą statinę svetainę su a Svetainių kūrėjas kaip Wix. Visa tai yra taškas ir spustelėkite, jums nereikės nieko koduoti. Yra dar daug ką žinoti, ar norite sukurti sudėtingą svetainę, naudodami statinę svetainės generatorių.
1. „Freelancer Static“ svetainės pavyzdys: Sophie Brittain
Pastatytas su Wix
Sophie Brittain, laisvai samdomų produktų dizainerė Niujorke, turi poliruotą statinę svetainę, kurioje demonstruojamas jos darbas ir lengva susisiekti.
Svetainė yra labai paprasta. Mes kalbame apie du puslapius, keturias spalvas, porą pelių efektų ir mažiau nei 500 žodžių.
Bet nieko netrūksta.
Svetainės pagrindinis dėmesys skiriamas ankstesniam darbui, kuris yra užfiksuotas aukštos kokybės vaizdais. Nėra nieko išradingo, kaip jis pasirūpintas, tačiau akivaizdu, kad ji baigė reikalaujančius didelių prekės ženklų projektavimo projektų.
Mes tikrai atidžiai apžvelgiame bet kokių laisvai samdomų vertėjų, kuriuos samdome „Quick Sprout“, svetainę. Galbūt pažvelgsime į gyvenimo aprašymą (galbūt), tačiau 100% tikriname bet kurio rašytojo, dizainerio, kūrėjo ar kito sutarties vaidmens, kurį turime atlikti, svetainę.
Jei esate pilno kamieno kūrėjas, dinamiška svetainė yra puikus būdas parodyti savo sugebėjimus.
Visiems kitam, sudėtingi puslapių elementai tikriausiai atims dėmesį nuo jūsų darbo.
2. Edukacinės statinės svetainės pavyzdys: Šiuolaikinė CSS
Pastatytas su Vienuolika
„Modern CSS“ yra statinė svetainė su daugybe vadovėlių ir vadovų žiniatinklio kūrėjams. Jį pastatė ir prižiūri Stephanie Eckles, inžinierius/pedagogė, aistringa priekinės dalies plėtrai.
Stephanie įgūdžių su CSS įrodymai yra visur šioje svetainėje, pradedant unikaliu atskirų vadovėlių išdėstymu ir baigiant vaivorykštės paryškinimu pelės viršų. Ji akivaizdžiai žino savo daiktus.
Įsitraukę į pamokas rasite gražiai išdėstytą turinį, kuriame tiksliai paaiškinate, kaip patys atkurti pageidaujamą svetainės pasirodymą.
Šioje svetainėje yra keletas gerai išdėstytų skelbimų, kurie tikriausiai suteikia šiek tiek pajamų. Tačiau naudodamiesi švietimo svetainėmis, pajamos paprastai mokamas turinys (kursai ir kitas skaitmeninis turtas).
Šiuo atžvilgiu šiuolaikinė CSS yra tikrai išskirtinė, nes visas turinys yra nemokamas. Oho. Labai rekomenduočiau patikrinti, ar planuojate bet kurį rankų kodavimą savo statinėje svetainėje.
3. Statinės svetainės portfelio pavyzdys: Johannes Arnold
Pastatytas su Publii
Statinės svetainės yra puikūs namai portfeliams. Mūsų rodomame pavyzdyje fotografas Johannesas Arnoldas sėkmingai demonstruoja savo darbą, išlaikydamas svetainę aiškią ir lengvai naršant.
Man patinka, kad jis neturi atskiro savo portfelio puslapio – pagrindinis puslapis yra. Galite spustelėti vaizdus ir eiti į atskirą puslapį su didesne kiekvieno projekto galerija.
Nėra jokio atitraukimo nuo Johaneso fotografijos. Vaizdai ir keli vaizdo įrašai yra vienintelis dalykas, suskaidantis baltą erdvę. Jokių spalvų, fono efektų ir kitų puslapių elementų, kuriuos reikia kliudyti. Vienintelis tekstas ilgesnis nei antraštė yra jo puslapyje „Apie mane“.
Kai kuriems interneto dizaineriams galbūt svetainė yra Portfelis, kuriame jūs parodote, ką galite padaryti.
Tačiau daugumai žmonių, bandančių pasidalyti savo darbu, svetainė yra tik lentyna, kurioje eksponuojama praeities darbai. Paprasta lentyna yra puiki – norite, kad žmonės sutelktų dėmesį į jūsų portfelį, o ne į svetainę.
4. Daugiakalbė statinė svetainė Pavyzdys: „Encrypt“
Pastatytas su Hugo
Palaukite, ar statinės svetainės nėra blogos, jei norite turėti daugiau nei vieną kalbą?
Taip, sakyčiau, dažniausiai tai nebus jūsų lengviausias pasirinkimas. Bet sakykite, kad turite daug srauto iš viso pasaulio ir norite daugiakalbės statinės svetainės – sudėtinga, tačiau tai galima padaryti.
„Encrypt“ yra sertifikatų institucija, teikianti nemokamus, automatinius SSL sertifikatus daugiau nei 300 milijonų svetainių visame pasaulyje.
Dabar, kai turite teikti svarbią paslaugą, kurią naudoja milijonai žmonių, jums reikia svetainės, kuri galėtų mastelį – paprasta statinė svetainė yra visiškai prasminga.
Žinodamas sunkumus, „Encrypt“ dirbo su statiniu svetainės generatoriumi HUGO, kad sukurtų daugiakalbę statinę svetainę. Galite patys peržiūrėti rezultatus, kad pamatytumėte, kaip jie tai padarė.
Yra kalbų mygtukas su intuityvia piktograma, kuri suteikia 27 skirtingų kalbų išskleidžiamąją dalį.
Spustelėję vertimą tiesiog nukreipiate jus į naują puslapį (letsencrypt.org/ko, pavyzdžiui, korėjiečių kalba), kuriame yra ta pati svetainė, bet norima kalba.
„Encryppt“ išleisime daugiau pinigų ir laiko dinamiškoje svetainėje. Kaip ne pelno siekianti organizacija, turinti neįtikėtinai aukštą eismo vietą internetinėje vietoje, neabejotinai yra neabejotinai lieknesnės ir efektyvesnės statinės svetainės naudojimas.
Dirbdami su „Hugo“, „Encrypt“ sugebėjo išlaikyti statinę svetainę, kurią visi mylėjo, ir padaryti ją prieinamą milijonams daugiau žmonių.
5. Verslo statinė svetainė Pavyzdys: „Martin Container“
Pastatytas su Gatsby
„Martin Container“ parduoda, nuomojasi ir nuomoja šaldytuvus ir sausas laikymo konteinerius vakarinėje JAV pakrantėje. Jie naudoja statinę svetainę, kad pritrauktų naujus klientus.
Bendrovė įprastais būdais kuria patikimumą demonstruodama savo produktą ir naudodama laimingų klientų atsiliepimus.
Nėra nieko išgalvoto, tačiau tai yra žingsnis virš pagrindinio. Tai nėra tik priekabos nuotrauka, tai trumpa galerija, leidžianti žmonėms tai pamatyti iš kelių kampų. Yra devyni pagrindinių klientų logotipai ir keturi rašytiniai atsiliepimai, kuriuos reikia spustelėti.
Vargu ar tai yra siaubingas kiekis, kurį reikia patekti į statinį svetainės generatorių. Jūsų verslui, pavyzdžiui, „Martin Container“, jūsų verslui nereikia kelių vietų ar pusšimčio amžiaus, kad galėtumėte pateikti keletą dešimčių vaizdų ir saujos klientų atsiliepimų.
Klaidinga manyti, kad jums reikia prašmatnaus dizaino, kad būtų gerai atrodanti svetainė. Jums tereikia pataikyti į pagrindus ir išlaikyti jį švarų.
6. Agentūros statinė svetainė Pavyzdys: Wieden Kennedy
Pastatytas su Gatsby
Wieden Kennedy, reklamos milžinė su tokiais klientais kaip „Nike“, „McDonalds“, FIFA, yra linksma svetainė, sukurta su „Gatsby“.
Visa virš „Foll“ skyriaus yra vaizdo įrašas, kuriame pabrėžiamas jų naujausias darbas, o slinkite žemyn, yra daugiau animacinių puslapių elementų ir pelės viršūnių efektų.
WK pagrindinis puslapis yra puikus statinės svetainės, kurioje daug juda, pavyzdys. Taip, kiekvienas vartotojas įgis tą pačią patirtį (ty nėra nieko dinamiško), tačiau tai toli gražu nėra tai, ką daugelis žmonių mano, kad gali padaryti statinė svetainė.
Kartu su animacijomis ir efektais buvo keletas kitų detalių, kurios, mano manymu, labai gerai veikė. Pavyzdžiui, WK yra jų biurų vietos, išvardytos poraštėje su tiesioginiais laikrodžiais, rodančiais vietos laiką. Ar pastebėjote juodintus laikrodžius tose vietose, kurios yra ne darbo valandomis?
7. Ne pelno siekianti statinė svetainė: Skaitmeninė demokratija
Pagaminta: Jekyll
Skaitmeninė demokratija yra ne pelno siekianti organizacija, „dirbanti žmogaus teisių ir technologijų sankirtoje“.
Jų svetainėje parodyta, ką jie padarė, dalijasi savo įrankiais ir leidžia žmonėms lengvai įsitraukti.
Jų ankstesnio darbo įrodymai užfiksuoti paprastuose puslapio elementuose: didelės skiriamosios gebos vaizdai, glausto teksto blokai, milžiniški skaičiai atkreipia dėmesį į „70 projektų 38 šalyse“.
Yra kelios galimybės paaukoti ar prisijungti prie bendruomenės. Naudodamiesi visomis spragtelėjimo ir paprastos spalvų schema, paprastos oranžinės spalvos paaukojimo mygtukai išsiskiria be kliūčių.
Svarbu pasinaudoti šiomis mažomis akimirkomis, kai kažkas google organizacijų vardą ar vingiuoja savo svetainėje per socialinę žiniasklaidą.
Žmonės nori būti kažko tikro dalimi. Parodykite jiems tiksliai tai, ką padarė ne pelno organizacija ir kur jis yra nukreiptas. Nereikia jokių gąsdinimų – ne pelno siekianti organizacija ne laimi premijų taškų už išteklių išleidimą „Snazzy“ svetainėje.
8. „SaaS Company Static“ svetainės pavyzdys: Cypress.io
Pastatytas ant Astro
„Cypress.io“, priekinės dalies bandymo įmonė, priklijuoja pagrindus ir, naudodama statinę svetainę, pateikia unikalų sukimąsi.
Bet Larsas! Šioje svetainėje yra „Chatbot“ parinktis – kaip tai yra statinėje svetainėje?
Na, jei tikrinate elementą, kuris pastebite, kad tai yra „iframe“, tai reiškia, kad „Chatbot“ iš tikrųjų yra kitoje (dinaminėje) svetainėje, kuri apdoroja lankytojų įvestis. Dar vienas statinių svetainių „apribojimas“, kurį „Dev“ gali gana lengvai veikti.
Kartu su „Chatbot“, „Cypress.io“ turi visus tvirtinimus, kurių galima tikėtis iš „SaaS“ svetainės, išdėstytos „Navbar“ produkte, kainodarą ir pan. Žemiau herojaus teksto yra mygtukai, skirti atsisiųsti nemokamą amžinai testavimo programą ir dokumentaciją, kad ją naudotumėte. Gražus prisilietimas, nors „SaaS“ vargu ar yra nepakartojamas.
Apskritai, aukščiau pateikta svetainės sulankstymo sritis yra bendra, patikima ir akimirksniu įskaitoma visiems, kurie nusipirko programinę įrangą.
Kiekviena „SaaS“ svetainė daro maždaug tą patį dalyką – ir tai gerai. Pirkėjai ieško kelių pagrindinių dalykų ir nori, kad galėtų greitai palyginti savo galimybes.
Likusiame pagrindiniame puslapyje aprašoma, kaip produktas veikia su vaizdo įrašu, po kurio seka „Scrollytelling“ stiliaus produkto apžvalga. Scrollytelliling man yra per daug mielas, tačiau pagrindinis dėmesys skiriamas jų produktui, kuris veikia protingas.
Minimalus mokamas „Cypress“ planas pateikiamas su 10K bandomaisiais bandymais per mėnesį. Nedidelis bendradarbiavimo ir testų valdymo efektyvumas greitai padidėja. Potencialūs pirkėjai neabejotinai nori pamatyti, kaip jis važiuoja, palyginti su kitais produktais.
Pastatytas su Jekyll
JAV žiniatinklio projektavimo sistemos (USWDS) skelbia žinių bazę, kuri padės kitoms vyriausybinėms agentūroms padaryti savo svetaines prieinamesnes, vertingas ir saugesnis.
Trumpai tariant, jie teikia kodą kūrėjams, vielos rėmeliams dizaineriams ir patarimams, kurie padės kitoms vyriausybinėms agentūroms kurti geresnes svetaines.
Tai labai bendroji žinių bazės svetainė, gera. Naršymo schema yra atpažįstama. Informacija organizuojama prieinamu, loginiu būdu.
Idealiu atveju dokumentacijai nereikės dažnai keistis, o tai reiškia, kad statinė svetainė turėtų veikti gerai. Bet tai nebūtinai pasakytina apie kiekvienos įmonės žinių bazę.
Jei nuolat tobulinate procesus, kaip mes darome „Quick Sprout“, tikriausiai norite naudoti tradicinę žinių bazės programinę įrangą, kuri palengvina redaguoti, bendradarbiauti ir skelbti. Mums šiuo metu statinė svetainė būtų baisi kaip žinių bazė.
Tačiau didelėms įmonėms ir, be abejo, JAV vyriausybei, dokumentuose užfiksuotos priemonės ir procesai turėtų turėti ilgą galiojimo laiką.
Nuoroda į informacijos šaltinį