Rakenna oma laskumallipohja: käytännön opas visuaaliseen editoriin

InvoiceFlow sisältää 12 valmista PDF-mallipohjaa – clean, professional, bold, elegant, compact, modern, classic, creative, minimal, contractor, striped ja installment. Useimmille ihmisille tarina päättyy tähän. Valitset sopivimman, lisäät logosi ja olet valmis. Mallipohjat on rakennettu renderöitymään oikein kaikissa sovelluksen tukemissa kirjoitusjärjestelmissä, joten kyrilliset, arabialaiset tai kiinalaiset laskut näyttävät yhtä harkituilta kuin suomenkielisetkin.

Mutta "useimmat ihmiset" ei tarkoita kaikkia. Joillakin yrityksillä on brändiohjeistus, jota valmismallipohja ei pysty ilmaisemaan. Jotkut tarvitsevat tietyn osion tiettyyn paikkaan – sääntelyyn liittyvän rivin, projektireferenssin, maksutietolayoutin, joka vastaa asiakkaiden jo odottamaa rakennetta. Siihen tarkoitukseen on visuaalinen mukautettu mallipohjaeditori. Tämä on käytännön opas sen hyödyntämiseen: milloin se kannattaa ottaa käyttöön, kuinka koota mallipohja sen rakennusosista, ja ne suunnitteluperiaatteet, jotka erottavat luetun laskun ohitetusta.

Ole ensin rehellinen: tarvitsetko oikeasti mukautetun mallipohjan?

Visuaalinen editori on tehokas, ja teho houkuttaa ylikäyttöön. Kokeile ensin halvempaa ratkaisua. Yhdeksän kertaa kymmenestä valmismallipohja plus hyvä bränäys vie sinut 95 prosenttiin tavoitteesta.

Käytä valmismallipohjaa kun:

• Tarpeesi ovat tavanomaiset – ylätunniste, sinun tietosi, asiakkaan tiedot, rivilista, yhteistiedot ja alatunniste maksutiedoilla.
• Haluat yhtenäisyyden eri asiakirjatyyppien välille ilman säätämistä. Esimerkiksi erämallipohja renderöi jo maksuaikataulun siististi.
• Aika on kortilla ja tarvitset jotain uskottavan näköistä tänään.

Rakenna mukautettu mallipohja kun:

• Mikään 12 layoutista ei sijoita tietojasi sinne, mistä asiakkaasi etsivät niitä.
• Brändilläsi on tietty rakenne – raidoitettu ylätunniste, tietty osioiden järjestys, alatunniste joka kantaa juridista tai sääntelytekstiä joka kerta.
• Lähetät laskuja toimialle, jolla on vahvat asiakirjakäytännöt (rakennusalan edistyslaskutus, toimistojen veloitussopimukset, säädellyt alat), ja tarvitset layoutin vastaamaan tarkastajien odotuksia.
• Pyörität useita brändejä ja haluat kullekin visuaalisesti omaperäisen, harkitun asiakirjan.

Jos kuulut toiseen listaan, lue eteenpäin. Jos kuulut ensimmäiseen, pelkkä bränäys saattaa riittää – ja käsittelemme senkin, koska se täydentää mitä tahansa mallipohjaa.

Kuinka editori ajattelee: slot-ruudukko-osiot

Mukautettu mallipohjaeditori on rakennettu slot-ruudukon ympärille. Sen sijaan, että työskentelisit tyhjällä kankaalla absoluuttisella sijoittelulla, lasku jaetaan osioihin, ja jokainen osio on paikka jonka täytät. Teknisesti asettelu tallentuu JSON-muodossa – rakenteellinen kuvaus siitä mitä osioita on, missä järjestyksessä ja miten ne on tyylitelty – mutta sinun ei tarvitse koskaan koskea JSON:iin suoraan. Kokoot visuaalisesti; rakenne on se, mikä tekee tuloksesta ennakoitavan erikeskeisten laskujen välillä.

Tuo ennustettavuus on koko pointti. Pikselientarkan drag-and-drop-kankaan näyttää vapaalta kunnes generoit oikean laskun, jossa on pitkä asiakasnimi, rivirivi joka kääriytyy kolmelle riville, ja kokonaissumma kymmenissätuhansissa. Sitten vapaamuotoinen asettelu romahtaa. Slot-ruudukko pitää muotonsa, koska jokainen osio tietää kuinka kasvaa ja virtata uudelleen.

