Hvert område på det nye Ruths-site er mappet til et konkret baseline-modul fra Modules.pdf. Hvor baseline ikke dækker behovet, foreslås enten et alternativt brug af et eksisterende modul eller udvikling af et nyt. Målet: så få nye moduler som muligt.
Restauranter er omdøbt til Gastronomi & Drinks i topnav, footer og på selve siden — Café Ingrid er tilføjet som tredje indgang sammen med Brasseriet og Okê. Ruths Gourmet er fjernet fra alle steder (eksisterer ikke).
Karriere er samlet til én side der konsoliderer i dag fragmenterede sider (Community, Ledige stillinger, Elevplads). Får egen prominent kolonne i footer for talent-tiltrækning.
Praktisk info er nu én samlet side i stedet for spredt indhold (parkering, ladestandere, hund/kat, wifi, allergi, tjek-ind, etc.). Egen footer-kolonne.
Oplevelser er ny topsektion til "inspiration under opholdet" — på hotellet (brætspil, cykel, yoga, vinterbadning) og i Skagen (Grenen, museer, vandreture, kunstrute).
Footer er omarbejdet til 5-kolonne konverteringszone: Brand · Book (værelse/bord/selskab/behandling/gavekort) · Følg os (Facebook/Instagram/LinkedIn/Nyhedsbrev) · Karriere · Praktisk. Plus en sekundær link-strip nederst med øvrige sektioner.
Brand strategy: tilføjelser efter brand-deck
Ophold er navngivet: Northern Moment, Coastal Reset, Seaside Escape, Skagen Retreat, Golden Getaway, Brain Booster — som introduceret i brand-decket.
Tone of voice er gennemskrevet på alle sider: sanselig, subtil, underspillet. CTA-mønster: What a privilege … Oplev Ruths. "The Privilege of …"-labels bruges som strukturelt kit (slow, butter, doing nothing, waking up here, company, looking).
Målgruppe-indgang er tilføjet på forsiden (Til to · Til vennerne · Til familien · Til erhverv) — tager direkte udgangspunkt i de 6 målgrupper i brand-decket (yngre par, vennerne/veninderne, erhvervsledere/jetsettet, generationer, livsnydere, Gen Z).
Cyklussen (Opvågning/Liv/Fordybelse/Ro) bruges ikke som navigation eller filter — den er brand-internt sprog der kræver oversættelse, og det skader konvertering. I stedet bæres cyklussen af et nyt dynamisk Energi-modul (se modul #6 herunder), der kan placeres frit på tværs af sitet og style sig selv efter den valgte energi. Det giver brand-konsistens uden at tvinge brugeren ind i et brand-internt vokabular.
12
Baseline-moduler genbrugt
6
Nye moduler anbefales
3
Alt: kan løses med eksisterende
PDF'en dokumenterer disse 13 moduler — listen herunder er udgangspunktet for hele mappingen.
| Modul | Hvad det kan | Brug på Ruths |
|---|---|---|
| Form module | Konfigurerbart formular-modul med felttyper (text, email, tlf., dropdown, listbox, checkbox, radio) og GDPR-accept | Kontaktform, event-forespørgsel, newsletter-tilmelding |
| Text | Rich text — overskrifter, brødtekst, blockquote, punkt- og nummerlister (nested), links | Brødtekst på alle informationssider, historie, beskrivelser |
| Accordions | Foldemenu med flere items | FAQ på ophold, praktisk info, allergi/diæt, betingelser |
| Full Screen Media | Helsides billede/video. Variant uden video og (formentlig) med video | Hero på alle topsider — forside, værelser, restauranter osv. |
| Text / Media | Tekst + billede eller tekst + Vimeo/YouTube-video. Størrelser Small / Large / 16:9. Reverse-toggle. | Det centrale "split"-modul — bruges 12+ steder på nyt site |
| Tabs | Tab-baseret indhold (op til 4 tabs i eksempel) | Restaurant-menukort (forret/hovedret/dessert), behandlingskategorier |
| Branding Text | Stort headline med linjebrud + brødtekst i 2-kolonnelayout | Velkomstsektion på forside, intro på Om Ruths |
| Employee List | Personkort med billede, rolle, telefon, mail — i grupper (Ledelse, Salg, Test...) | "Vores hold" på Om Ruths, kokketeam, eventansvarlige |
| Entrances | 3-kolonne kort-grid med billede, titel, body, link | Restaurant-oversigt, relaterede pakker, "udforsk mere"-sektioner |
| Quote | Stiliseret citat med forfatter | Anmeldelser, gæsteudsagn, presseomtale-citater |
| News List | Dato + headline + "Læs mere" som listemodul | Presse, nyheder, blogindlæg fra Ruths |
| Logo List | Logo-grid for partnere | Awards (Michelin, AA Rosette o.l.), DanskeKroer-medlem |
| Footer | Multi-kolonne footer med kontakt og link-lister | Standard sidefod på alle sider |
| Sektion | Modul | Note |
|---|---|---|
| Hero med billede + overskrift + CTA | Full Screen Media | Tekstoverlay og CTA skal kunne styres på instansniveau — afklar at modulet understøtter det. Hvis ikke, lille udvidelse. |
| Booking-widget (datoer, personer, søg) | NYT: Booking-widget | Skal integrere mod hotellets booking-system (Mews, Profitroom, Cultuzz e.l.). Udvikles én gang, genbruges på tværs af pakke-detaljesider. |
| Velkomst-tekst (label + headline + body) | Branding Text | Passer 1:1 — to-kolonnelayout med stort headline + body matcher præcis denne brug. |
| "Find dit værelse" — 3 kort | Entrances | 3 standard-kort. Title + body + image + link. Pris kan tilføjes som ekstra felt eller indgå i body. |
| Restaurant-teaser (split med billede) | Text / Media | Large variant. Bruger CTA-link i bunden af tekst. |
| Wellness-teaser (split, vendt) | Text / Media Reverse | Samme modul med Reverse=true. |
| "Aktuelle ophold" — 4-6 pakker | Entrances stacked eller NYT: Liste | Entrances er kun 3-up. To rækker à 3 kort virker, men en dedikeret Liste-modul med pris/CTA er bedre på sigt — anbefales. |
| Anmelder-citat | Quote | Direkte brug. |
| Galleri (8 fotos) | NYT: Galleri | Ingen baseline til image-grid. Tabs/Entrances kan ikke dække multi-foto galleri på en god måde. |
| Newsletter-signup | Form module | Konfigureres med email-felt + GDPR-accept. Indsendelse til mail-platform via webhook. |
| Sektion | Modul | Note |
|---|---|---|
| Hero (slank) | Full Screen Media | Mindre højde-variant. |
| Filter-bar (datoer, personer, type) | NYT: Filter-bar | Alternativ: Form module hvis filtreringen kun aktiverer søgning i booking-system. |
| Værelses-liste (6 typer) | NYT: Liste-modul | Vandret 2-kolonne med billede + body + pris + CTA. Genbruges også på "Ophold". Vigtigste nye modul i hele projektet. |
| Sektion | Modul | Note |
|---|---|---|
| Hero-galleri (5 billeder) | NYT: Galleri | Samme nye modul som forsidens galleri — bare i hero-variant. Ét modul, to layout-modes. |
| Beskrivelse (label + headline + body) | Text | Rich text dækker fuldt. |
| Faktaboks (m², senge, udsigt, faciliteter) | Text (rich-text-tabel) eller NYT: Faktaboks | Kan løses med Text + tabel-formatering, men en dedikeret Faktaboks med key-value-felter giver bedre konsistens og bedre SEO. |
| Relaterede værelser | Entrances | 3-up direkte. |
| Sektion | Modul | Note |
|---|---|---|
| Hero | Full Screen Media | |
| Intro | Text | |
| 3 spisesteder (Brasserie, Okê, Café Ingrid) | Entrances | Direkte 3-up brug. |
| Book bord-CTA | Text / Media | CTA-bannervariant. |
| Sektion | Modul | Note |
|---|---|---|
| Hero | Full Screen Media | |
| Intro "På Ruths" | Text | |
| På hotellet — 6 kort (brætspil, cykel, yoga, etc.) | Entrances stacked | 2 rækker à 3 kort. |
| Intro "I Skagen" | Text | |
| Skagen — 6 kort (Grenen, museum, mile, etc.) | Entrances stacked | Samme mønster. |
| "Spørg vores reception"-CTA | Text / Media |
| Sektion | Modul | Note |
|---|---|---|
| Hero med CTA'er | Full Screen Media | |
| "Hvorfor Ruths" — split med billede | Text / Media | Brand-deck-citater bruges direkte. |
| Energi-blok ("Ida"-citatet om elevplads) | Energi-modul | Genbrug af det dynamiske brand-modul. Energi: Opvågning. |
| 3 indgange (Ledige stillinger / Elev / Community) | Entrances | Direkte 3-up brug. |
| Citat fra brand-deck | Quote | "The Privilege of gratitude"-citatet. |
| Uopfordret-ansøgningsformular | Form module | Standard form med dropdown og fritekstfelt. |
| Sektion | Modul | Note |
|---|---|---|
| Hero | Full Screen Media | |
| Køb / Indløs-tabs | Tabs | Direkte brug. |
| 3 gavekort-typer (værdi / ophold / oplevelse) | Entrances | |
| Bestillings-flow med forhåndsvisning | Form module | Form med live-preview af gavekort kræver lille widget-udvidelse. |
| Indløs-formular | Form module | Simpel kode-input. |
| Anledninger (4 kort: jul/mors dag/bryllupsdag/tak) | Entrances stacked |
| Sektion | Modul | Note |
|---|---|---|
| Hero med CTA | Full Screen Media | |
| Intro | Text | |
| 3 fest-typer (bryllup / mærkedag / familie) | Entrances | |
| Bryllup-fokus (split med billede) | Text / Media | |
| Energi-blok ("Aftenen åbner sig") | Energi-modul | Energi: Liv. |
| Forespørgsels-formular | Form module |
| Sektion | Modul | Note |
|---|---|---|
| Hero | Full Screen Media | |
| Kategori-filter (pills) | Text + design-token | Pills med aktiv-state — kan løses med simpel tekst eller udvidet til lille filter-element. |
| Featured story | Text / Media | |
| Story grid med dato | News List | Direkte brug — modulet er bygget til dette. |
| "Indlæs flere"-knap | News List med pagination | Mindre udvidelse af News List. |
| Sektion | Modul | Note |
|---|---|---|
| Intro | Text | Underspillet tonalitet — voksenpræmisser. |
| Brasseriet-split | Text / Media | |
| Okê-split (reverse) | Text / Media | |
| 6 børnefaciliteter | Entrances stacked | |
| Reception-CTA | Text / Media |
| Sektion | Modul | Note |
|---|---|---|
| Hero | Full Screen Media | |
| 4 booking-tabs (værelse/bord/behandling/selskab) | Tabs | Direkte brug — Tabs-modulet understøtter op til 4 tabs. |
| Booking-widget pr. tab | Booking-widget | Samme nye modul som forsiden. |
| Sektion | Modul | Note |
|---|---|---|
| Hele indholdet | Text | Ren rich text — ingen særlige moduler nødvendige. |
| Sektion | Modul | Note |
|---|---|---|
| Intro | Text | |
| 9 kort (parkering, lade, hund, wifi, etc.) | Entrances stacked | 3 rækker à 3 kort. |
| FAQ | Accordions | |
| Reception-CTA | Text / Media |
| Sektion | Modul | Note |
|---|---|---|
| Hero | Full Screen Media | |
| "Om restauranten" — split med billede | Text / Media | |
| Menu-tabber (Frokost / Aften / Vin) | Tabs | Tabs-modulet er perfekt til menukortet — én tab pr. service. |
| Åbningstider + praktisk | Text eller Faktaboks | Som værelse-faktaboks. |
| Galleri | NYT: Galleri | |
| Book bord-CTA | Text / Media | Eller indlejret booking-widget. |
| Sektion | Modul | Note |
|---|---|---|
| Hero | Full Screen Media | |
| Faciliteter (split + key-value) | Text / Media | Body i Text/Media kan rumme listen. |
| Behandlingskort (4-up) | Entrances stacked | 2 rækker à 3 fungerer bedre end 4-up. |
| Book behandling-CTA | Text / Media |
| Sektion | Modul | Note |
|---|---|---|
| Hero | Full Screen Media | |
| Intro-tekst | Text | |
| Pakke-liste (5 pakker) | NYT: Liste-modul | Genbrug af samme nye modul som på Værelser. Felter: billede, titel, body, "fra-pris", knap. |
| Sektion | Modul | Note |
|---|---|---|
| Hero med beskrivelse + CTA | Full Screen Media | |
| "Hvad indgår" + Faktaboks | Text + Text/Faktaboks | |
| Datovælger / book-widget | NYT: Booking-widget | Samme nye modul som forside. |
| FAQ | Accordions | Direkte brug. |
| Sektion | Modul | Note |
|---|---|---|
| Hero | Full Screen Media | |
| Mødelokale-kort | Entrances | |
| "Bryllup" — split | Text / Media | |
| Forespørgsels-CTA | Text / Media | |
| Forespørgselsformular | Form module |
| Sektion | Modul | Note |
|---|---|---|
| Hero | Full Screen Media | |
| Historien (split) | Text / Media | |
| Bygningerne (split, reverse) | Text / Media Reverse | |
| Energi-blok (brand-cyklus) | Energi-modul | Energi: Fordybelse. |
| "Mere om Ruths" (3 kort) | Entrances | |
| Anmeldelser (3 citater) | Quote | Quote brugt 3x i grid — kan også være 1 stort + 2 små. |
| Awards (4 logoer) | Logo List | Direkte brug. |
| Vores hold (på underside) | Employee List | Direkte brug. |
| Presse / nyheder | News List |
| Sektion | Modul | Note |
|---|---|---|
| Kontakt-info (telefon/mail/adresse) | Text | Eller Faktaboks-modulet hvis det kommer. |
| Kontaktformular | Form module | Direkte brug. |
| Kort / map | NYT: Kort-modul | Kunne også løses med iframe-embed via Text-modulet, men et dedikeret modul er bedre styringsmæssigt. |
Det vigtigste nye modul. Skal kunne integreres med hotellets booking-platform (Mews, Profitroom, Cultuzz, Hoist e.l.) og indlejres på forside, ophold-detalje og evt. som flyout-bar i header.
Vandret listevisning med billede + body + pris + CTA. Kan filtreres / sorteres. Genbruges til både værelseslisten og pakkelisten.
Multi-billede galleri med to layout-modes: hero-grid (asymmetrisk, 5 fotos) og standard-grid (8 fotos i 4×2). Klik åbner lightbox.
Key-value-liste til faktiske oplysninger — værelsesfakta, åbningstider, behandlingsdetaljer.
Lille modul til vej-visning på kontakt-side.
Genbrugeligt storytelling-modul, der bærer cyklussen ud over hele sitet uden at være navigation. Redaktøren vælger en af de fire energier (Opvågning / Liv / Fordybelse / Ro), og modulet styler sig selv ud fra det valg — farver, baggrund, atmosfære. Indhold (overskrift, tekst, evt. billede) tilpasses til den side modulet sættes på.
CTA-banner — kan bygges med Text/Media i CTA-variant (tekst med stor knap).
Relaterede-sektion — Entrances dækker.
Newsletter-signup-modul — Form module er fleksibelt nok.
Filter-bar — kan løses med Form module hvis det "kun" trigger en søgning i booking-engine. Et dedikeret filter-modul er kun nødvendigt hvis filtrering skal foregå i Umbraco-content (sjældent på et hotel-site).