Hur vi byggde vår hemsida med en AI-assistent

Tänk om din nästa hemsida inte började med en designbyrå, en backlog med Jira-ärenden, eller veckor av fram-och-tillbaka med utvecklare? Tänk om du bara… berättade för en AI vad du ville ha, och den byggde det?

Det är precis vad vi gjorde på Breathe IT. Vi använde en AI-chatbot som vår utvecklingspartner för att bygga hemsidan du läser detta på just nu. Här är hur det gick — det bra, det överraskande och det vi lärde oss.

Varför vi valde den här vägen

Vi är ett Microsoft-teknikonsultföretag. Vi hjälper företag att transformeras med Power Platform, Dynamics 365, AI och Power BI. Vi lever och andas digital innovation — så när det kom till vår egen hemsida ville vi praktisera det vi förespråkar.

Den traditionella vägen — anlita en byrå, vänta veckor på wireframes, gå igenom revisionsrundor — kändes långsam och frånkopplad från hur vi faktiskt arbetar. Vi ville ha något snabbare, mer iterativt och mer hands-on.

Kan vi bygga en professionell hemsida genom att samarbeta med en AI-chatbot?

Spoiler: Ja. Och det var mycket mer effektivt än vi förväntade oss.

Upplägget: Människa + AI i samarbete

Processen var inte "skriv en prompt och få en hemsida." Det var ett genuint samarbete — mer som parprogrammering med en väldigt snabb, väldigt tålmodig kollega.

1. Vi började med ett samtal

Inga wireframes. Inga specifikationer. Vi beskrev vad vi ville ha med vanligt språk:

• Vilka vi är (Microsoft-konsulter baserade i Norge)
• Vad vi gör (Power Platform, D365, AI, BI, Fabric)
• Vilka vi pratar med (IT-ledare, beslutsfattare i nordiska företag)
• Känslan vi ville ha (professionellt men mänskligt, innovativt men jordat)

Chatboten förvandlade det till en sidstruktur på några minuter.

2. Iterativt byggande i realtid

Istället för att vänta dagar på att en utvecklare implementerar ändringar, arbetade vi i realtid:

• "Flytta tjänstesektionen ovanför om-oss-sektionen"
• "Gör hero-texten mer slagkraftig"
• "Lägg till en sektion om vårt Microsoft-partnerskap"
• "Kontaktformuläret behöver ett projektbeskrivningsfält"

Varje ändring skedde omedelbart. Vi kunde se resultatet, ge feedback och finslipa — allt i samma konversation.

3. Innehållsgenerering + finslipning

Chatboten skrev allt innehåll — sidbeskrivningar, tjänstesammanfattningar, teambio, CTAs. Vi granskade, justerade tonen, lade till våra specifika expertisområden och finslipade. Det som normalt skulle ta dagar av skrivande tog timmar.

4. Teknisk implementering

Under huven hanterade AI:n:

• Responsiv design — fungerar på desktop, surfplatta och mobil
• SEO-grunder — metataggar, semantisk HTML, sidstruktur
• Prestanda — ren kod, optimerad laddning
• Tillgänglighet — korrekt rubrikhierarki, alt-texter, kontrast

Vad som överraskade oss

Hastighet

Från första samtalet till live hemsida: dagar, inte veckor. Den traditionella processen skulle ha tagit 4–6 veckor minimum. Vi itererade på en fungerande sida inom den första sessionen.

Kvaliteten på första utkastet

AI:ns första output var redan 70–80 % där. Det mesta av arbetet var finslipning och att lägga till vår personlighet — inte att fixa grundläggande problem.

Den förstod kontext

När vi förklarade vår verksamhet, kom chatboten ihåg det och tillämpade kontexten genomgående. Tjänstebeskrivningar hängde ihop med vår expertis. Tonen förblev konsekvent. Det kändes sammanhängande utan att vi mikrostyrde varje detalj.

Vi behövde fortfarande mänskligt omdöme

AI:n kunde inte berätta för oss vad vi skulle säga — bara hur vi skulle säga det. Strategiska beslut om positionering, vilka tjänster vi skulle lyfta fram, vad som gör oss annorlunda — det är fortfarande vi. Och det bör det vara.

Vad vi lärde oss

AI är en multiplikator, inte en ersättning

Chatboten gjorde oss 10x snabbare, men den ersatte inte vårt tänkande. Vi definierade fortfarande strategin, tog kreativa beslut och säkerställde att allt återspeglade vilka vi faktiskt är.

Vanligt språk slår tekniska specifikationer

Vi fick bättre resultat genom att beskriva vad vi ville med vardagligt språk än att skriva detaljerade tekniska krav. "Gör det mer välkomnande" fungerade bättre än "öka padding med 20px och ändra font-weight."

Iterera snabbt, leverera snabbare

Eftersom ändringar var omedelbara kunde vi testa saker vi aldrig skulle bry oss om att be en utvecklare om. "Tänk om vi vänder layouten?" — klart på sekunder. Denna frihet ledde till bättre resultat.

Håll människan i loopen

Varje innehåll granskades av en människa. AI:n är fantastisk på att generera, men varumärkesrösten, den specifika expertisen — det är vårt att äga.