Byg din egen fakturaskabelon: En praktisk guide til den visuelle editor

InvoiceFlow leveres med 12 indbyggede PDF-skabeloner — clean, professionel, fed, elegant, kompakt, moderne, klassisk, kreativ, minimal, håndværker, stribet og afdrag. For de fleste er det her, historien slutter. Du vælger den, der passer til dit fag, indsætter dit logo, og så er du færdig. Skabelonerne blev genopbygget, så de gengives korrekt i alle de skriftsystemer, appen understøtter, så en faktura på kyrillisk, arabisk eller kinesisk ser lige så gennemtænkt ud som en på dansk.

Men "de fleste" er ikke alle. Nogle virksomheder har et brandsystem, som en forudindstillet skabelon ikke helt kan udtrykke. Nogle har brug for en bestemt blok et bestemt sted — en lovpligtig linje, en projektreference, et betalingsinstruktions-layout, der matcher det, deres kunder allerede forventer. Det er det, den visuelle brugerdefinerede skabelon-editor er til. Dette er en praktisk guide til at bruge den godt: hvornår du skal gribe til den, hvordan du sætter en skabelon sammen af dens byggeklodser, og de designprincipper, der adskiller en faktura, der bliver læst, fra en, der bliver ignoreret.

Først, vær ærlig: har du faktisk brug for en brugerdefineret skabelon?

Den visuelle editor er kraftfuld, og kraft inviterer til overforbrug. Før du åbner den, så prøv den billigere løsning. Ni ud af ti gange bringer en indbygget skabelon plus god branding dig 95 % af vejen.

Grib til en indbygget skabelon, når:

• Dine behov er konventionelle — en header, dine oplysninger, kundens oplysninger, en varelinje-tabel, totaler og en footer med betalingsinstruktioner.
• Du vil have ensartethed på tværs af dokumenttyper uden at pille ved det. Afdragsskabelonen gengiver for eksempel allerede en opdelt betalingsplan på en clean måde.
• Du har travlt og bare har brug for noget, der ser troværdigt ud i dag.

Byg en brugerdefineret skabelon, når:

• Ingen af de 12 layouts placerer dine oplysninger, hvor dine kunder leder efter dem.
• Dit brand har en bestemt struktur — en bånd-header, en bestemt rækkefølge af blokke, en footer, der hver gang bærer juridisk eller lovpligtig tekst.
• Du sender fakturaer ind i en branche med stærke dokumentkonventioner (byggeriets stadefakturering, bureau-retainere, regulerede fag), og du har brug for, at layoutet matcher det, der forventes af dem, der gennemgår det.
• Du driver flere brands og vil have, at hvert af dem har et visuelt distinkt, gennemtænkt dokument.

Hvis du er i den anden liste, så læs videre. Hvis du er i den første, er branding alene måske nok — og det dækker vi også, for det forstærker uanset hvilken skabelon du vælger.

Sådan tænker editoren: slot-grid-sektioner

Den brugerdefinerede skabelon-editor er bygget op omkring et slot-grid. I stedet for et blankt lærred, hvor du kæmper med absolut placering, er fakturaen inddelt i sektioner, og hver sektion er en slot, du udfylder. Under motorhjelmen gemmes layoutet som JSON — en struktureret beskrivelse af, hvilke sektioner der vises, i hvilken rækkefølge, og hvordan de er styled — men du behøver aldrig at røre ved JSON-koden direkte. Du sætter det sammen visuelt; det er strukturen, der gør resultatet forudsigeligt på tværs af fakturaer af forskellig længde.

Den forudsigelighed er hele pointen. Et pixelperfekt træk-og-slip-lærred ser frit ud, indtil du genererer en rigtig faktura med et langt kundenavn, en varelinje, der ombrydes til tre linjer, og en total i titusinder. Så bryder det fritformede layout sammen. Et slot-grid holder sin form, fordi hver sektion ved, hvordan den skal vokse og ombryde.

De sektioner, du sætter sammen med, svarer direkte til de dele af en faktura, som enhver modtager allerede forstår:

Header

Det øverste bånd: dit logo, dokumenttitlen ("Faktura"), fakturanummeret samt udstedelses- og forfaldsdatoer. Dette er det første, modtageren ser, og det, de senere leder efter, når de arkiverer eller refererer til dokumentet.

Afsenderblok

Hvem der fakturerer — dit virksomhedsnavn, adresse, skatteidentifikatorer og kontaktoplysninger. Med landebevidste adressefelter tilpasser regions- og postnummeretiketterne sig det land, du fakturerer fra, og for nogle lande skjules disse felter helt, når de ikke er relevante.

Kundeblok

