Guide · Bakom kulisserna
Så byggdes Signello: e-signering med BankID, Stripe och AI
Av din Pohlare · 5 min läsning
Problemet
Offerten är klar och kunden är intresserad. Sedan fastnar den i en bilaga, en skrivare eller en inkorg, och det är där affärer tappas. Signello byggdes för att ta bort just det steget: dokumentet är en webbsida som kunden förstår, väljer i och skriver på direkt i mobilen.
Dokument som webbsidor
Editorn är blockbaserad, med block för omslag, parter, prisbord, villkor och signatur. Resultatet blir en responsiv sida som går att uppdatera även efter att den skickats.
Offerterna är interaktiva. Kunden väljer paket och tillval direkt i dokumentet och ser summan ändras. Rabatter per rad och ROT- och RUT-avdrag räknas rätt, utan att någon behöver zooma in i en PDF.
Signering med BankID
Signering sker med BankID eller en egen namnteckning, och väljs per mottagare. Flera signerare kan skriva på i den ordning du bestämmer, och varje dokument får tidsstämplar och en händelselogg. Datan lagras inom EU enligt GDPR.
Teknikvalen
Det här är verktygen Signello är byggt med, och vad var och en gör i produkten:
- Next.js, React och TypeScript. Gränssnittet och servern i en och samma kodbas, med typer hela vägen.
- PostgreSQL med Drizzle ORM. Dokument, användare, arbetsytor och händelseloggar.
- Tailwind CSS och shadcn/ui. Ett konsekvent gränssnitt som går att bygga snabbt.
- Stripe. Abonnemang och betalning.
- BankID. Signeringen.
- Claude. AI-assistenten som skriver offerter.
- Vercel. Drift och utrullning.
AI där jobbet görs
Signello AI skriver utkastet direkt i editorn, med priser, villkor och tidsplan, och räknar på rabatter och ROT med samma regler som resten av verktyget. Den föreslår också vem du ska följa upp, och går att nå från Claude och ChatGPT.
Tanken är att AI gör mest nytta där arbetet redan görs: i offertverktyget, inte i en chattruta vid sidan av.
Att börja litet
Signello började som en enda sak, att skicka en offert och få den signerad med BankID, och växte utifrån vad de första användarna bad om. Första versionen byggdes på samma grund som den riktiga produkten skulle ha, så den behövde inte kastas bort och göras om.