Akademikernes Startup
AI x Web

A dark and Daft Punk web dev

Jeg lærer jer ikke at kode – jeg lærer jer at tænke rigtigt om jeres hjemmeside

“Du behøver ikke være teknisk”“Du kan bygge noget i dag”“AI har radikalt ændret spillet”

Øvelse (2 min): 👉 “Hvem har en hjemmeside i dag — og hvem er glad for den?”

Prompting

En god prompt er vigtig

  1. Det vigtigste kommer først i din prompt
  2. Den bør være præcis
  3. Den giver et bedre resultat med mindre risiko for fejl og render senere ind i komplikationer hvor man bliver nødt til stoppe op.

Eksempler:

Dårlig prompt: “lav en hjemmeside”

God prompt: “Lav en moderne hjemmeside til en frisør i Aalborg med fokus på naturlig luksus og online booking”

Skabelon ide

# Kontekst 

## Opgave 

### Retningslinier

#### Begrænsninger

Få din favorit Ai Chat til at hjælpe dig med at forfine din prompt, skræddersyet specifikt til dit værktøj?

Eller prøv lykken med..?

Prompt eksempler

MÅL: (fx flere bookinger / flere henvendelser / mere troværdighed)
MÅLGRUPPE: (hvem? hvor? hvilke problemer?)
TILBUD: (3-6 ydelser + evt. priser fra-til)
CALL-TO-ACTION: (Book tid / Ring / Få tilbud / Skriv)
TONE & STIL: (fx rolig, professionel, varm / minimalistisk / luksus / klinisk)
INDHOLD: (forside + ydelser + om + kontakt + evt. FAQ)
LOKALT: (by/område + åbningstider + adresse + telefon)
BEGRÆNSNING: (maks 1-2 timers vedligehold/md, ingen webshop, osv.)

# Kontekst
Du er en web- og content-ekspert med fokus på små lokale servicevirksomheder.
Jeg er solo-iværksætter og har brug for en enkel, troværdig hjemmeside.

## Business
- Branche: [frisør / fysioterapeut / anden]
- Lokation: [by + område]
- Målgruppe: [alder, type kunder, behov]
- Primær handling (CTA): [Book tid / Ring / Kontaktformular]
- Brand/signalværdi: [fx rolig/klinisk, varm/personlig, luksus/eksklusiv]
- Konkurrenter (valgfrit): [indsæt 1-2 URL’er eller navne]

## Ressourcer (hvis du har)
- Logo: [ja/nej]
- Farver/typografi: [hvis du ved det]
- Billeder: [egne / stock / AI]
- Tone-of-voice eksempler: [1-2 sætninger du kan lide]

# Opgave
1) Foreslå en simpel sitemap (maks 5 sider) og anbefalet struktur på forsiden.
2) Skriv færdig website-tekst (DA) til: Hero, ydelser, “om”, testimonials placeholders, CTA, kontakt.
3) Lav 10 SEO-venlige overskrifter + 10 FAQ-spørgsmål, der matcher kunders søgeintention.
4) Giv en “launch checkliste” (10 punkter) så siden kan gå live hurtigt.

# Retningslinier
- Skriv kort, konkret og lokalt relevant.
- Brug klare overskrifter og scannable tekst.
- Indsæt CTA efter hver sektion.
- Undgå buzzwords og teknisk jargon.
- Hvis du mangler info: antag standard og markér [SKAL UDFYLDES].

# Begrænsninger
- Maks 1-2 timers vedligeholdelse pr. måned.
- Skal fungere på mobil først.
- Ingen store tekniske integrationer (medmindre jeg beder om det).
- Hold det simpelt: 1 primær CTA.

# Kontekst
Jeg driver en frisørsalon i Frederiksberg. Jeg vil have en enkel hjemmeside der giver bookinger.
# Opgave
Lav forside + ydelser + om + kontakt + FAQ. Skriv tekster på dansk.
# Retningslinier
Tone: varm, moderne, enkel. Fokus på tillid og “nem booking”.
# Begrænsninger
Mobil først. Kun 1 primær CTA: “Book tid”. Maks 5 sider.

# Kontekst
Jeg driver en fysioterapeutklinik i Aarhus C. Kunderne skal føle tryghed og faglighed.
# Opgave
Forside med problem→løsning, ydelser, om, testimonials placeholders, FAQ, kontakt. Tekst på dansk.
# Retningslinier
Tone: rolig, klinisk, professionel, men menneskelig. Brug korte afsnit.
# Begrænsninger
Mobil først, enkel struktur, ingen komplekse integrationer.