Hvem der bliver faktureret. Hentet fra din kundeliste, så du ikke skal taste adresser igen. Denne blok er der, hvor "match modtagerens forventninger" begynder: en erhvervskunde vil have deres registrerede navn og CVR-nummer; en privatperson vil bare have deres navn og adresse.

Varelinje-tabel

Substansen: beskrivelse, antal, sats og beløb pr. linje. Det er her, det meste af den lodrette plads går, og hvor layout-disciplin betyder mest. Moms kan være inklusiv eller eksklusiv, du kan anvende flere satser, og tabellen beregner netto-af-moms og det skyldige beløb for dig.

Totalblok

Subtotal, moms, eventuel rabat og det endelige skyldige beløb. Vi vender tilbage til denne — det er den enkeltvigtigste blok på siden og den, folk oftest underdesigner.

Footer

Betalingsinstruktioner og betingelser. InvoiceFlow er ikke en betalingsbehandler; fakturaen viser hvordan der betales — bankoplysninger, et betalingslink eller en QR-kode — og kunden betaler gennem sin egen metode. Footeren er der, hvor det bor, sammen med betingelser for morarenter og en eventuel tak-linje. Hvis en betalingsplan er relevant, gengives planen her som en klar, dateret opdeling.

Du bestemmer, hvilke sektioner der vises, og i hvilken rækkefølge. Du behøver ikke at opfinde strukturen — du arrangerer den struktur, fakturaer allerede har.

Tilsidesættelse pr. faktura og deling på tværs af profiler

To afgrænsningsfunktioner gør editoren reelt nyttig frem for blot dekorativ.

Tilsidesættelse pr. faktura. En skabelon er en standard, ikke et bur. De fleste fakturaer bruger din standardskabelon, men for den ene kunde, der insisterer på et bestemt layout — eller det enkelte oversize-job, der fortjener en mere formel præsentation — kan du tilsidesætte skabelonen på netop den faktura. Resten af din fakturering forbliver urørt.

Profilafgrænsning. InvoiceFlow understøtter flere virksomhedsprofiler i én app, så du kan drive flere brands uden at jonglere med logins. En brugerdefineret skabelon kan deles på tværs af profiler — nyttigt, når to brands deler en fælles overordnet identitet, og du ønsker ét dokumentsystem — eller holdes profilspecifik, så hvert brand har sit eget gennemtænkte udseende. Du vælger pr. skabelon. Et studie med et hovedbrand og et sideprojekt holder dem måske visuelt distinkte; et konsulenthus, der driver to regionale enheder, deler måske én skabelon og skifter bare logo og oplysninger.

Branding: to-logo-systemet

En skabelon er et skelet; branding er det, der gør den til din. InvoiceFlow bruger et to-logo-system: du gemmer et kvadratisk logo og et bredt logo separat, og skabelonerne placerer automatisk det rigtige afhængigt af, hvor det skal bruges. Et kvadratisk mærke passer til et kompakt hjørne; et bredt lockup passer til et header-bånd i fuld bredde. Uden to varianter ender du med et bredt logo presset ind i en kvadratisk slot eller et kvadratisk mærke strandet i et hav af header-whitespace — begge dele læses som "lavet i en fart".

At få rene logofiler ind klares af den indbyggede billed-cropper, så du ikke skal hoppe ud til en separat editor for at gøre en eksport kvadratisk. Indstil begge varianter én gang, og hver skabelon — indbygget eller brugerdefineret — ved, hvilken den skal bruge hvor.

Skrifttyper: den del ingen tænker på, før den knækker

Typografi er der, hvor amatørfakturaer afslører sig selv, og hvor internationale fakturaer falder helt fra hinanden. InvoiceFlow leveres med NotoSans medfølgende og tilbyder brugervalgte skrifttyper, hvilket betyder noget af to grunde.

For det første, korrekt gengivelse i ikke-latinske skriftsystemer. En skrifttype, der ikke har kyrilliske, arabiske eller CJK-glyffer, fejler ikke højlydt — den erstatter stille med firkanter, spørgsmålstegn eller en uoverensstemmende reserveskrift. NotoSans blev designet netop for at undgå dette; den bærer glyfdækningen, så en russisk kundes navn, en arabisk adresse eller en kinesisk varelinje-beskrivelse gengives som tekst, ikke tofu. Hvis du fakturerer på tværs af skriftsystemer, er dette alene værd at designe efter.

For det andet, tilbageholdenhed. Den enkeltmest effektive typografiske beslutning er at bruge én skriftfamilie og læne sig op ad vægt og størrelse for hierarki. Et fed, større fakturanummer; almindelig brødtekst; en lidt tungere total. At parre to familier kan fungere, men kun hvis du er bevidst om det. I tvivlstilfælde: én familie, tre vægte.

At sætte din første brugerdefinerede skabelon sammen, i rækkefølge

Her er den sekvens, der hurtigst producerer en brugbar skabelon med færrest revisioner.

