Sérhver SaaS vara og áskriftar website þarf mikið verðlagsborð. Það er auðveldasta leiðin til að miðla upplýsingum við hugsanlega kaupendur og útskýra muninn á áætlunum þínum.

En með svo mörgum vefsíðum sem keyra verðlagningartöflur geta þau orðið svolítið gamall.

Þessi hönnun er nokkuð af því besta sem ég hef fundið með nýjum straumum, litakerfum og hreinni reynslu sem hvetur notendaviðskipti. Ef þú ert að hanna sérsniðna verðlagsborðasíðu þá eru þessar hönnunir viss um að gefa þér nokkrar kaldar hugmyndir.

1. Algólía

The farfuglaheimili leit SaaS vöru Algolia hefur hreint verðlagsíðu með efni hönnun stíl og litrík tákn hönnun.

Hver dálkur notar mismunandi lit í hausnum til að standa út og búa til andstæða. Töflurnar eru frekar einfaldar þannig að upplýsingarnar eru auðvelt að neyta í fljótu bragði.

Venjulega finnur þú innskráningartakkana neðst í hverri dálki en Algolia notar eina stóra CTA undir töflunni. Þetta heldur því hreinni og dregur úr þörfinni fyrir að afrita hnappa yfir marga dálka.

01-algólía-leit-saas-verðlagning-borð

2. Slaka

The Slack pricing síðu er einnig nokkuð einstakt með vinstri hendi dálki fyrir merki. Þú getur fundið þetta í mörgum öðrum verðlagsborðum en ekki alltaf með sléttri hönnun.

Hver röð notar merkimiða til að sýna hvaða aðgerðir falla undir hverja áætlun. Þessar raðir eru frábærar rúmgóðir og hausarnir nota jafnvel ljós grár bakgrunn til að byggja upp andstæða til að auðvelda skimming.

Ekki sé minnst á leturgerðirnar sem þeir nota, líta vel út og gera innihaldið auðvelt að neyta.

02-slack-app-verðlagningartafla

3. Symu

Ég hef aldrei séð greyed-out lögun í verðlagningu borð en Symu gerir þetta verk. Hver dálkur er með lítið framfararstiku rétt fyrir ofan lögunarlistann sem sýnir hversu mikið þú færð í hverri áætlun.

Þetta grípur athygli þína hratt og greyed-out lögun einnig grípa auga þitt.

Vandamálið mitt með ljós gráum leturgerðinni er að það er erfitt að lesa. Mögulegir kaupendur mega ekki vita hvað þeir vantar með frjálsu áætluninni, þannig að þeir verða að lesa dálkinn "Team" til að sjá alla eiginleika á einum lista.

En sjónrænt flutningur þessara eiginleika með léttari leturgerð felur í sér skort , frábært tæki til sölu og markaðssetningar.

03-symu-verðlagning-borð-greyed-texti

4. Digital Ocean

VPS þjónusta Digital Ocean hefur sitt eigið snúnings verðlagningartafla vegna þess að þeir bjóða upp á svo margar mismunandi áætlanir.

Flestir nýir gestir munu byrja með ódýrari áætlun svo það er skynsamlegt að halda þessum réttum í augum. En þú getur smellt á eða strjúktu í gegnum listann til að skoða hærri áætlanir með meiri orku og geymslurými.

Annar eiginleiki sem mér líkar er "Búa til reikning" hnappinn sem aðeins birtist fyrir valinn áætlun. Þetta vekur athygli þína á þeirri áætlun þannig að þú getir borið það saman við nágranna sína og séð hvað virkar best fyrir þig.

04-staðall-dropar-verðlagningartafla

5. UsabilityHub

Verðlagningartaflan á UsabilityHub hefur nifty hönnun með sveima upplýsingar fyrir hverja eiginleika. Mismunandi reikningar leyfa þér að keyra mismunandi próf en nýr notandi skilur ekki gildi þessara prófana.

Ef þú sveiflar upplýsingatáknið við hliðina á hverri aðgerð færðu meiri upplýsingar um hvað það þýðir og hvers vegna það er gagnlegt. Sumir eru bara aðgerðir eins og A / B prófanir á meðan aðrir eru reikningsstillingar eins og stuðningur við lið eða sérsniðin vörumerki.

Fyrir stærri hópsúluna muntu einnig taka eftir því að mánaðarlegt vitneskja eykst sjálfkrafa þegar þú bætir við fleiri fólki á áætlunina. Þetta er frábært fyrir lið sem vilja meta kostnað og fá skatta fyrir hugbúnað.

05-nothæfi-miðstöð-verkfæri-verðlagning

6. Optimal Workshop

Optimal Workshop notar mikið af vörumerkjum og sérsniðnum grafíkum á verðlagssíðunni. Þetta getur ekki bætt beint við borðið sjálft, en það bætir við umhverfi síðunnar.

