Jokainen SaaS-tuote- ja tilaus-verkkosivusto tarvitsee hyvän hinnoittelutaulukon. Se on helpoin tapa jakaa tietoja potentiaalisten ostajien kanssa ja selittää suunnitelmasi eroja.

Mutta niin monilla hinnoittelutaulukoilla toimivilla sivustoilla he voivat saada hieman ohutta.

Nämä mallit ovat joitain parhaista, mitä olen löytänyt uusilla trendeillä, värimallilla ja puhtaalla kokemuksella, joka rohkaisee käyttäjän vuorovaikutukseen. Jos suunnittelet mukautetun hinnoittelutaulukon sivun, nämä mallit varmasti antavat sinulle hienoja ideoita.

1. Algolia

Hosted search SaaS-tuote Algolia on puhdas hinnoittelusivulla materiaalinen muotoilu ja värikäs kuvakuvio.

Jokainen sarake käyttää eri värin otsikossa erottumaan ja luoda kontrastia. Pöydät ovat melko yksinkertaisia, joten tietoa on helppo kuluttaa yhdellä silmäyksellä.

Tyypillisesti löydät jokaisen sarakkeen alareunassa olevat rekisteröintinäppäimet, mutta Algolia käyttää yhtä suurta CTA: ta taulukon alla. Tämä pitää sen puhtaana ja vähentää tarvetta kopioida painikkeita useisiin sarakkeisiin.

01-algolia-haku-saas-hinnoittelu pöydän

2. Lakkaa

Slack pricing page Lakkaa hinnoittelussivu on myös melko ainutlaatuinen vasemmanpuoleisella sarakkeella tarroille. Löydät tämän monissa muissa hinnoittelutaulukkoissa, mutta ei aina niin sileällä muotoilulla.

Kukin rivi käyttää valintamerkkejä, jotka osoittavat, mitkä ominaisuudet kuuluvat kunkin suunnitelman piiriin. Nämä rivit ovat erittäin tilavia, ja otsikot käyttävät jopa vaaleanharmaa taustakuvan kontrastin luomiseksi helppoa kuorinta varten.

Puhumattakaan fontit, joita he käyttävät, näyttävät fantastisilta ja tekevät sisällöstä helppoa kuluttaa.

02-löysällä-app-hinnoittelu pöydän

3. Symu

En ole koskaan nähnyt sävytettyjä ominaisuuksia hinnoittelupöydässä, mutta Symu tekee tämän työn. Jokaisella sarakkeella on pieni edistyspalkki, joka on sijoitettu juuri ominaisuuksien luetteloon yläpuolelle, joka osoittaa, kuinka paljon saat kunkin suunnitelman mukaan.

Tämä tarttuu huomionne nopeasti, ja harmaahyötyt ominaisuudet myös saavat silmäsi.

Minun ongelmani vaaleanharmaalla kirjasimella on se, että on vaikea lukea. Mahdolliset ostajat eivät välttämättä tiedä, mistä he joutuvat puuttumaan ilmaisen suunnitelman kanssa, joten he joutuisivat lukemaan "Joukkue" -sarakkeen nähdäksesi selvästi kaikki luettelossa olevat ominaisuudet.

Mutta näiden ominaisuuksien visuaalinen poistaminen kevyemmällä fontilla merkitsee niukkuutta , hyvä myynti- ja markkinointityökalu.

03-symu hinnoittelun pöydän-harmaana tekstin

4. Digitaalinen valtameri

VPS-palvelulla Digital Ocean on omat pyörivä hinnoittelutaulukko koska ne tarjoavat niin monia erilaisia ​​suunnitelmia.

Suurin osa uusista kävijöistä alkaa halvemmilla suunnitelmilla, joten on järkevää pitää nämä oikeat näkymät. Mutta voit napsauttaa tai pyyhkiä luettelon kautta selata korkeamman hinnoittelun suunnitelmia, joissa on enemmän virtaa ja tallennustilaa.

Toinen ominaisuus, jota pidän, on "Luo tili" -painike, joka näkyy vain valittua suunnitelmaa varten. Tämä kiinnittää huomionne yhteen suunnitelmaan, jotta voit verrata sitä naapureihisi ja nähdä mitä teistä parhaiten sopii.

04-standardi-pisarat hinnoittelun pöydän

5. UsabilityHub

Hinnoittelutaulukko UsabilityHub on hieno muotoilu, jossa on hiiren tiedot kunkin ominaisuuden osalta. Erilaisten tilien avulla voit suorittaa erilaisia ​​testejä, mutta uudemmat käyttäjät eivät ehkä ymmärrä näiden testien arvoa.

Jos pidät hiiren kunkin kuvakkeen vieressä olevaa informaatiokuvaketta, saat lisätietoja siitä, mitä se tarkoittaa ja miksi se on hyödyllinen. Jotkut ovat vain ominaisuuksia, kuten A / B-testaus, kun taas toiset ovat tilisi asetuksia, kuten ryhmätukea tai mukautettuja tuotemerkkejä.

Suurimmalle sarjapylväälle huomaat kuukausittaisen tarjouksen automaattisesti, kun lisäät ihmisiä suunnitelmaan. Tämä on hyvä joukkueille, jotka haluavat arvioida kustannuksia ja saada nopeita arvioita ohjelmistosta.

05-käytettävyys-hub-työkalut-hinnoittelu

6. Optimaalinen työpaja

Optimaalinen työpaja käyttää paljon brändäilyä ja mukautettuja grafiikoita hinnoittelusivullaan. Tämä ei voi lisätä suoraan itse pöytään, mutta se lisää sivun tunnelmaa.