Osiot, joista kokoot, vastaavat suoraan laskun osia, jotka jokainen vastaanottaja jo ymmärtää:

Ylätunniste

Yläkaista: logosi, asiakirjan otsikko ("Lasku"), laskunumero, päiväys ja eräpäivä. Tämä on ensimmäinen asia, jonka vastaanottaja näkee, ja asia, jonka he etsivät myöhemmin arkistoidessaan tai viitatessaan asiakirjaan.

Lähettäjälohko

Kuka laskuttaa – yrityksesi nimi, osoite, verotunnisteet ja yhteystiedot. Maa-tietoisten osoitekenttien ansiosta alue- ja postikoodikentät mukautuvat laskutusmaahasi, ja joissakin maissa nämä kentät on kokonaan piilotettu kun ne eivät ole olennaisia.

Asiakkaan lohko

Kelle laskutetaan. Haetaan asiakaslistaltasi, joten osoitteita ei tarvitse kirjoittaa uudelleen. Tässä lohkossa "vastaa vastaanottajan odotuksia" alkaa: yritysasiakas haluaa rekisteröidyn nimensä ja veronumeronsa; yksityishenkilö vain nimensä ja osoitteensa.

Rivilistataulukko

Sisältö: kuvaus, määrä, hinta ja summa per rivi. Täällä menee suurin osa pystysuunnasta, ja täällä layoutin kurinalaisuus merkitsee eniten. Vero voi olla inklusiivinen tai eksklusiivinen, voit soveltaa useita verokantoja, ja taulukko laskee nettosumman ja avointen maksujen summan automaattisesti.

Yhteistiedot-lohko

Välisumma, vero, mahdollinen alennus ja lopullinen avoin summa. Palataan tähän hetken kuluttua – se on sivun tärkein yksittäinen lohko ja se, jonka ihmiset useimmiten suunnittelevat puutteellisesti.

Alatunniste

Maksutiedot ja ehdot. InvoiceFlow ei ole maksunvälittäjä; lasku näyttää miten maksetaan – pankkitiedot, maksulinkki tai QR-koodi – ja asiakas maksaa omalla menetelmällään. Alatunniste on se paikka tälle, viivästysmaksuehtojen ja mahdollisen kiitostekstin ohella. Jos maksuaikataulu on voimassa, aikataulu renderöidään tähän selkeänä, päivätynä erittelynä.

Päätät mitkä osiot näytetään ja missä järjestyksessä. Sinun ei tarvitse keksiä rakennetta – järjestät sen rakenteen, joka laskuilla jo on.

Per-laskukorvaus ja jakaminen profiilien välillä

Kaksi laajuusominaisuutta tekee editorista aidosti hyödyllisen eikä vain dekoratiivisen.

Per-laskukorvaus. Mallipohja on oletus, ei häkki. Useimmat laskut käyttävät standardimallipohjaa, mutta sille yhdelle asiakkaalle joka vaatii tiettyä layoutia – tai yhdelle isokokoiselle tölle joka ansaitsee muodollisemman esityksen – voit korvata mallipohjan kyseisessä laskussa. Muu laskutuksesi pysyy koskemattomana.

Profiililaajuus. InvoiceFlow tukee useita yritysprofiileja yhdessä sovelluksessa, joten voit pyörittää useita brändejä ilman kirjautumisten vaihtamista. Mukautettu mallipohja voidaan jakaa profiilien välillä – hyödyllinen kun kahdella brändillä on yhteinen emoidentiteetti ja haluat yhden asiakirjajärjestelmän – tai pitää profiilikohtaisena, jotta kullakin brändillä on oma harkittu ilmeensä. Valitset per mallipohja. Studiolla, jolla on pääbrändi ja sivubisnes, saattaa olla halua pitää ne visuaalisesti erillisinä; konsultointifirmalla, jolla on kaksi alueellista entiteettiä, saattaa olla järkevää jakaa yksi mallipohja ja vain vaihtaa logo ja tiedot.

Bränäys: kaksoislogojärjestelmä