1. Start mentalt fra den nærmeste indbyggede

Selvom du bygger brugerdefineret, så afgør hvilken af de 12 forudindstillinger der er tættest på dit mål. Den fortæller dig, hvilken rækkefølge af sektioner der allerede fungerer for dit fag — et håndværker-layout leder anderledes end et minimalt — og sparer dig for at genopfinde beslutninger, der allerede er løst.

2. Lås headeren

Logoplacering, dokumenttitel, fakturanummer, datoer. Beslut, om dit logo sidder til venstre, højre eller centreret, og hvilken variant (kvadratisk eller bred) header-båndet vil have. Dette er den sektion, kunder tager screenshots af og arkiverer efter, så gør den utvetydig.

3. Placér afsender- og kundeblokke

Konventionen er afsender øverst til venstre, kunde nedenunder eller overfor. Uanset hvad du vælger, så hold det ensartet på tværs af alle dine dokumenttyper, så en tilbagevendende kunde genkender dine papirer med ét blik.

4. Design varelinje-tabellen til værste tilfælde

Ikke det pæne demo-tilfælde — det rodede virkelige. En lang beskrivelse, der ombrydes. En linje med et antal og en brøk-sats. En blanding af moms-inklusive og moms-eksklusive varer. Hvis tabellen holder sin form under den belastning, holder den under alt.

5. Gør totalen umulig at overse

Mere om dette nedenfor, men behandl det som et designtrin, ikke en eftertanke.

6. Skriv footeren én gang, ordentligt

Betalingsinstruktioner (bankoplysninger, link eller QR), dine betingelser og din morarente-politik, hvis du har en. At anføre morarente-politikken her er det, der gør det fair at anvende den senere. Hvis du fakturerer i afdrag, så bekræft, at planen gengives, som du ville forklare den højt.

7. Test, og test så internationalt

Generér en rigtig PDF og åbn den på en telefon — de fleste kunder læser fakturaer på en telefon, og et layout, der er elegant på en bærbar, kan være ulæseligt på fem tommer. Hvis du nogensinde fakturerer på tværs af sprog, så generér en i et ikke-latinsk skriftsystem og bekræft, at skrifttyperne holder. Sprog pr. faktura lader en PDF gå ud på kundens sprog uanset dit app-sprog, så test det sprog, du faktisk vil sende.

Designprincipper, der betyder mere end værktøjet

Gør totalen fremtrædende

Modtageren har ét presserende spørgsmål: hvor meget, og hvornår. Alle andre elementer eksisterer for at understøtte de to fakta. Det skyldige beløb bør være det visuelt mest dominerende tal på siden — større, federe, fremhævet med plads eller et subtilt bånd. Sæt forfaldsdatoen lige ved siden af. En faktura, der begraver sin total i en pæn række af identiske tal, tvinger læseren til at lede, og en læser, der må lede, er en læser, der arkiverer den til "senere".

Match modtagerens forventninger

Et dokument er kun "professionelt" i forhold til, hvad dets læser forventer. En virksomheds kreditorafdeling vil have et clean, konventionelt layout med et tydeligt PO- eller referencefelt og utvetydige momslinjer — kreativitet læses som risiko. En privatkunde, der bestiller en engangsopgave, vil have varme og klarhed frem for formalitet. Design til den person, der åbner filen, ikke til din egen smag.

Træk fra, før du lægger til

Hver blok, du tilføjer, er noget, læseren skal bearbejde. Hvis en sektion ikke hjælper dem med at forstå, hvad de skylder, hvorfor, og hvordan de betaler det, så skær den væk. De reneste fakturaer er ikke dem med mest design — de er dem med mindst friktion.

Ensartethed på tværs af dokumentfamilien

Dit tilbud, din faktura, din kontrakt og din følgeseddel bør ligne søskende. Når en kunde modtager et tilbud, accepterer det og senere får fakturaen, signalerer den visuelle kontinuitet stille, at den samme omhyggelige virksomhed står bag det hele. Brug den samme skabelonfamilie, de samme logoer, de samme skrifttyper gennem hele livscyklussen.

Den ærlige bundlinje

Den visuelle editor er ikke der for at gøre dig til designer. Den er der til det øjeblik, hvor de 12 forudindstillinger reelt ikke passer — og for at sikre, at når du træder uden for dem, er resultatet stadig struktureret, ombryder stadig korrekt og gengives stadig på alle de sprog, du sælger ind i. Sæt det sammen med slot-grid'et, brand det med to-logo-systemet, vælg en skrifttype, der dækker dine skriftsystemer, gør totalen umulig at overse, og design til den person, der åbner filen. Gør det, og en brugerdefineret skabelon holder op med at være dekoration og bliver en del af, hvordan du får betalt til tiden.