Tärkein ominaisuus, jonka pidän tässä mallissa, on sisäänrakennettu kuukausittainen / vuosittain hintakytkin. Näet usein nämä hinnoittelusivuilla, mutta ne ovat tavallisesti liian pieniä. Tämä antaa kävijöille väärän hintatason, koska alkuhinnat voivat olla halvempia olettaen, että käyttäjä haluaa vuosittain suunnitelman.

Tämän hinnoittelutaulukon avulla voit selvästi nähdä, mitä saavuit kuukaudessa ja kuinka vertailla kuukausittaisia ​​ja vuosittaisia ​​kustannuksia.

06-optimaaliset-workshop-hinnoittelu

7. Ilmalento

Tässä on toinen muotoilu, joka käyttää kirkkaita värejä napata huomiota. Airtable pricing page Airtable-hinnoittelusivu pitää asiat yksinkertaisina ja yrittää kiinnittää huomiota hintoihin välittömästi.

Jos näytät oikealta pöydän yläpuolelta, näet saman kuukausittaisen / vuosittaisen vaihtoehdon. Katsokaa, miten on tarpeeksi vähäistä kokonaan kaipaamaan yhdellä silmäyksellä? Se on mukava huijaus myynnille, mutta se ei ole hieno UX-näkökulmasta.

Paras osa tätä taulukkoa on liukuvastetoiminto, joka lisätään jokaiseen riviin. Voit tutustua jokaiseen toimintoon vain liikkumalla selvittämään, mikä suunnitelma tarjoaa juuri tarvitsemasi.

07-airtable hinnoittelun pöydän

8. Haku

Toinen taulukkosuunnittelu, jossa leijuu tiedot on Katso taakse . Et löydä hover-työkalupalkkia jokaisella rivillä, mutta se näkyy monimutkaisimmissa kohteissa.

Toinen pienimuotoinen muotoilupäätös, joka pidän, on se, kuinka jokainen ominaisuuksien sarake lisää aiemman. Pro-suunnitelman sarake toteaa, että se tarjoaa kaiken tavanomaisen suunnitelman lisäksi muutamia lisäominaisuuksia.

Joskus tämä voi heittää kävijöitä, jotka eivät ole lukeneet tarkasti, koska he voivat kiiltoa tämän tekstin yli. Mutta se on erinomainen tapa säästää tilaa ja pitää pöydät puhtaina.

08-hinnoittelu-table-analyysi-

9. BuzzSumo

Vaikka malli on jonkin verran perus, minun on sanottava BuzzSumon hinnoittelutaulukko tekee paljon asioita oikein. Kuukausi / vuosi-laskutuskytkin on selkeä ja voit jopa nähdä täsmälleen, kuinka paljon säästät siirtymällä vuotuiseen laskutukseen.

Niiden ominaisuusluettelo tuntuu tad tungosta, mutta se on melko helppo lukea läpi. Ja jokainen rivi käyttää hover info -toimintoa työkaluilla, jotka selittävät, mitä jokainen ominaisuus tarkoittaa.

Ainoa valitukseni tässä on sivun esteettisyys. Se näyttäisi mukavammalta, jos ominaisuudet liitettiin suurempaan taulukkoon, jossa on enemmän rajoja tai ehkä seepra-raidoitusta. Mutta UX on erinomainen, ja se on tärkeintä hinnoittelusivulla.

09-buzzsumo hinnoittelun pöydän

10. Litmus

Sähköposti testaus Suite Litmus on ollut jo vuosia ja se on de-facto valinta sähköpostiuutiskirjeitä. Heidän hinnoittelusivulla ei ole liian yksityiskohtainen, mutta se tarjoaa juuri tarpeeksi mahdollisille ostajille.

He käyttävät "suosituimpia" merkintätaajuutta korostamalla erään suunnitelman, joka erottuu muista. Se on suunnittelupäätös, joka toimii hyvin ja rohkaisee lisää kirjautumisia keskitason suunnitelmiin halvemmilla.

Mutta pidän todella paljon tilaa, jota saat jokaisella rivillä. Ominaisuudet selitetään oikealla sivulla ja joissakin ominaisuuksissa on jopa sisäisiä sivuja tarkemmin.

Puhdas teksti, kiinteät reunat ja runsaasti välilyöntejä , tämä hinnoittelutaulukko on yksi listalleni pragmaattisimmista kuvioista.

10-lakmus-email-hinnoittelu pöydän

11. raita

Stripe: n hinnoittelussivu on uskomattoman yksinkertainen ja on vaikea edes kutsua tätä täyden hinnoittelutaulukon. Mutta se on niin hyvin suunniteltu, että minun tarvitsee vain sisällyttää se tähän.

Minkään hinnoittelutaulukon tavoitteena on jakaa tietoja potentiaalisten asiakkaiden kanssa ja muuntaa nämä ihmiset maksaville asiakkaille. Stripe-mallissa on kaksi hyvin selkeää maksutapaa: Suorat maksut tai suuremmat yritysjärjestelyt.

Stripeä etsivät ihmiset eivät kuulu analyysi halvaantuminen yrittäen valita viidestä eri suunnitelmasta. Pöytä on nopea lukea ja tarjoaa helpon tavan laskea kustannukset.

Mutta jos pidät tästä pöydän suunnittelusta, voit rakentaa samanlaisen hinnoittelutaulukon ja heittää yhden tai kaksi muuta suunnitelmaa sekoituskäyttöön.

11-raita-hinnoittelu-sivulle