Mallipohja on luuranko; bränäys on se, mikä tekee siitä sinun. InvoiceFlow käyttää kaksoislogojärjestelmää: tallennat neliölogon ja leveän logon erikseen, ja mallipohjat sijoittavat oikean automaattisesti sen mukaan missä sitä tarvitaan. Neliömerkki sopii kompaktiin nurkkaan; leveä vaakalogotyyppi sopii täysleveään ylätunnistekaistaan. Ilman kahta varianttia leveä logo puristetaan neliöpaikkaan tai neliömerkki jätetään kellumaan täysleveän ylätunnistevalkoisen mereen – molemmat viestivät "tehty kiireessä".

Siistien logotiedostojen lataaminen tapahtuu sisäänrakennetun kuvaleikkurin kautta, joten sinun ei tarvitse hypätä erilliseen editoriin neliöimään vientiä. Aseta molemmat variantit kerran, ja jokainen mallipohja – valmis tai mukautettu – tietää kumman käyttää missä.

Fontit: se osa, jota kukaan ei ajattele ennen kuin se hajoaa

Typografia on siellä missä amatöörilaskut paljastuvat, ja missä kansainväliset laskut menevät täysin pieleen. InvoiceFlow toimittaa NotoSansin mukana ja tarjoaa käyttäjän valittavat fontit, mikä on tärkeää kahdesta syystä.

Ensinnäkin, oikea renderöinti ei-latinalaisissa kirjoitusjärjestelmissä. Fontti, jolla ei ole kyrillisiä, arabialaisia tai CJK-merkkejä, ei epäonnistu näkyvästi – se korvaa hiljaisesti ruutuina, kysymysmerkkeinä tai väärän suvun varafonttina. NotoSans on suunniteltu nimenomaan välttämään tätä; siinä on merkkipeitto niin että venäläisen asiakkaan nimi, arabialainen osoite tai kiinalainen rivikuvaus renderöidään tekstinä eikä tofuna. Jos laskutat eri kirjoitusjärjestelmissä, tämä yksin on suunnittelemisen arvoinen asia.

Toiseksi, pidättyvyys. Tehokkain yksittäinen typografinen päätös on käyttää yhtä fonttiperheitä ja nojata lihavuuteen ja kokoon hierarkian luomisessa. Lihavoitu, isompi laskunumero; tavallinen leipäteksti; hieman lihavampi kokonaissumma. Kahden perheen yhdistäminen voi toimia, mutta vain jos olet harkittu sen suhteen. Epävarmuuden vallitessa: yksi perhe, kolme lihavuutta.

Ensimmäisen mukautetun mallipohjan kokoaminen järjestyksessä

Tässä on järjestys, joka tuottaa käyttökelpoisen mallipohjan nopeimmin ja vähimmillä revisioilla.

1. Aloita lähimmästä valmismallipohjasta, henkisesti

Vaikka rakennat mukautettua, päätä mitkä 12 valmismallipohjaa on lähinnä tavoitettasi. Se kertoo sinulle missä järjestyksessä osiot jo toimivat alallasi – urakoitsijan layout johdattelee eri tavoin kuin minimalistinen – ja säästää sinut keksimästä uudelleen jo ratkaisuja.

2. Lukitse ylätunniste

Logon sijoittelu, asiakirjan otsikko, laskunumero, päiväykset. Päätä istuuko logosi vasemmalle, oikealle tai keskelle, ja kumpi variantti (neliö vai leveä) sopii ylätunnistekaistalle. Tämä on osio, jonka asiakkaat kuvaavat näytölle ja arkistoivat, joten tee siitä yksiselitteinen.

3. Sijoita lähettäjä- ja asiakkaan lohkot

Käytäntö on lähettäjä vasemmalle ylälle, asiakas alla tai vastapäätä. Mitä tahansa valitsetkin, pidä se johdonmukaisena kaikissa asiakirjatyypeissäsi, jotta palaava asiakas tunnistaa paperisi silmäyksellä.

4. Suunnittele rivilistataulukko pahimmalle tapaukselle

Ei siistille demoversiolle – sotkuiselle todelliselle. Pitkä kuvaus joka kääriytyy. Rivi jolla on määrä ja murto-osa hinta. Sekoitus vero-inkluusiivisia ja vero-ekskluusiivisia eriä. Jos taulukko pitää muotonsa sen kuormituksessa, se pitää minkä tahansa alla.