Helstu eiginleiki mér finnst í þessari hönnun er innbyggður mánaðarlega / árlega verðrofi. Þú sérð oft þetta á verðlagssíðum en þeir eru venjulega of lítill. Þetta gefur gestum ranga skilning á verðlagningu vegna þess að upphaflegt verð er hægt að kasta ódýrari miðað við að notandinn vill ársáætlun.

Með þessu verðlagsborðinu geturðu greinilega séð hvað þú færð á mánuði og hvernig á að bera saman milli mánaðarlegra og árlegra kostnaðar.

06-bestu-verkstæði-verðlagning

7. Airtable

Hér er annar hönnun sem notar bjarta liti til að grípa athygli. The Airtable verðlagsíðu heldur hlutum einfalt og reynir að vekja athygli á verðinu strax.

Ef þú lítur rétt fyrir ofan borðið sérðu sömu mánaðarlega / árlega rofi. Sjáðu hvernig það er lítið nóg að missa alveg í hnotskurn? Það er gott bragð fyrir sölu en það er ekki frábært frá UX sjónarhorni.

Besti hluti þessarar töflu er sveimaáhrifin bætt á hverja röð. Þú getur lært um hverja eiginleika bara með því að sveima til að reikna út hvaða áætlun býður upp á nákvæmlega það sem þú þarft.

07-airtable-verðlagningartafla

8. Útlit

Annar borðhönnun með sveimaupplýsingunum er Líta til baka . Þú finnur ekki hover tooltip í hverri röð en það er sýnilegt á flóknustu eiginleika hlutanna.

Annar minniháttar hönnunarspurning sem ég þekki er hvernig hver dálkur lögun bætist við fyrri. Dálkurinn fyrir "Pro" áætlunin bendir á að það býður upp á allt í venjulegu áætluninni ásamt nokkrum aukahlutum.

Stundum getur þetta henda gestum sem lesa ekki náið vegna þess að þeir geta gljást við þennan texta. En það er frábær leið til að spara pláss og halda borðum þínum hreinum.

08-verðlagning-borð-útlit

9. BuzzSumo

Þó að hönnunin sé nokkuð undirstöðu, þá verð ég að segja BuzzSumo verðlagningartafla Er mikið af hlutum rétt. Mánaðarlega / árlega reikningsskilarinn er í skýrum myndum og þú getur jafnvel séð nákvæmlega hversu mikið þú munt spara með því að skipta yfir á árlegan innheimtu.

Lögunarlisti þeirra finnst töluvert fjölmennur en það er frekar einfalt að lesa í gegnum. Og hverja röð notar sveigjanlegar upplýsingar með tólatöflum sem útskýra hvað hver eiginleiki þýðir.

Eina kvörtun mín hér er fagurfræði síðunnar. Það myndi líta betur út ef aðgerðirnar tengjast meira í stærra borð með fleiri landamæri eða kannski zebra rönd. En UX er frábær og það skiptir mestu máli fyrir verðlagningu.

09-buzzsumo-verðlagningartafla

10. Litmus

The email próf föruneyti Litmus hefur verið í kring fyrir mörg ár og það er de-facto val fyrir fréttabréf tölvupóst. Þeirra verðlagsíðu er ekki of nákvæm en það býður upp á nóg fyrir hugsanlega kaupendur.

Þeir nota merkingartækni "vinsælustu" með því að leggja áherslu á eina tiltekna áætlun til að standa út frá öðrum. Það er hönnunarval sem virkar vel og hvetur til fleiri innskráningar fyrir áætlanir um miðjan flokka yfir ódýrari.

En ég líkar mjög við plássið sem þú færð í hverri röð. Lögunum er lýst rétt á síðunni og sumir eiginleikar innihalda jafnvel innri síður með nánari upplýsingar.

Með hreinum texta, sterkum landamærum og nóg af hvítu , þetta verðlagningartafla er einn af pragmatískustu hönnununum á listanum mínum.

10-litmus-tölvupóstur-verðlagningartafla

11. Rönd

Verðskrá síðu Stripe er ótrúlega einfalt og það er erfitt að kalla þetta fullt verðlagsborð. En það er svo vel hönnuð að ég þurfti bara að setja það inn hér.

Markmið hvers verðlagsborðs er að miðla upplýsingum við væntanlega viðskiptavini og umbreyta þeim til að borga viðskiptavini. Hönnun Stripe býður upp á tvær mjög skýr greiðsluáætlanir: Bein greiðsla eða stærri uppsetning fyrirtækja.

Fólk sem horfir á Stripe mun ekki falla í greiningu lömun að reyna að velja á milli fimm mismunandi áætlana. Borðið er fljótlegt að lesa og býður upp á auðveldan leið til að reikna kostnað.

En ef þú vilt þennan borðhönnunar gætir þú byggt upp svipað verðlagsborð og kasta einum eða tveimur fleiri áætlunum í blandaðan.

11-rönd-verðlagning-síðu