Fra AI-design til ferdig nettside: slik fungerer det

Hva er et AI-design?

Du beskriver bedriften og hva du vil ha, og AI-verktøyet lager en side du kan se og klikke deg rundt i. Mange verktøy lager også koden bak. Resultatet ligner en ferdig nettside, men det er laget for å se riktig ut i en forhåndsvisning, ikke for å ligge på nett i årevis med ekte besøkende.

Det er nettopp det som gjør AI-design nyttig: du kan vise oss hva du ser for deg i stedet for å forklare det. Vi tar det siste stykket.

Slik går det for seg

1. Du designerMed Claude, ChatGPT, Lovable eller lignende.
2. Du senderLenke, eksport eller skjermbilder.
3. Vi gjør ferdigKode, innhold, sikkerhet og fart.
4. PublisertPå ditt domene, overvåket og sikkerhetskopiert.

1. Lag designet

Du trenger ikke å kunne kode, og designet trenger ikke å være ferdig. Noen råd som gjør resten enklere:

• Start med forsiden. Den viser stilen. De andre sidene kan vi lage i samme stil.
• Fortell AI-en om kundene dine. Hvem er de, og hva skal de gjøre på siden: ringe, bestille eller sende en forespørsel?
• Be om mobilvisning. De fleste besøkende kommer fra mobilen.
• Bruk ekte tekst der du kan. Da ser du raskere om designet fungerer for innholdet ditt.
• Ikke bruk tid på det tekniske. Skjema, innlogging, domene og hosting ordner vi.
• Lag gjerne to eller tre varianter. Det er lettere å peke på det du liker enn å beskrive det.

2. Send det til oss

En delingslenke fra verktøyet er ofte nok. Har du lastet ned koden som en eksport, kan du sende den. Skjermbilder holder også. I tillegg trenger vi logo, kontaktinformasjon, domenet du vil bruke og helst egne bilder. Velg «AI-design» i kontaktskjemaet.

3. Gjennomgang og fast pris

Vi ser på designet og sier hva som mangler, hva vi anbefaler å endre, og hva det koster. Ofte foreslår vi små justeringer, for eksempel bedre kontrast eller større tekst på mobil. Du får fast pris før vi begynner.

4. Vi gjør det ferdig

Vi beholder utseendet, men bygger det opp på nytt der det trengs. Det er her mesteparten av arbeidet ligger:

• Farger og fonter samles i ett sett med variabler, så de er like overalt og enkle å endre senere.
• Rammeverk og byggesteg fjernes når siden ikke trenger dem. Resultatet er ren HTML, CSS og litt JavaScript, som laster raskt.
• Fonter legges på vår egen server i stedet for å hentes fra Google, så besøkende ikke sendes videre til tredjeparter.
• Bilder gjøres om til WebP eller AVIF i riktig størrelse.
• Kontaktskjemaet kobles til, med spamvern, så henvendelsene faktisk kommer fram.
• Sikkerheten kommer på plass: HTTPS, sikkerhetsheadere og ingen nøkler eller passord i koden.
• Siden gjøres tilgjengelig for alle, med god kontrast, riktige overskrifter, alternativ tekst og navigasjon med tastatur.
• Søkemotorene får det de trenger: titler, beskrivelser, strukturerte data og sitemap.
• Vi tester på mobil helt ned til 360 piksler bredde, og sjekker at alle lenker virker.

5. Testside og publisering

Koden legges i GitHub. Siden vises først på en testside, og når alt er godkjent, publiseres den på domenet ditt. Senere endringer går samme vei, og går noe galt, ruller vi tilbake til forrige versjon. Siden får sikkerhetskopi to ganger i døgnet og overvåkes hvert minutt.

6. Endringer etterpå

Du sender endringene til oss. Små endringer går fort. Større endringer, som nye seksjoner eller et nytt design, gjør vi med AI rett i koden, og det går mye raskere enn før. Alt sjekkes på testsiden før det publiseres. Vil du heller endre innholdet selv, kan vi bygge designet i WordPress i stedet. Se forskjellen på WordPress og skreddersydd.

Det vi oftest retter i AI-design

• Plassholdertekst og oppdiktede tall, som «500+ fornøyde kunder», som må byttes ut med ekte innhold.
• Bilder du ikke har rett til å bruke.
• Fonter og skript fra Google og andre tredjeparter, som sender besøkendes IP-adresse videre uten samtykke.
• Skjema som ser ut til å virke, men som ikke sender noe.
• Nøkler og passord i koden, som alle kan lese.
• For lav kontrast og manglende alternativ tekst, som gjør siden vanskelig å bruke for noen og bryter kravene til universell utforming.
• Innhold som bare lages med JavaScript i nettleseren. Det gjør siden tregere, og mange søkeroboter og AI-søk ser ikke innholdet.

Sjekkliste før du sender

• Forsiden er laget, og du vet hvilke andre sider du trenger.
• Det står hva bedriften gjør, og hvordan kundene tar kontakt.
• Du har logo, kontaktinformasjon og helst egne bilder.
• Du har en delingslenke, en eksport eller skjermbilder.

Klar til å komme i gang?

Les mer om tjenesten på Fra AI-design til ferdig nettside, eller send oss designet. Du får en vurdering og fast pris, og det er uforpliktende.