VisitDenmark Designmanual 1
Indhold Guidens formål og indhold 3... DESIGN 4... Farver 5... Skrifter 6... Skrifter i fritekstfeltet 7... Kommunikér med billeder 8... Brandløftet i billeder 9... Billedstørrelser 10... SEKTIONER, SIDETYPER OG ELEMENTER 11... Sektioner og undersektioner 12... Sidetyper 13... Elementer intro 14... Custom block 15... Custom block varianter 16... Custom block i nodequeues 17... Redaktionelle teasere og links 18... Sektionstitler, Simple links og menuer 19... Gallerier 20... Iframe 21... Feeds og sociale medier 22... Formularer 23... Vejret, kalender og kontakt 24... Kort 25... TURISME SEKTIONEN 26... Forside 27... Talebobler 28... Discover Denmark 29... Things to do 30... Accomodation 31... Destinations 32... Planning, browse indhold 33... Planning, kørtsøgning 34... Theme page 35... Article & theme article 36... Encyclopedia 37... Top 10 38... Gallery oversigt 39... Gallery 40... Oversigter 41... Kampagne 42... Kampagne 43... Kampagne 44... Kampagne 45... Tilbudsplatform - overblik 46... Tilbudsplatform - tilbud 47... GuideDanmark produkter 48... GuideDanmark produkter 49... My guide 50... MØDETURISME 51... Forside 52... What we offer og why Denmark 53... Planning 54... Request a proposal 55... What s on 56... INTERNATIONAL PRESSE 57... Forside 58... Nyhed eller pressemeddelelse 59... Nyheds-center 60... DANSK TURISME 61... Forside 62... Markedsføring 63... Om VisitDenmark 64... Presse 65... Tal og analyser 66... Medarbejder oversigt 67... Brochure 68... BANNER 69... Banner Dét er målet med denne guide: at give svar på hvordan man som redaktør kan arbejde med indhold og indholdselementer i den nye visitdenmark.com portal indenfor rammerne af det nye design. Det nye design og CMS rummer en række nye muligheder, funktioner og indholdselementer og giver meget fleksible rammer for redaktionelt at opbygge sider og visninger af indhold. Derfor er det vigtigt, for at fastholde et designmæssigt ensartet og konsistent udtryk, at redaktørerne opbygger sider og anvender indholdselementer efter guidens retningslinjer og rammer. Målet er at give brugere på tværs af portalen - på markeder og i lokale løsninger (ASP) - en konsistent og ensartet brugeroplevelse. Dette skal understøtte en samlet branding af Danmark og Visitdenmarks målsætninger og KPI er. Denne guide/manual rummer elementer af : - Designguide: som opridser de vigtigste designprincipper som farver, fonte (side 3, 4 og 5), overordnet designmæssig opbygning af forskellige typer sider (gennnemgås i denne guide i relation til de enkelte sider), samt forskellige muligheder for at indstille størrelse, design og placering af de mange designede indholdselementer (gennnemgås i denne guide i relation til de enkelte sider). - Content strategi: som opridser og prioriterer hvordan forskellige typer indholdselementer placeres på de forskellige sider. De overordnede typer sider opridses (side 17), portalens sektioner og subsektioner forklares (side 16), alle indholdselementer og deres variationsmuligheder gennemgås (side 8-19) og der angiver retningslinjer for tekstlængder og billedbrug (gennnemgås i denne guide i relation til de enkelte sider). Det væsentligste ved guiden er således koblingen melllem indhold og design og hvordan man som redaktør kan arbejde med at få dette til at hænge sammen på en konsistent måde på sitet. Guiden hænger dermed sammen med den udarbejdede content strategi og har mange snitflader med det skriftlige undervisningsmateriale i CMS Drupal. Content strategien kan med fordel konsulteres for uddybende information om budskaber, skrivestil, temaer og sammenhængen med visitdenmarks brandplatform og KPI er. Dette er ikke inkluderet i denne guide. Undervisningsmaterialet i CMS et kan med fordel konsulteres for konkrete anvisninger i hvordan de enkelte sider rent teknisk bygges op af forskellige typer indhold i CMS et og hvordan de mange indholdselementer konkret konfigureres og indstilles i systemet. Dette er heller ikke inkluderet i denne manual. 2
Design Farver Skrifter Skrifter og formattering i fritekstfeltet Kommunikér med billeder Brandløftet i billeder Levende billeder Billedstørrelser 3
Farver Primære farver Farvepaletten til visitdenmark.com stammer fra VisitDenmarks generelle visuelle identitet. Det er en levende og varieret palette, der kan appellere til mange og danne grundlag for mange udtryk. Hovedvægten på hjemmesiden er er på de primære farver, der er rød og varm grå samt hvid. Desuden er der på web tilført de tertiære farver, der indtil videre kun optræder på hjemmesiden og bliver RGB 157/25/32 Hex #9D1920 RGB 203/27/36 Hex #CB1B24 RGB 71/72/71 Hex #474847 RGB 109/110/109 Hex #6D6E6D RGB 191/192/191 Hex #BFC0BF brugt som baggrundsfarver for hele siden og for topmenuen. Princippet for anvendelsen af farverne på overskrifter på visitdenmark.com er: På forsider, sektionssider, temaforsider og oversigter (views) anvendes flere farver fra den Sekundære farver sekundære farvepalet, for at skabe variation, dynamik og inspiration. På artikelsider, nyheder og a-z indhold (noder) anvendes færre farver og fortrinsvis de primære, for at skabe ro til fordybelse og læsning. Det er implementeringen af designet i cms et, som styrer farvevalget og ikke redaktørerne. RGB 214/75/37 Hex #D64B25 RGB 229/141/44 Hex #E58D2C RGB 254/227/116 Hex #FEE374 RGB 61/11/29 Hex #3D0B1D RGB 108/35/104 Hex #6C2368 RGB 203/18/106 Hex #CB126A RGB 53/87/103 Hex #355767 RGB 0/165/213 Hex #00A5D5 RGB 165/194/192 Hex #A5C2C0 RGB 64/96/73 Hex #406049 RGB 114/176/57 Hex #72B039 RGB 183/203/67 Hex #B7CB43 RGB 55/48/44 Hex #37302C RGB 125/116/99 Hex #7D7463 RGB 210/203/181 Hex #D2CBB5 Tertiære farver RGB 16/41/51 Hex #102933 RGB 239/238/234 Hex #EFEEEA RGB 16/24/28 Hex #0C181D 4
Skrifter Overskrifter SOHO Std Bold abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ 1234567890 Skrifterne der anvendes på visitdenmark.com stammer fra VisitDenmarks overordnede visuelle identitet. De fleste steder hvor skrifter og størrelser optræder på sitet er de ikke redaktionelt definerede men indsættes automatisk med de rigtige størrelser og faver via websitets stylesheets. Da SOHO ikke er en standard webfont inkluderes skrift filerne i styles på websitet. For hver fil øger man den mængde brugeren skal downloade. Det gælder om at finde en passende mængde download, og samtidig have en god identitet. Indholdskrifter SOHO Gothic Std Regular abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ 1234567890 Alle overskrifter er sorte og bold, bortset fra overskrifter på custom block elementer (se side 14-15), hvor farverne varierer efter et defineret mønster for at skabe dynamik på siderne. Principperne for farvevalg på disse overskrifter er forklaret under farver (side 4). SOHO Gothic Std Bold abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ 1234567890 5
Skrifter i fritekstfeltet Vil du tage hensyn til miljøet, også når du holder ferie, er der mange muligheder, når turen går til Danmark. Du kan rejse grønt både i og udenfor byerne. Du kan vælge overnatningssteder, der er miljømælrkede, og når sulten melder sig, kan du gå på økologiske restauranter og handle økologisk. Grønne oplevelser er der også mange af. Du kan fx besøge økologiske landbrug, vindmølleparker, selvstændige øko-samfund, forbrændingsanlæg eller se eksempler på niljøopretning, grønne bymiljøer mv. Og for dig, der vil på aktiv ferie uden at belaste miljøet, byder Danmark på udfordinger og oplevelser for både cykel- og vandreturister, sejlerfolk, lystfiskere og naturelskere i al almindelighed. Paragraph, Soho, Gothic 15px På en række sider og indholdselementer er der et fritekstfelt som styres af redaktøren. Her findes en række muligheder for at formattere tekst. De vigtigste er: Paragraph: Soho Gothic 15px Heading 2: Soho bold 26px Heading 3: Soho bold, 18px - (underoverskrifter) Heading 4: Soho bold, 13px Heading 5: Soho bold, 23px Heading 6: Soho bold, 14px Adress: Soho Gothic, 15px Det er gennemgået i forbindelse med de enkelte sider, hvor man bruger hvilke styles. Underrubrik (Heading 2) Underrubrik (Heading 5) Underrrubrik (Heading 3) Underrubrik (Heading 6) Heading 2, Soho bold, 26px Heading 5, Soho bold, 23 px Headling 3. Soho bold, 18px Heading 6, Soho bold 14px Desuden er der mulighed for at formattere tekst som: - Unummeret liste Bruges til ikke prioriterede oplistninger. - Nummereret liste Bruges til prioriterede lister. - Italic Bruges til at accentuere/fremhæve ord i teksten. F.eks. organisationer, personer eller lokationer. - Understreget Bruges til at understrege ord i teksten, f.eks. tillægord, stemninger eller vigtige budskaber. - Gennemstreget Det anbefales ikke at bruge denne mulighed. Underrubrik (Heading 4) Islands Brygge 23 2300 København S Heading 4, Soho bold, 13px Adress, Soho Gothic, 15px - Links Bruges til at linke i teksten. Links til andre steder i VisitDenmark.com, inkl. andre markeder og ASP løsninger skal laves som links der åbner i samme vindue, links til eksterne sites laves så de åbner i ny fane/vindue. Links placeres enten i lister eller i slutningen af afsnit. 6
Kommunikér med billeder! Det nye visitdenmark.com er et meget visuelt univers, som skal indbyde de besøgende til at dykke ned i indholdet ved at kommunikere med billeder; både fotos, grafik og levende billeder. Ideen er, at der er et stærkt fokus på visuel kommunikation på de første sider den besøgende møder: forsider, sektionssider, oversigter og temasider, mens den visuelle del er mere nedtonet på indholdssider, artikler, produktsider og søgeværktøj. De følgende sider gennemgår hvordan man arbejder med billeder på sitet som redaktør: - hvordan udvælges og kommunikeres i overensstemmelse med Visitdenmarks brandløfte - hvordan omsættes brandløftet til visuel kommunikation på websitet - gode råd til at arbejde med levende billeder - anvisninger om billed kvalitet - kort om billedstørrelser og dimensioner - beskæring 7
Brandløftet i billeder Eksempel på billede som kommunikerer lokation (Vestkysten), historie (to børn der leger sammen) og stemning (afslappet dansk sommer vær med og vær til ). Brandløftet kort: Udgangspunktet er, at alle billeder skal støtte op om VisitDenmarks brandessens og de unikke kerneværdier: kreativitet, mangfoldighed og i øjenhøjde og udleve brandløftet Vær med og vær til. Tre tips på websitet: 1. Fokuser på den besøgendes motiver for at rejse På forsider, sektionssider og temasider kan man se billederne som en krog du som redaktør kan sætte i den besøgende: En aktivitet de gerne vil lave, en attraktion som skal besøges eller en begivenhed eller stemning som trækker. Målet er at motivere til at søge ned i websitets indhold. 2. Vælg billeder der skaber identifikation Eksempel på billede som kommunikerer lokation (byen), historie (et par går aftentur) og stemning (vær med i byen og hæng en kærlig lås på broen). Find billeder som skaber levende kontekst, som de besøgende kan identificere sig med. Det klassiske turistfoto er den besøgende selv i situationer, foran attraktioner, i aktiviteter osv. På websitet skal denne tilgang imiteres med professionelle og kommunikerende billeder. Nøgleordene er: autentisk, sanselig, original, levende og i øjenhøjde. 3. Fortæl historier Vælg billeder, som kommunikerer på flere niveauer: historier, der skaber identifikation, men også fortællinger om Danmark som land i stemninger og lokationer. Især på sider hvor der er fokus på indhold og kombination med skriftlig formidling, er det vigtigt at fokusere på sammenhængen mellem indholdet i teksten og billedets fortælling. Uddybende om billedvalget: Sæt billeder på nethinden, som understøtter emotionelle værdier som kreativitet, spontanitet og engagement. Billedet skal være eftertragtet, men opnåeligt, bogstaveligt og i overført betydning i øjenhøjde. Erstat postkortbilleder af bygninger og steder med stemningsfulde, mættede og varme fotos med liv og event-aktivitet, men også gerne med reference til unikke bygninger, gademiljøer og andre unikke karakteristika. Inddrag gerne street-shots og stemningsmættede billeder både af detaljer og de store, åbne vidder. Summende storbyer og rå natur i al sin mangfoldighed. Tænk i billeder som afspejler intimitet, ro, sammenhold, naturstemning, fordybelse (vær til) og i billeder med action, familiefællesskab, kreativitet og leg (vær med). Se iøvrigt den uddbybende tekst om Tone og stil i billeder og tekst. 8
Billedstørrelser 1024 Visitdenmark.com bruger billedformatet 16:9 i (næsten) alle visninger på sitet. Det betyder at dimensionerne på billederne altid er de samme (16:9), men størrelsen kan variere. 576 Billeder generelt på sitet Det betyder at alle billeder skal lægges op i 1024 x 576 pixels. Systemet skalerer automatisk billederne ned i størrelse, så de kan bruges overalt på sitet. På denne måde behøver vi kun at lægge et billede op én gang. Undtagelser er Top 10-sider samt kampagnesider, der skal lægges op i minimum 1280 x 720 pixels for at fylde skærmen ud. Logoer Logoer skal indsættes i en dertil udarbejdet PSD-fil, hvorefter logoet skaleres korrekt. PSD-filen får ved kontakt til Online Marketing. Kontaktpersoner Vi anbefaler man beskærer kontaktpersoner til 60 x 90 pixels. Kontaktpersonen vises altid i 60 pixels bredde og højden kan derfor variere. 1280 720 Videoer Videofiler skal tilstræbes at være i 16:9 format. Billedekvalitet Ved beskæring og upload af billeder til portalen skal man altid sørge for at billedet er i god kvalitet. Når du beskærer billedet skal du bevare historien i billedet samt respekter fotografens komposition. 9
Sektioner, sidetyper og elementer Sektioner og undersektioner Sidetyper Elementer intro Custom block Custom block - variationer Custom block i node queues Redaktionelle teasere og links Sektionstitler, simple links og menuer Gallerier Iframes Feeds og sociale medier Formularer Vejret, kalender og kontakt Kort 10
Sektioner og undersektioner Turisme Mødeturisme Visitdenmark.com indeholder 4 hovedsektioner: Turismesektionen Turismesektionen henvender sig bredt til turister, som vil besøge Danmark og skal præsentere mulighederne som turist i Danmark på en række markeder, samt understøtte målsætningerne om at øge salg af turismeprodukter i Danmark, herunder overnatninger. Turismesektionen har følgende undersektioner/ hovedmenupunkter: Discover Denmark, Things to do, Planning your trip, Accomodation, Destinations. Mødeturisme Mødeturisme henvender sig til professionelle turister og som skal sælge VisitDenmarks tilbud til denne gruppe. Mødeturisme har følgende undersektioner/hovedmenupunkter: What we offer, Why Denmark, Your event, It s on! International presse International presse findes integreret på de internationale markedsversioner af visitdenmark.com og henvender sig til pressen. Der er følgende undersektioner/hovedmenupunkter: News and press releases, Photos and video, Events International presse Dansk turisme Om VisitDenmark Om VisitDenmark, er Visitdenmarks corporate site med informationer og formidling af organisationens arbejde og opbygning, samt det danske pressesite. Der er følgende undersektioner/hovedmenupunkter: Om VisitDenmark, Markedsføring, Tal & Analyser, Presse. For hver sektion er forside, sektionssider, samt redaktionelle sider gennemgået. Det betyder at f.eks. formularsider som RFP for business/meetings ikke er gennemgået her, da der ikke er redaktionelt opdateringsarbejde forbundet med den. For turismedelen er dog også gennemgået ikkeredaktionelle sider, for at vise designprincipperne på disse. 11
Sidetyper Forside/sektionsside eksempel Temaside eksempel Der er en lang række sidetyper, visninger og indholdstyper på VisitDenmarks site. Dette er en opstilling af disse i hovedkategorier set fra en design og indholdsvinkel. * Forsider og sektionssider De fleste forsider og sektionssider rummer meget fleksible muligheder for at sammensætte indhold der passer til marked og region. Indholdet er helt primært billeder, overskrifter, links og enkelte feeds og formålet er, på en inspirerende måde, at skabe opmærksomhed om sitets indhold, så brugeren får lyst til at klikke videre. Der er, med få undtagelser, ikke redaktionel tekst/brødtekst på disse sider. En del sektionssider er ikke redigerbare, men har karakter af at være værktøj/søgeværktøj til brugerne (se længere nede). Temasider Temasider er en af de vigtigste byggesten på turismesitet og samler indhold i temaer, som skal sætte en krog i den besøgende præferencer og rejseønsker. Temasiderme består, ligesom sektionssider og forsider, primært af visuelt orienteret indhold i form af billeder, titler, links, feeds og funktionelle blokke som f.eks. kort, som skal inspirere brugeren til at dykke ned i indholdet, men rummer muligheden for korte redaktionelle tekster/teasere, som binder indholdet sammen verbalt. Indholdsside eksempel Specialside eksempel Indholdssider (primært artikler) Indholdssiderne er artikler, nyheder m.m. og på disse sider er der en langt større vægt på teksten og en mindre omfattende anvendelse af andre indholdsellementer. Ikke redigerbare sider /specialsider En række sider er ikke umiddelbart redigerbare eller har kun få redigerbare elementer, men genereres automatisk af CMS systemet. Det gælder f.eks. planning your trip (med undtagelse af encyklopædien), My guide, en række oversigter som f.eks. it s on på mødeturisme sektionen, medarbejderoversigt i dansk turisme, oversigt over gallerier m.m. *Det er således ikke en gennemgang af alle indholds og sidetyper på sitet fra en teknisk vinkel eller en forklaring af hvordan man bygger sider og templates op i drupal med paneler, panes, nodes, widgets, nodequeues, blocks,views etc. Dette findes i undervisningen og undervisningsmaterialet. 12
Elementer - intro Primære indholdselementer En række elementer er til rådighed og kan indsættes af redaktører på en række sider. Custom Block: Redaktionelle teasere med/uden billeder og links Sektionstitler,simple links og menuer Gallerier Lister Designet er lavet så fleksibelt, at man som redaktør kan bruge en række forskellige elementer sammen og samtidig holde fast ved stilen og udtrykket på sitet. Der er derfor ikke nogen regler for hvor mange billedbårne eller grafiske elementer, som kan sættes sammen eller hvordan. Dog opfordres til at man som redaktør tilstræber en balance mellem tekstbårede elementer og billedbårne elementer og at især forsider og sektionsforsider er båret af billeder og grafiske elementer fremfor teksttunge. Sekundære indholdselementer Feeds Feeds sociale medier Links lister Kort Flash indhold Iframet indhold Begivenhedskalender Bannere Tilbud Vejret Funktionelt indhold Formularer (nyhedsbrev og kontakt) Booking boks Segmenteringsværktøj I stedet er det indholdets funktion og væsentlighed, for formidlingen af Danmark som destination, som bør afgøre hvor på siderne og i hvilke sammenhænge man som redaktør placerer indhold. Elementerne opdeles i denne liste i følgende grupper: - Primært indhold - Sekundært indhold - Funktionelt indhold Primært indhold er det vigtigste redaktionelle indhold, herunder titler, teasere, topbilleder/video, tekster, vigtige lister og links. Dette skal som hovedregel placeres øverst eller i hovedområdet til venstre på alle sider. Sekundært indhold er andet indhold som f.eks. feeds, herunder fra sociale medier, begivenhedskalender, flash, flickr fotos, vejret, iframet indhold, kort, lister, bannere og tilbud. Dette indhold prioriteres efter det redaktionelle indhold og indsættes også i højre spalte/side af siderne. Funktionelt indhold er f.eks. bookingbokse, formularer, segmenteringsværktøj. Dette placeres som hovedregel i højre side. Elementer på artikelsider Der vil dog være variationer og forskellige prioriteringer på forskellige sektionssider på turismedelen og i de forskellige dele af sitet (presse, møde og dansk turisme). Dette søges indkredset under de enkelt sider. Custom Block (billede, titel, mouseover tekst, teaser, link) Iframet indhold Kort Iframe (flickr) Feeds Nyhedsliste (nodequeu) Facebook feed Twitter feed I denne guide gennemgås primært de elementer som kan indsættes i templates, temasider,artikelsider og sektionssider; de redigerbare elementer. De elementer som indsættes automatisk af systemet på sider (f.eks. på top 10 eller Guide DK sider) gennemgås ikke her, men omtales på de sider hvor de findes. På panel sider kan alle elementer indsættes. På noder (artikelsider og nyheder) kan kun nogle elementer indsættes. 13
Custom block Section-box-279-228 Custom block er et centralt element på sitet. Det er dette element som på en indbydende måde bidrager til et hurtigt overblik over indhold i temaer og sektionssider og relateret indhold på artikelsider. Custom block bruges i forskellige størrelser på sitet, men rummer altid muligheden for følgende felter: Titel, teaser (ikke i de små), links, billede eller video, mouseovertekst (tip). Hvilke felter der udfyldes afhænger af siderne og indholdsbehovet. På denne side vises den mest simple form: Billeder og titel. Men afhængigt af hvilken størrelse man vælger vil forskellige felter vises. Section-box-425-328 Section-box-425-328 right Forskellige størrelser og designs passer til forskellige sider/content types. Det er fremhævet på siderne hvilke custom blocks som med fordel kan bruges på dem. Størrelser, placering og andre designmæssige varianter af custom blocks vælges som css styles til elementet. På panelsider hedder elementet: Widget: Custom block Section-box-572-470 og Section-box-572-470 right 14
Custom block -varianter Section-box-279-343 På disse særlige varianter til download og link til kortsøgning er der indsat billeder i fritekstfeltet. Section-box-279 no-space-left New custom block Section-box-1158-130 15
Custom block - i node queues Settings: layout vælge mellem en række forskellige sammensætninger Man kan indsætte en hel gruppe af custom blocks ved at bruge: Widget: Node Queue pane Layoutet vælges under settings. Fordelen er, at man kan indsætte flere custom blocks på en gang fra en nodequeue. Farverne dannes automatisk, såfremt der ikke indsættes et billede i custom block. 16
Redaktionelle teasere og links Left block intro text (250x470 wb) På sektionssider og temasider indsættes tekst og teaserlementer. Det indsættes enten som: Widget: Custom block eller Øverst på temaer og sektionssider Node title Node body Nogle lister (hvis ikke de er simple links, se senere) kan også indsættes som redigerbar custom block. Størrelserne varierer på siderne og vælges som styles. Section-box-425-280 menu-nostyle Section-box-279-343 Section-box-206-280 menuno-style Tema/sektionsintroduktion Ikke nogen style 17
Sektionstitler, Simple links og menuer Section-box Section-title De røde sektionstitler med og uden links samt linkslister hedder: Widget: Simple links Layoutoptions under settings: Title links list red Section-box-279 no-space-left Links farver indstilles under settings: Links-list red, Links-list black etc. De røde pile indsættes automatisk. Brug sektionstitler til at adskille forskellige dele på en side. De bruges f.eks. på forsider og sektionssider til at adskille grupper af custom blocks, som rummer forskellige typer indhold. På denne side er vist to særlige styles til links, men simple links kan principielt indsættes i alle sectionbox størrelser, f.eks. Section-box-279 eller Sectionbox-279-343 (ofte brugt i bunden af sektionssider og temasider) Menuer til temaer hedder: Menu: Footer right menu En liste optræder sammen med kort: Widget: TopTen list (se under kort side 19) Section-box 279-160 white-space-right Menu Med tilladelse fra: TLL/VisitAalborg 18
Gallerier Big image teaser Section-box-865 no-space-bottom Følgende elementer kan indsættes: View: Teasers nodequeue: Block (big image teaser) View: Gallery reference view (gallerier på temasider og sektionssider) Gallery Nodequeue pane (oversigt med links til gallerier i bunden af forsider og sektionssider). Størrelsen indstilles som style til elementet Ikke nogen Section-box-fullwidth 19
Iframe Section-box-279 Booking boksen indsættes som: Widget: iframe pane Nyhedsbrevmodulet indsættes som : Widget: iframe pane Vælg Newsletter i under punktet Provider Section-box-279 20
Feeds og sociale medier Section-box-279 flickr Section-box-279-343 flickr Section-box-279-343 Feeds indsættes som View panes: View: Feed items: Feed items pane 21
Formularer Section-box-279 Der kan sættes webformularer op efter behov. Følgende formularer er klar og kan indsættes: Webform: Corporate nyhedsbrev Webform: Subscribe Section-box-572-160 Corporateform 22
Vejret, kalender og kontakt Section-box-279 Følgende elementer: Widget: Weather picture Widget: Contact block Tellus-latest-product Section-box-279 Section-box-1158-130 23
Kort Section-box-279-228 Section-box-425-328 Section-box-425-328-right Section-box-572-470 Section-box-572-470-right Section-box-865-470 Følgende elementer: Miscellaneous: Map Miscellaneous: Location map Widget: Top Ten list Display options under settings: Med eller uden liste Locztion map Størrelse:279 24
Turisme sektion Forside Talebobler Discover Denmark Things to do Accomodation Destinations Planning, browse Planning, kørtsøgning Tema Artikel og temaartikel Encyclopedia Top 10 Galleri oversigt Gallerier Oversigter Kampagne Tilbud Guide Danmark produkt My guide 25
Forside (panel) Markedsspecifikke indgange (links). Widget:Simple links Section-box-279 no-space-left Forsiden på visitdenmark.com søger at give inspiration til brugeren der besøger sitet. Forsiden kan tilpasses lokale markeder, så indholdet matcher de kommunikationsbehov der er. Forsiden er en panel side. Øverste felt indeholder 4 hovedhistorier der rotererer. Den besøgende kan selv bestemme hvilken af de fire der vises ved at aktivere med mus eller touch. Link til kort Widget: Custom block Section-box-279 no-space-left Galleri: Topelement til hovedhistorier Views: Teasers nodequeue: Block Section-box-865 no-space-bottom Kort indgangen bliver videreudviklet, men er indtil videre et link til kortsøgning på sitet. Alle foto er defineret i formatet 16:9. De skal således kun oploades en gang og vil så kunne skaleres til hele sitet. De farvede overskriftet vælges automatisk ud fra en fordefineret farvepalet. Ideen med farverne er ikke at signalere en bestem kategori eller tematik. Det er ønsket om at give et varieret og farverigt udtyk, kombineret med de rene kasser, og ensartede fotoformater. Tourist Online booking pane Widget: Iframe pane Section-box-279 Der er desuden på forsiden feeds fra social medier, for at give et billede af den aktivitet VisitDenmark varetager på disse medier. Det store indholdsfelt Det sker i Danmark indeholder links til artikler, temaer og oversigter over redaktionelt stof om Danmark. Det sker i DK. Inspiration Widget: Custom block Styles: Section-box-279-228 Section-box-425-328 Section-box-425-328-right Section-box-572-470 Section-box-572-470 -right Den højre spalte, som her på forsiden rummer bookingboks, sociale medier og nyhedsbrev sign-up, er tiltænkt mere funktionelt og dynamisk indhold. Det kunne også være et kort eller et banner, et tilbud eller andre af sitets komponenter. Dette princip gælder for alle sitets forsider, sektionssider og artikelsider. For temasiderne gælder andre principper og de er beskrevet under temasiden. Facebook feed pane Content type: feed Section-box-279 Twitter feed pane Content type: feed Section-box-279 LInks lister Widget: Custom block Styles: Section-box-425-280 menu-nostyle Section-box-206-280 menu-nostyle Nyhedsbrev sign up Ikke korrekt nyhedsbrevmodul. Webform: Subscribe Section-box-279 Det korrekte nyhedsbrevmodul ses på side 20. Link til et biledgallerier Gallery nodequeue pane Section-box-full-width 26
Talebobler Taleboblerne bruges på forsider og sektionssider. VisitDenmarks grafiske formelement er taleboblen. Taleboblen er et symbol på dialog, anbefalinger og overlevering af tips og gode råd. På websitet er taleboblerne små fakta, personlige anbefalinger, et hurtigt godt råd og har en længde på max 140 tegn (ligesom et tweet på twitter). Talebobler indsættes på panelsiderne på custom block indhold. Der indsættes talebobler på alle custom block elementer på forsider og sektionssider og disse vises for brugeren ved mouseover. Ikke korrekt nyhedsbrevmodul. Det korrekte nyhedsbrevmodul ses på side 20. 27
Discover Denmark (panel) Denne side er rettet mod lande, hvor kendskabet til Danmark er lav. Siden fokuserer på at fortælle en række historier, vise billeder og introducere læseren til forskellige vinkler omkring Danmark. Siden (og det tilhørende menupunkt) kan fravælges på markeder hvor kendskabet til Danmark er højt - eller bruges til at sætte fokus på fakta og historier om Danmark med en vinkel som passer til markedet. Elementer på siden: Primært indhold: Introduktionstekst, billedgallerier og 1-2 blokke af custom blocks, som linker til artikler, temaer, top 10 lister m.m. Kan indsættes som node queue panes for at lette redigeringen. Nederst link til billedgallerier. Der kan desuden indsættes elementer af sekundært indhold ind i højre spalte, f.eks top ten list, et kort m.m., men udgangpunktet er en stram introduktion til Danmark og derfor bør der indsættes begrænsede mængder sekundært indhold og funktionelle elementer. Titler blokken Nøgleord i samme kategori. Fører til søgeside 28
Things to do (panel) Denne side har udganspunkt i aktualitet. Den viser et snit af hvad der sker i landet eller på anden måde er relevant netop nu. Opdelingen er: øverst aktuelle emner, styret af redaktionen og dato mærkning. Focus som viser et snit af temaer, der kan være relevante for tiden, markedet. Og endelig en vinkel der hedder populær: altså udvalgt af brugere eller VisitDenmark. Elementer på siden: Primært indhold: Billedgallerier og custom blocks, som linker til artikler, temaer, top 10 lister m.m. Kan indsættes som custom blocks eller nodequeue panes. Hvor størrelserne på den øverste blok (herunder galleriet) er faste er de to blokke under FOCUS og POPULAR mere fleksible. Her kan indsættes custom block i de angivne størrelser. Der kan varieres mellem farvede blocks og blocks med fotos, men det anbefales ikke at sætte link og tekstbårede elementer ind i stedet. Blok 1: Aktiviteter Der lægges desuden op til at der indsættes lister med sekundært indhold nederst på siden, f.eks. begivenhedskalender, node queue/nyhedsliste, feed eller lignende. Nederst link til billedgallerier. Populære. Styles: Section-box-279-228 Section-box 572-328 Temaer. Styles: Section-box-279-228 Section-box 572-328 Da der er tale om en stram introduktion til aktiviter og aktuelle begivenheder i Danmark lægges der herudover ikke op til sekundært eller funktionelt indhold på siden. Lister: custom blocks og simple links, evt. feeds Styles: Section-box-279-343 29