En hemsida som går att fråga
cu:sode hjälper industriföretag med transformation, PLM och produktens livscykel. Vi utvecklade deras sajt, med en FAQ som besökaren kan ställa egna frågor till och som svarar ur cu:sodes eget material.
Fråga vad du vill
På startsidan finns en ruta där besökaren kan fråga vad som helst om cu:sode. Medan man skriver dyker frågor upp som redan har ett svar, och väljer man en av dem visas det skrivna svaret direkt. Allt annat går till en AI, som svarar med två eller tre meningar på det språk frågan ställdes på.
Bara ur eget material
Modellen, Googles Gemini, får hela sajten med sig vid varje fråga: alla 54 frågor och svar, startsidans innehåll och inledningen på varje essä. Den svarar bara ur det. Den hittar inte på priser, namn, datum eller löften, och när materialet inte räcker säger den det och hänvisar till cu:sode själva. En essä återberättar den inte, den pekar till den. Frågor som inte är allvarligt menade avböjer den med en mening.
Det finns ingen sökning och ingen vektordatabas. Sajten är liten nog att skickas med i sin helhet, runt 9 000 tokens, och då handlar uppgiften om att hitta rätt, inte om att resonera. Det håller nere både svarstiden och kostnaden, som vi uppskattar till några öre per fråga.
Tillgänglig medan den skriver
Svaret skrivs fram tecken för tecken, efter stegen Reading, Working it out och Writing. En skärmläsare får stegen upplästa och svaret en gång när det är klart, inte bokstav för bokstav, som WCAG:s kriterium om statusmeddelanden kräver: det som ändras på skärmen ska nå skärmläsaren utan att fokus flyttas. Med reducerad rörelse står svaret där direkt.
54 frågor och 16 essäer
Grunden är cu:sodes eget material. Femtio av frågorna och svaren, och de 16 essäerna i sex delar, kom från tryckta PDF:er som vi förde in i Sanity. Alla 54 frågor finns också på en egen sida, i sex kategorier. Där är de vanlig text som går att läsa utan skript, med strukturerad data för sökmotorerna.
Detaljerna
Produktens livscykel är en figur i fem steg, där pilarna rör sig med rullningen. Essäernas delar heter som logotypen, med kolon: one:one, two:four. Etiketterna är ritade ur logotypens typsnitt som vektorer, så inget typsnitt behöver laddas för dem.
Snabb och stram
Sajten byggs statiskt ur Sanity och ligger på Netlify. CSS:en ligger direkt i sidan, och typsnitten är beskurna och har reservtypsnitt med samma mått, så att texten inte hoppar när de laddas. Layoutskiftet gick från 0,26 till 0,005, långt under 0,1, som är Googles gräns för bra. Startsidan väger 48 kB. Inga kakor och ingen spårning.
Om uppdraget
Leverans: Utveckling, CMS, AI-driven FAQ
Teknik: Sanity, Netlify, Gemini
Kund: cu:sode
År: 2026
Vilka som gjorde det
-
Jonas M.