5. Tee kokonaissummasta mahdoton ohittaa

Lisää alla, mutta käsittele se suunnitteluvaiheena, ei jälkiajatuksena.

6. Kirjoita alatunniste kerran, kunnolla

Maksutiedot (pankkitiedot, linkki tai QR), ehtosi ja viivästysmaksukäytäntösi jos sinulla on sellainen. Viivästysmaksukäytännön mainitseminen täällä on se, mikä tekee sen soveltamisesta oikeudenmukaista myöhemmin. Jos laskutat erissä, varmista että aikataulu renderöidään niin kuin selittäisit sen suullisesti.

7. Testaa, sitten testaa kansainvälisesti

Generoi oikea PDF ja avaa se puhelimella – useimmat asiakkaat lukevat laskut puhelimella, ja kannettavalla tietokoneella tyylikäs layout saattaa olla lukukelvoton viiden tuuman näytöllä. Jos laskutat eri kielillä, generoi yksi ei-latinalaisella kirjoitusjärjestelmällä ja varmista että fontit pitävät. Per-laskukielisäädös antaa PDF:n lähteä asiakkaan kielellä riippumatta sovelluskielestäsi, joten testaa kieltä, jolla oikeasti lähetät.

Suunnitteluperiaatteet, jotka merkitsevät enemmän kuin työkalu

Tee kokonaissummasta näkyvä

Vastaanottajalla on yksi kiireellinen kysymys: paljonko, ja milloin. Kaikki muu on olemassa tukemaan näitä kahta faktaa. Avoin summa pitäisi olla sivun visuaalisesti hallitsevin luku – isompi, lihavampi, erotettu tilalla tai hienovaraisella kaistalla. Aseta eräpäivä heti sen viereen. Lasku, joka hautaa kokonaissummansa siistiin riviin identtisiä lukuja, pakottaa lukijan etsimään, ja etsivä lukija on lukija joka arkistoi sen "myöhemmin varten".

Vastaa vastaanottajan odotuksia

Asiakirja on "ammattimainen" vain suhteessa lukijansa odotuksiin. Yritysten ostoreskontraosasto haluaa siistin, tavanomaisen layoutin selkeällä toimeksiantoreferenssillä ja yksiselitteisillä veroriveilläe – luovuus tuntuu riskiltä. Yksityishenkilö joka tilaa yksittäisen työn haluaa lämpöä ja selkeyttä muodollisuuden sijaan. Suunnittele sille henkilölle joka avaa tiedoston, ei omaan makuusi.

Vähennä ennen kuin lisäät

Jokainen lohko, jonka lisäät, on jotain mitä lukijan täytyy käsitellä. Jos osio ei auta heitä ymmärtämään mitä he ovat velassa, miksi, ja kuinka maksaa, poista se. Siistimmät laskut eivät ole niitä joissa on eniten muotoilua – ne ovat niitä joissa on vähiten kitkaa.

Johdonmukaisuus asiakirjaperheen kesken

Tarjouksesi, laskusi, sopimuksesi ja toimituskuittisi pitäisi näyttää sisaruksilta. Kun asiakas vastaanottaa tarjouksen, hyväksyy sen ja saa myöhemmin laskun, visuaalinen jatkuvuus viestii hiljaisesti, että sama huolellinen yritys on kaiken takana. Käytä samaa mallipohjaperhettä, samoja logoja, samoja fontteja koko elinkaaressa.

Rehellinen johtopäätös

Visuaalinen editori ei ole tarkoitettu tekemään sinusta suunnittelijaa. Se on tarkoitettu sille hetkelle kun 12 valmismallipohjaa eivät aidosti sovi – ja varmistamaan, että astuessasi niiden ulkopuolelle tuloksesi on silti rakenteellinen, virtaa oikein uudelleen, ja renderöityy jokaisella kielellä jolla myyt. Kokoa slot-ruudukolla, bränää kaksoislogojärjestelmällä, aseta fontti joka kattaa kirjoitusjärjestelmäsi, tee kokonaissummasta mahdoton ohittaa, ja suunnittele tiedoston avaavalle henkilölle. Tee se, ja mukautettu mallipohja lakkaa olemasta koristelu ja muuttuu osaksi tapaa, jolla saat maksetuksi ajallaan.