Loveable

Prompt dig til et website der fungerer.

Eksempler:

Referral til Loveable.dev (10 extra credits)

Loveable referral QR

Loveable prompt – Superfly Web

Make a small website with awwwards.com level of inspired and original design.

 

Hero section: 

Create ONE horizontal 16:9 website hero design reference, but DO NOT use a conventional website hero layout.

Business: luxury real estate editorial / architectural property brand.

Layout archetype: full-bleed architectural magazine cover.

 

Composition first:

- Full-bleed cinematic architectural interior/exterior image dominates the entire canvas.

- Typography is integrated like a luxury magazine cover: oversized serif title crossing the image, elegant vertical captions, small navigation tucked into the edges.

- No left-column marketing block. No image-right/copy-left split. No eyebrow/subheadline/two-button stack.

- CTA should appear as one discreet editorial stamp or small pill in a corner, not two buttons.

- Use asymmetry, cropping, negative space, and cover-design hierarchy.

 

Palette: warm limestone, cream, black ink, aged gold, muted olive shadow.

Typography: large readable editorial serif headline, refined sans for small UI.

Copy to include legibly but minimally: “SUPERFLY WEB”, “Helping you with your web needs”, “View projects”.

 

Make it feel like an Awwwards-level architectural magazine homepage, structurally different from a normal SaaS hero.

 

I also need more sections or pages. A contact information page. An about me. A services section.

Make sure it follows responsive webdesign principles. Make use of tasteful transparency elements.

Loveable prompt – Studio Frederiksberg

Context

I run a hair salon in Frederiksberg. I want a simple website that allows bookings.

Task

Create a homepage + services + about + contact + FAQ. Write texts in Danish.

Guidelines

Tone: warm, modern, simple. Focus on trust and “easy booking”.

Constraints

Mobile first. Only 1 primary CTA: “Book an appointment”. Max 5 pages.

Loveable prompt – Aalborg Fysioterapi

Kontekst
Jeg driver en fysioterapeutklinik i Aalborg. Kunderne skal føle tryghed og faglighed.
Opgave
Forside med problem→løsning, ydelser, om, testimonials placeholders, FAQ, kontakt. Tekst på dansk.
Retningslinier
Tone: rolig, klinisk, professionel, men menneskelig. Brug korte afsnit.
Begrænsninger
Mobil først, enkel struktur, ingen komplekse integrationer.

Loveable prompt – Strandhotel

Lav en hjemmeside for et klassisk dansk strandhotel, som både holder fast i den 106 årige historie og tilbyde noget i dag og i fremtiden. 

De bestræber sig på at arbejde med at opnå en grønnere fremtid, økologi og bæredygtige principper. 
De tilbyder mad på højt niveau og med de bedste råvarer som lokalområdet kan tilbyde.
De har vundet bedste hotel i Danish Travel Awards 2025 for 3 gang i træk.
Hotellet ligger vidunderligt smukt i den frodige østkyst ved Nyborg på Fyn få meter fra standkanten. 
Den gyldne time byder på pastel nuancer som var passende for Skagens malerne som Krøyer fangede på sine klassiske malerier.

Vær kreativ, brug moderne web design af høj kvalitet og hav respekt for naturskønheden i omkring Strandhotellet og de klassiske danske aner.

Loveable prompt – Regnskab med tillid

Lav et website til et regnskabsfirma. Det har specialiseret sig i sexarbejdere og only-fans.
Det henvender sig til det danske marked. 
Det skal signalere modernitet, troværdighed, tillid, professionalitet, men skal også have en livlig og spændende highlight farve kombination.

Google Stitch

Prompt dig til design inspiration.

Eksempler:

Stitch prompt – Superfly Web

# Make a small website with awwwards.com level of inspired and original design.

Hero section:  
Create ONE horizontal 16:9 website hero design reference, but DO NOT use a conventional website hero layout.
Business: luxury real estate editorial / architectural property brand.
Layout archetype: full-bleed architectural magazine cover.

Composition first:
- Full-bleed cinematic architectural interior/exterior image dominates the entire canvas.
- Typography is integrated like a luxury magazine cover: oversized serif title crossing the image, elegant vertical captions, small navigation tucked into the edges.
- No left-column marketing block. No image-right/copy-left split. No eyebrow/subheadline/two-button stack.
- CTA should appear as one discreet editorial stamp or small pill in a corner, not two buttons.
- Use asymmetry, cropping, negative space, and cover-design hierarchy.

Palette: warm limestone, cream, black ink, aged gold, muted olive shadow.
Typography: large readable editorial serif headline, refined sans for small UI.
Copy to include legibly but minimally: “SUPERFLY WEB”, “Helping you with your web needs”, “View projects”.

Make it feel like an Awwwards-level architectural magazine homepage, structurally different from a normal SaaS hero.

## I also need more sections or pages. A contact information page. An about me. A services section.
### Make sure it follows responsive webdesign principles. Make use of tasteful transparency elements.

Stitch prompt – Lumina Salon

Project goal:   Skab et moderne, varmt og enkelt website for en frisørsalon på Frederiksberg. Fokus på tillid, personlighed og nem booking.
Language:   Dansk
Pages (max 5):


Forside – kort introduktion, stemningsfuldt billede, én tydelig CTA: Book en tid

Services – overskuelig liste over klip, farve, styling m.m. med korte beskrivelser og evt. fra‑priser

Om os – præsentér frisøren(e), værdier og salonens atmosfære

Kontakt – adresse, åbningstider, kort og kontaktformular

FAQ – svar på typiske spørgsmål om booking, afbud, produkter osv.
Tone & style:


Varm, moderne og enkel

Sprog: naturligt, imødekommende og kortfattet

Fokus på tillid og personlig kontakt

Layout: mobile‑first, luftigt og letlæseligt

Farver: neutrale og rolige (beige, sand, blød grå) med et strejf af elegance

Typografi: moderne sans‑serif med klar kontrast og god læsbarhed
Primary CTA:   👉 Book en tid (skal være synlig på alle sider)
Technical notes:


Optimeret til mobil og hurtig indlæsning

Enkel navigation (maks. 5 menupunkter)

Integrér booking‑knap med eksisterende system eller bookingformular
Example tagline ideas:


“Din lokale frisør på Frederiksberg – nem booking, flot hår.”

“Moderne stil. Personlig service. Book din tid i dag.”

Stitch prompt – Frederiksberg Salon

Lav et site til en moderne high-end frisør salon på Frederiksberg i København Danmark.
Start med forsiden, en service side og en kontakt side.

Sørg for at CTA booking knap forberedt.

Stitch prompt – Regnskab med tillid

Lav et website til et regnskabsfirma. Det har specialiseret sig i sexarbejdere og only-fans. Det henvender sig til det danske marked. Det skal signalere modernitet, troværdighed, tillid, professionalitet, men skal også have en livlig og spændende highlight farve kombination.

WordPress.com x Ai

Verdens største CMS har mulighed for at give et testkørsel og spinne et site op i skyen hvor du prompter dig til startudgangspunktet.

1. WordPress startup Prompt

Prompt og beskriv det projekt du skal lave

Begynd på WordPress.com Ai builder og start en konto op.

Wordpress COM Ai site builder prompt

Indtast detaljer om websitet, såsom navn, hvordan det skal fremstå i søgeresultater (blå links i søgemaskinen), hvad er det hjemmesiden handler om hvilket produkt eller service tilbyder du, hvilken lokation opererer du i.

  • Navn på sitet
  • SEO data (Title og description)
  • Lokationsdata
  • Forretningsområde, ydelse, produkt eller service

2. Finpuds

Brug chatten til at finjustere detaljer

Wordpress COM Ai site builder customizerpng

Beskriv med dine egne ors de ændringer eller tilføjelser du ønsker. De kan både være visuelle ændringer eller selve indholdet

3. Visuel inspektion

Visuelle eller indholdsændringer kan ændres ved at klikke

Wordpress COM Ai site builder Tilpasning UI og launch med numre

Klik hvor du vil ændre indholdet eller justere det visuelt. Eller måske fjerne noget, eller rette i teksten.
Slå panelet ud øverst til højre.

  1. Document overview
    Slå det ud for at se hvordan elementer ligger indeni hinanden.
    Lidt ligesom en Babuska figur.
  2. Klik og vælg det element du vil ændre.
  3. Se elementet blive valgt i Document overview du netop har slået ud
  4. Slå settings ud for at se hvilke håndtag du kan skrue på.
  5. I det her eksempel ændrer jeg størrelsen på teksten.
  6. Launch hvis du er klar til at købe(!)
    Ellers kan du lave et Preview
Preview funtion

4. PrevieW site

Nu kan du ser hvordan dit site ser ud

Wordpress COM Ai site builder preview (Large)

Prøv Desktop/Tablet/Mobile view og se hvad du har bygget.

Stitch prompt – Superfly Web

Øvelse gør mester

Par eller solo opgave: 👉 “Lav en simpel forside til din forretning”


Du får erfaring med:
Prompts
Struktur
Designvalg


Efter kurset

Check dit website efter denne liste:

  • Hvad er din MVP og lever du op til din?
    MVP = Minimum Viable Product – de krav som dit site bør opfylde.
  • Har du kontaktinfo?
  • Har du billeder?
  • Har du en CTA?
    CTA = Call to Action – er det muligt at booke tid, se dine services og komme i kontakt med dig?

Kadence Ai x WordPress

  • Installer og aktiver Kadence theme +Kadence Ai Starter Templates + Kadence Blocks
  • Opret en Kadence konto for at få 250 gratis credits
  • Udfyld data i wizard
    • Ai details
    • Vælg Ai template
  • Du kan altid begynde forfra eller justere ved at udfylde Ai Details og vælge Ai template igen (så længe du har credits)
  • Du kan også bruge Kadence Ai direkte på dit indhold
    • Juster tekster
    • Tilføj sektioner (eller fjern dem du ikke ønsker)

Webhotel / webhosting

En god måde at få styr på egen hjemmeside med tilhørende domæne er gennem et webhotel. De burde håndtere 1-klik installationer af WordPress, backup, gratis email, opdatering af webserver og tilhørende database.

Priser på webhoteller

Simply.com
Rabatkode (indtast under købet for +1 mdr. gratis)->

ZTXF5D

*5,- / 60,- /mdr

NordicWay.dk

*10,- / 30,- /mdr

e-Studio.dk

10,- /mdr

Gigahost.dk

30,- /mdr

Leg med WordPress

En god måde at lege med WordPress selv kunne være med SandboxCMS. Det er Open Source udgaven, og du skal ikke selv installere noget for at komme igang. Det lever i skyen og kun midlertidigt. Efter en række dage forsvinder det igen.

Leg med WordPress (Open Source udgaven)
SandboxCMS

Gode råd til Loveable

Få en håndfuld gode råd du kan bruge når du lærer hvad Loveable kan. Lær af andres erfaringer.

Ai integration i WordPress

Med version 7 af WordPress kommer der til at ske store og hurtige skridt fremad med at få integreret din favorit Ai kodehjælper i WordPress dashboardet.

Novamira er bare et godt bud lige nu, men selve WordPress giver plads til at integrere løs fremadrettet.

Google might have just killed websites

Det har de næppe, men det tyder på en fremtid hvor hjemmesider med originalt indhold bliver endnu mere presset på økonomi, antal besøgende og synlighed.


SEO kommer også til at give plads til mere AIO. Altså fra søgemaskine til Ai chat optimisering for at synliggøre sig.

Flere tanker om web design

I videoen leveres nogle råd som er værd at fundere over om de giver mening og over hvilken retning det kan skubbe din hjemmeside.

CMS Marketshare

Se lidt på udviklingen af CMS ud fra deres markedsandele hos analysen fra Gravitykit.

CMS pie chart 2026

Hverken økonomi burde være en undskyldning for ikke at have en hjemmeside.

A dark and Daft Punk web dev

“Hellere en 80% hjemmeside i dag end en perfekt om 6 måneder”

Jes Conradsen

Jes C
Tak til Akademikernes Startup

Tak for din tid og opmærksomhed. Jeg kunne godt tænke mig at høre din feedback.

Jeg vil gerne høre om hvad der virkede og hvad der ikke virkede så godt. Hvad kunne du bruge og hvad er du mest glad for.


Send mig gerne din feedback på:

iam@jesconradsen.dk eller +45 28947343

  • Hvordan oplevede du oplægget?
  • Hvad virkede og hvad virkede ikke så godt?
  • Hvad kunne du bruge og hvad er du mest glad for?
QR code linking to Jes Conradsen on LinkedIn

Akademikernes Startup
AI x Web