|
|
- Helge Ibsen
- 8 år siden
- Visninger:
Transkript
1 udarbejdet af Peter Schindler Michael Dalgaard Stefan Skjerning Erhvervsakademiet København Nord, Multimediedesigner, 3. semester, tr08mul01
2 Indholdsfortegnelse Indledning... side 2 Designanalyse...side 3-4 Designbrief...side 5-6 Designdokumentation... side 7-8 Læring og refleksion... side 9 Bilag Tidligere versioner af webdesignet Navigationsdiagram ER-diagram over aftalekalender 1
3 Indledning Dette projekt omhandler et redesign af cykelklubben ABC Cyklings website. Cykelklubben er Danmarks næstældste, og en af de mest besøgte. Deres website er kendt for dets rige indhold og forums for cykelinteresserede. ABC klubbens ledelse har nu henvendt sig til os multimediedesignere i håb om at finde et mere moderne og visuelt inspirerende layout, design. Derudover har der været et krav om at bevare noget af websitets oprindelige funktionalitet primært vedr. interaktive muligheder, men også at optimere denne funktionalitet. Da det funktionelle område i projektarbejdet har drejet sig om database, og vi ikke har arbejdet meget med dette område, er projektet blevet reduceret til primært en designopgave. Her har vi sat ekstra fokus på forarbejdet på ABC Cyklings nye design qua designanalyse, designbrief og designdokumentation, hvilket også har kastet forskellige designforslag af sig. 2
4 Designanalyse I denne designanalyse analyserer vi websites, der bruges i sammenhænge med en indholdsmæssig relation til ABC Cyklings website. Formålet er at øge kendskabet til det design og tilhørende indhold, lignende cykelklubber har taget udgangspunkt i, og som vi kan tage ved lære af. De websites, vi har fokus på, er større danske cykelklubbers websites: Odder Cykel Klub ( Cykling Odense ( Vejle Cykel Klub ( Indhold Alle tre websites har stor fokus på nyheder og information om egne rytter og deres præstationer. Nyhederne har topprioritet, idet de er meget fremtrædende på forsiden, mens rytterinformationer fremgår som links i menuen. Der er ikke store mængder tekst på forsiden, hvilket gør det nemt at danne sig et overblik over indholdet. Mens Vejle Cykel Klub ikke har længere nyhedsartikler at referere til, har Odder Cykel Klub og Cykling Odense gjort mere ud af nyhederne og ved forsidens små nyhedsinformationer refereret til den længere artikel. Interaktionsmæssigt er Cykling Odense dog i førertrøjen, da der er kalender, kontaktformular, mulighed for kommentarer og ligesom Vejle Cykel Klub login for medlemmer. Struktur og navigation Strukturen i de tre websites er næsten lige så ens som prioriteringen af nyheder og informationer. I alle tilfælde tages der udgangspunkt i et traditionelt opstillet website med firkantede sektioner, hvor der under et sigende banner findes en venstrestillet menu, en dominerende indholdsramme midtfor og links i højre side. Ved klik på menuens links skifter indholdsdelen, hvormed diverse links i højre og venstre side bibeholdes. Det er alt sammen med til at bevare overblikket. Dog har Cykling Odense ikke taget højde for indholdsdelens tekstlængde, der ikke har en fast bredde og derfor ved en almindelig skærmbredde får en tekstlængde, der er over dobbelt så lang som det anbefalede. Klubbernes strukturelle og navigationsmæssige opsætning kan godt forsvares, idet antallet af undersider og links er overskueligt. Det skinner klart igennem, at muligheden for at danne sig et overblik er blevet prioriteret højt, men også at funktionalitet overgår nytænkning. Farver Cykelklubberne gør på deres respektiver websites brug af klubbens farver på hver deres måde. Odder Cykel Klub er ikke bange for at fremhæve deres gule og røde farve i banner og menu, ligesom deres tredje farve, blå, indgår i overskrifter og links. Cykling Odenses røde farve er meget dominerende, da denne optræder som 3
5 Designanalyse (fortsat) bjælker i banner og overskrifter. Den hvide farve bruges som typisk som kontrastfarve og opfattes ikke direkte som en klubfarve. Vejle Cykel Klubs website er knap så farverig og fremhæver kun via bannerets forskellige billeder klubbens blå og røde farve. Selv om den røde farve indgår i logo samt i tekstoverskrifter med en mørkere tonet farve, er det ikke farverne, der er fokus på i designet. Odder og Odenses brug af farver er dominerende og vil derfor mest henvende sig til dem, der på den ene eller anden måde har en relation til klubben og dens farver. Da farverne er enten skrappe eller fylder en del af websitet, kan det nemt fjerne fokus og muligvis skræmme nye besøgende væk. Nye besøgende vil også kunne opfatte siderne som utidssvarende, smagløs og manglende tanke bag de trufne beslutninger. Vejle har med sit farvemæssigt mere behersket website sat mere fokus på indhold og fremstår på den måde bedre i forhold til de andre. Til gengæld er farven grå meget dominerende, hvilket gør websitet lidt for tør - trods de tre forskellige nuancer. Grafik og illustrationer Odder og Vejle Cykel Klub fortæller også deres historier ved hjælp af billeder, der således illustrerer den pågældende begivenhed. Dog overskygges disse illustrationer hos Odder Cykel Klub af farverne - implementeret i grafik - som er temmelig varierende. Cykling Odenses nyheds- og informationsblokke er fyldt så godt ud på siden eller prioriteret så højt, at grafikken og illustrationerne nærmest er begrænset til banneret. Det er en god ide at have tydelige illustrationer og grafik, der spiller sammen med selve indholdet. Det grafiske skal ikke overdrives, men omvendt kan indholdet også komme til at blive for dominerende. Skrifttype Som det var tilfældet med det grafiske udtryk, gør Odder Cykel Klub også ved skrifttypevalget for meget ud af at få det bedste med fra hver stil. Skrifttypen i overskrift, logo, indhold og til dels links hænger ikke sammen. Det bidrager til den designmæssige forvirring, der er omkring websitet. Til gengæld er skriftstørrelsen valgt ud fra den vigtighed, teksten refererer til. Ved overskrifter er tekststørrelsen dog lille, men indgår i en grafisk sammenhæng, så det bliver fremhævet. Cykling Odense og Vejle Cykel Klub har ikke en stor variation i deres skrifttyper, men husker at markere overskrifter med en større skriftstørrelse, hvilket er fornuftige valg. Alle websites gør brug af skrifttyper uden fødder, hvilket fremmer læsbarheden. Ellers skal enkeltheden i valget af skrifttyper samt ændringen af skriftstørrelsen i vigtige sammenhænge fremhæves. 4
6 Designbrief I designbriefet vil vi gøre rede for de overordnede designregler, der skal gøres brug af ved udarbejdelsen og definitionen af ABC Cyklings endelige design. Som bilag har vi lagt tidligere versioner af vores designforslag for at vise, hvordan designudviklingen har været i forhold til de regler, vi har villet holde os inden for. Vores analyse af de danske cykelklubbers websites, som designanalysen omhandler, har givet kraftige fingerpeg om, hvilke fordele og ulemper brugen af design og struktur på danske cykelwebsites kan have. Ud fra disse fakta er der herunder skrevet om de designregler, der ønskes at tage udgangspunkt i mht. den senere designbestemmelse. Navigation og indhold Vi har som udgangspunkt intentioner om, at brugeren skal have lettere ved at danne sig et overblik, så snart de besøger ABC s webside. Deres nuværende side er meget tekstbaseret og opsat på en måde, så man mister overblikket. Der skal holdes fast i, at en stor del af brugernes interesse i websitet går på den informative del, hvorfor websitet stadig skal være informationsbaseret, men nu på en struktureret og designmæssigt indbydende måde. Skrifttyper Vi vil vælge to eller tre skrifttyper, der signalerer en sammenhæng med logoet og designet, men samtidig udstråler seriøsitet og gennemskuelighed. Det er vigtigt ikke at anvende for mange slags skrifttyper, da mange forskellige skrifttyper vil skabe et rodet udtryk samt mangel på designforståelse og harmoni. Det er ligeledes vigtigt, at specielt skrifttypen til banneret har relevans til logoet. Det vil skabe harmoni i helhedsindtrykket og referere til de ønskede værdier som respekt, samarbejde og traditioner. Der tages højde for, at det kan blive en smule svært at lave et meget moderne udtryk, da logoet, der ønskes bevaret, er gammeldags. Farver Vores farvevalg i dette projekt vil primært udmønte sig i de tre farver, rød, blå og hvid, ABC cykel klub benytter sig af, men ikke på en dominerende måde. Da de tre farver i forvejen har så kraftige nuancer, kan et mere behageligt udtryk tage sit udgangspunkt i en implementering af farverne i de forskellige grafiske sammenhænge. Disse tre farver skal helst have en logisk gengang på siden, da det skal skabe sammenhæng og på den måde få klubbens farver til at fremgå naturligt. 5
7 Designbrief (fortsat) Logo ABC Cyklings logo, som er et gammelt og velbevaret logo, skal ikke ændres eller skifte karakter på nogen måde. Derimod vil det være en fordel, hvis der i grafiske sammenhænge og især til skrifttypen er gennemgående ligheder. Grafik Vi har i sinde at holde grafikken forholdsvist simpel, logisk men sigende. Det grafiske udtryk vil komme til syne via billeder og grafik i banneret. Vores illustrationer kommer til at stemme overens med indholdet, da dette er meget vigtigt for den reelle forståelse af sidens informationer. Fotos Billederne, der vil blive anvendt på siden, er næsten alle sammen fra ABC s oprindelige side. Da det skaber relevans og virker identitets spejlende for brugeren. Desuden kommer billederne også til at virke som illustrationer, der kan relateres til artiklerne. Vi har også vægt på, at teksten på websitet ikke skal overstråle billederne, så overblikket forsvinder. 6
8 Designdokumentation Vi vil her redegøre og begrunde for de valg, vi har truffet med henblik på at skabe en optimal designmæssig kommunikation til brugere af ABC Cyklings website. Udtryk Vores redesignede website til ABC Cykling skal være lyst og let, så brugernes humør ubevidst bliver løftet eller i hvert fald bevaret ved brug af websitet. Det eksemplificeres i websitets hvide baggrund og de hvide tekstbokse. Samtidig formår designet med sit dynamiske banner, den stramme og præcise opstilling samt striber implementeret som en temabaseret grafisk fremtoning at udtrykke både ekspressiv begejstring samt professionalitet og troværdighed. Det nye design har også haft til formål at udtrykke ønskede værdier som fællesskab, udvikling, respekt, samarbejde, traditioner og engagement. Disse værdier kan til et design- og websprog oversættes til fortællende grafik, oprindeligt logo implementeret i nyt design, god navigation samt struktureret indhold. Farver Da rytterne tilknyttet ABC Cykling kører i dragter med røde, blå og hvide farver, er det også det udgangspunkt, vores endelige design baseres på. Den hvide baggrund står som den mest dominerende og er den, der qua sit signal om professionalitet og troværdighed gør websitet til et medie, der får websitet til primært at fremstå som et informationssite. Den røde og blå farve optræder i banneret og tekstboksene og tegner sig for den mere dynamiske og ekspressive udstråling. For at gøre de ellers skrappe farver, der næsten er primærfarver, mindre dominerende, er den røde og blå farvestribe i banneret gjort smalle, samtidig med at tekstboksenes farver er tildelt hvide striber. Tekstboksene er kategoriseret i bokse med generel info og begivenhedsbaseret info. I boksene til generel info er striberne i toppen røde, mens boksene til den begivenhedsbaserede info har blå striber i toppen. Billeder, grafik og illustrationer De valgte billeder og illustrationer er nøje udvalgt til de tilknyttede informationer, hvilket er med til at skabe troværdighed. Samtidig indgår de som en del af det grafiske udtryk og medvirker til, at websitet er varieret og indbydende. 7
9 Designdokumentation (fortsat) Skrifttype Vi har valgt to udvalgte skrifttyper, som begge er uden fødder. Det bidrager til en letlæselig tekst. Bannerets skrifttype hedder ITC Serif Gothic ITC SERIF GOTHIC, itc serif gothic Skrifttypen er valgt ud fra dens ligheder med ABC Cyklings logo. Således har bogstaverne meget runde former ligesom logoets form, mens kanterne ved bogstaver som f.eks. R og B qua det runde udgangspunkt bliver ekstra spidse ligesom den indre form i logoet. Valget er skrifttype er også baseret på det letlæselige udtryk, skrifttypen udstråler. Udtrykket er også stilrent ligesom resten af websitet. Skrifttypen til menuen og selve indholdet hedder Helvetica LT HELVETICA LT, helvetica lt Denne skrifttype er en web-skrifttype og kan derfor ses på alle computere. Den er valgt på grund af dens runde former, der passer godt sammen med logoet og bannerets skrifttype. Samtidig er skrifttypen stilren og letlæselig. Navigation Til forskel fra ABC Cyklings oprindelige website er navigationen opbygget enkelt med en global hovedmenu. Hvert af disse menupunkter har nogle tilhørende undermenuer, der refererer til en bestemt indholdsside. Da menuen altid er synlig, er websitet nem for de besøgende at finde rundt på. Det skal medvirke, at de ikke bliver forvirrede og søger væk fra vores website. Weboptimering Sammen med vores redesign af ABC Cykling har der ikke blot været tilknyttet en designmæssig optimering, men også webbaseret optimering. Det gamle website gør brug af både frames, tables og en primitiv menu. I stedet for frames benytter vi et CSS-baseret website, der med sin CSS-formatering og strukturering er mere velegnet til søgemaskiner. Ligeledes er tables erstattet med div-tags, der både er bedre at styre, og som formindsker kompatibilitetsproblemerne mellem de forskellige browsere betydeligt. Endelig er der kommet mere styr på navigeringen via menuen, hvilket også gør det mere overskueligt hvad angår indskrivningen af koder. 8
10 Læring og refleksion Da det i forhold til vores kunnen ikke er realistisk at udarbejde en database til vores projekt, har vores læring mere drejet sig om det designmæssige arbejde og den endelige designbestemmelse. I bestemmelsen af websitet har vi også skullet blive enige om struktur og navigering på websitet. Dog har meget af læringen omkring et websites koder, design, navigering og indholdsmæssig tilpasning i henhold til den valgte målgruppe været noget, vi også har arbejdet med og lært fra i tidligere projekter. For at holde styr på alle projektets opgaver og udfordringer, har vi lavet en projektplan (findes som bilag). Der har været en udfordring i at arbejde i gruppe, idet især forskellige designelementer er blevet vægtet forskelligt hos gruppemedlemmerne. Alt i alt har vi dog arbejdet godt sammen og etableret os yderligere indenfor det grafiske område med henblik på at udvikle et optimalt medie på Internettet. 9
11 Bilag - Navigationsdiagram Forside Nyheder Ryttere Træning Om ABC Links Galleri Forum Aktivitet Bliv medlem Resultater Rytter-profiler Dagbog Rytter kontakt Forum Senior Seje sild Bane Cykling Kontakt Om ABC cykling De 13 bud Sponsere
12 Bilag - ER-diagram over aftalekalender ER-diagrammet skal bruges til en aftalekalender. Diagrammet symboliserer et system, hvor man kan tilmelde sig arrangementer, se vagtplaner og opgaver. Nøglerne (som er illustreret i diagrammet) skaber forbindelse mellem de forskellige tables.
13 Bilag - Tidligere versioner af webdesignet
Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi. 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209
Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209 Projektets produkt: http://www.abc-cykling.7effrey.dk 1 Indholdsfortegnelse:
Læs mereGRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen
GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE Designforslag til hjemmeside til motorcykelklubben Mc Chaufførerne GRAFISK DESIGN / Dorte Damsgaard Larsen 1/15 DESIGNPROCES Indledende møde med
Læs mereGruppe 9 Visuel Interface Design, 27/09/2011
Gruppe 9 Visuel Interface Design, 27/09/2011 Først øvelse. Lav en designanalyse i tekst og billeder af det udleverede website www.kariyer.net. Vi startede med en hjemmeside, der så ud som følgende: Gennemgående
Læs mereGrundforløbsprøve Projektbeskrivelse
Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det
Læs mereMichella+Serritzlew+Jacobsen+
Designmanual+ Afsluttende+projekt+1.+Semester++ Michella+Serritzlew+Jacobsen+ CopenhagenBusinessAcademy 1.Semester MichellaSerritzlewJacobsen MULB Indholdsfortegnelse PBS...3 WBS...3 Brainstorm...4 Wireframes...5
Læs mereSelv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder:
Design en praktisk guide. Et design udtrykker dit websites grafiske udseende, lige fra hvilke skrifttyper der anvendes op til hvor navigationen er placeret og hvilke interaktive elementer der skal benyttes.
Læs mereAf Theis Hansen og Morten Hedetoft, 1.3
Af Theis Hansen og Morten Hedetoft, 1.3 Typografier: Typografier er er punkt inden for design, som omfatter skrifttyper, linjeafstand/opsætning og linjeafstand altså en hel masse inden for skrift eller
Læs mereProdukt. Index side GRAFISK DESIGN
Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere
Læs mereDenne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot
Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot til hjemmesiden. Mine indledende tanker bag hjemmesiden
Læs meregrafisk design Se webappen på din mobil
ideudvikling Jeg har valgt at bruge kulturbegivenheden Aarhus Festuge, som udgangspunktet i min svendeprøve. Jeg vil redesigne deres marketingsmateriale såsom logo, magasin, plakater m.m. Derudover vil
Læs mereVi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET
Vi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET 02 Indledning. Dette oplæg indeholder oversigt over farvevalg og -symbolik Fleggaard Leasing samt relaterede forretningsområder, herunder Fleggaard
Læs merePortfolioudvikling. Line la Fontaine. Multimediedesigner
Portfolioudvikling Line la Fontaine Multimediedesigner Indholdsfortegnelse - Designvalg s. 1-9 - Målgruppe s. 1 - Wireframes/skitser s. 1-5 - Informationsarkitektur s. 6-7 - Farver s. 8 - Typografi s.
Læs mereGrafisk Design 70% Skitser
Grafisk design Grafisk 2 PRODUKT Som et led i den online markedsføring af BBQ Wing it, har jeg valgt at lave et website, med fokus på information. Det er et website, der er baseret ud fra lærte funktioner
Læs mereProjekt 1 Re-design af Odense Bunkermuseum
Erhversakademiet Lillebælt OEAMM18FDA 1.semester d. 08.03.2018 Projekt 1 Re-design af Odense Bunkermuseum prototype: video i ZIP-fil Gruppe 5 medlemmer: Simon Tagge, Sofie Florczak, Mathias Bøgedal, Anne
Læs mereFORSIDE KONCEPTBESKRIVELSE LOGO DON TS RESPEKTAFSTAND FARVEVALG TYPOGRAFI FOTOSTIL DESIGNMANUAL
DESIGNMANUAL KONCEPTBESKRIVELSE MODERNE TRADITIONALITET Vi har valgt en festival som kører på nogle mere traditionelle værdier i forholdet til mange andre festivaler. Øllet har i mange år været en stor
Læs mere1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015
1. Semester afsluttende Projekt Charlotte Bruhn MUL A December 2014 - Januar 2015 Redesign af online portfolio www.cbruhn.dk Side 1 Indholdsfortegnelse Formål 3 Planlægning 4 Designvalg 5 Moodboard 6 Informationsarkitektur
Læs meresrum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008
Gruppe 9: Besir Redzepi, Jacob Pedersen, Garwun Jeffrey Lai og Sean Rørgren srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008 Indholdsfortegenelse
Læs mere1 Robbins, Jennifer N.: Learning Web Design, s. 41
I designarbejdet forbundet med at udvikle en hjemmeside, er det vigtigt at gøre sig nogle overvejelser over hvilken optimale skærmstørrelse man designer til, da dette har konsekvens for den efterfølgende
Læs mereEt krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.
Indledning Mit sidste projekt her på 1.semester gik ud på at jeg skulle lave et redesign af mit første portfolio, som jeg lavede i starten af semesteret. Formålet var at vise hvad jeg havde lært siden
Læs mereIndhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16
GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og
Læs mereRelease notes Januar 2014
Release notes Januar 2014 Det er vigtigt, I sletter midlertidige filer i jeres browser efter et nyt release af borger.dk, for at browseren ikke stadig anvender ældre komponenter herfra. For OPIS redaktører
Læs mereActiveBuilder Brugermanual
ActiveBuilder Brugermanual Forfatter: TalkActive I/S Dato: Juni 2004 Version: R. 1.01 Sprog: Dansk Copyright 2004 - Talk Active - all rights reserved. Indhold: 1. INDLEDNING...2 2. QUICK-START...3 3. OPBYGNINGEN
Læs mereGuide. Administration af FDF.dk/Nyborg. 1. Udgave 2008. Ide og layout Christoffer S. Rasmussen
Guide Administration af FDF.dk/Nyborg 1. Udgave 2008 Ide og layout Christoffer S. Rasmussen FDF.Dk/NyboRG Den nye hjemmeside for FDF Nyborg er baseret på et bloksystem. Det vil sige at det er super nemt
Læs mereDisse har alle sammen hjulpet til at skabe min hjemmeside. Ved at give inspiration og få ideerne ned på papir, før de blev vist til omverdenen.
Introduktion til webdesign Jeg har igennem webdesign projektet arbejdet med en masse forskellige processer, i alt 6 processer. Disse er skab moodboard fra en side, informationsdesign, navigationsdesign,
Læs mere3. Semester Mul-A PROJEKT 3 FUNDING. Louise Marie Bonke Charlotte Bruhn Stine Dorry Meulengracht Madsen. http://cbruhn.dk/cfunding
3. Semester Mul-A PROJEKT 3 Louise Marie Bonke harlotte Bruhn Stine Dorry Meulengracht Madsen http://cbruhn.dk/cfunding Projekt 3 Indholsfortegnelse Idéudvikling Indledning Målgruppeanalyse Moodboard Funktionalitet
Læs mereDANMARKS DOMSTOLE DESIGNGUIDE
DANMARKS DOMSTOLE DESIGNGUIDE Marts 2017 /2 INDHOLD FORORD 3 LOGO/ET STÆRKT SYMBOL 4 LOGO/ANVENDELSE 5 LOGO/SUPPLERENDE LOGOER 6 REGLER FOR BRUG AF KERNEBUDSKAB 7 FARVER 8 FARVE-SÆT 9 GRAFISK ELEMENT/BÅNDET
Læs mereGrafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe...6 Købskriterier Design Parametre...8 Tekst Illustrationer
Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe....6 Købskriterier Design Parametre...8 Tekst Illustrationer Farver Form AIDA.... 10 Attention Interest Desire Action
Læs merePROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas
PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas INDHOLD GRUPPEMEDLEMMER...3 DESIGNBRIEF...4 KOMMUNIKATIONSANALYSE...4-5 KOMMUNIKATIONSMODEL...5 ARGUMENTATION FOR DESIGNPRINCIPPER...6
Læs mereDokumentation. Karen-Louise Fejerskov
Dokumentation Grafisk Workflow Et af produkterne, jeg skulle lave, var et redesign af FreQuence s info hjemmeside. A B Punkt 1 Ansvar: Jeg har selv stået for opsætningen af hjemmeside og selv bestemt,
Læs mereFå din egen hjemmeside
I dette afsnit lærer du at bygge din egen hjemmeside tilføje tekst og billeder lave dit eget design lægge en baggrund på hjemmesiden I næste nummer får du hjælp til at bygge en større hjemmeside til en
Læs mereIndre Missions. Vejledning til TYPO3
Indre Missions Vejledning til TYPO3 Manual til Typo3 på IM's server 1. Udgave, januar 2010 Daniel Damm, IT afdelingen, Indre Missions Hus Indholdsfortegnelse Indledning...5 Præsentation af begrebet CMS...6
Læs mereGenerel information. Brugere. Hjemmesidens lay-out. HIF Hjemmeside How to do
Generel information Dette dokument er en brugsanvisning for hjemmesidens back-end brugere, med information om hvordan man logger ind og hvordan man arbejder med hjemmesiden/hjemmesidens funktioner samt
Læs mereHjemmesidens layout. Sitecore Foundry maj Version 1.2
Sitecore Foundry 3.0 Hjemmesidens layout 31. maj 2012 - Version 1.2 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse Indledning...
Læs mereHjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden.
Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden. VENSTRE kolonne indeholder flere elementer (se illustration
Læs mereSkærmlayout på websiden
Skærmlayout på websiden Af Kaj Søndergaard En bog i et flot layout er dejlig at få i hånden. Man får lyst til at bladre i bogen for at finde ud af om indholdet ser ud til at være værd at ofre tid på. Hvis
Læs mereGruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt
Gruppe 15 Redesign af bageriet FeelGood Bakery s website Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt Link til redesignet website: www.feelgoodbakery.thorsoe.dk
Læs mereGRAFISK WORKFLOW. Proces. Kodning. Fonts:
P f t r o o i l o 1 H GRAFISK WORKFLOW»Vi skal bruge en hjemmeside, så vi kan få fat i patienterne til vores botilbud. Ellers risikerer vi at de vælger noget andet. Der skal laves logo, samt lærringsvideoer«proces
Læs merefå en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside
få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside 1 Alle har ret og råd til en professionel hjemmeside på få minutter GoMinisite
Læs mereUdover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.
Portfolioudvikling Planlægning Da jeg startede på projektet lavede jeg en tidsplan, til at starte med gav jeg de forskellige opgaver lidt ekstra tid eftersom jeg synes man altid formår at bruge lidt mere
Læs mereHer ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se.
Solsystemet lavet af Jesper Kjær Webintegrator i Kastrup Tekniske Skole Grundforløbsprøve 2014 Opgave: Vores solsystem Onsdag 23 april til onsdag 7 maj Her ses et screenshot af websitet solsystemet i menuen
Læs mereBilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels
Bilag 1 Bilag 2 Projekt 1 - usability test og marketing Gruppe: Senia, Agnete, Andreas, Ninette Website: postdanmark.dk Undersøgelsesområde: navigation og funktionalitet Tests: Brugertest (funktionalitet)
Læs mereIndholdsfortegnelse. Farveteori 1. Gestaltlove 3. Typografi 7 CMYK 2 RGB 2
Indholdsfortegnelse Farveteori 1 CMYK 2 RGB 2 Gestaltlove 3 White space 3 Simplicity 3 Figure ground 3 Commen fate 4 Continuinity 4 Proximity 4 Rule of thirds 5 Closure 5 Similarity 5 Golden section 6
Læs mereErhvervsAkademi Sjælland. Visuel identitet og designretningslinjer
ErhvervsAkademi Sjælland Visuel identitet og designretningslinjer Indholdsfortegnelse Formål 2 Værdierne bag EASJ s visuelle identitet 2 - Fællesskab 2 - Mangfoldighed 2 - Udvikling 2 Elementer i logoet
Læs mereCPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015
Crowdfunding Modul 3 CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015 Josephine Lorentzen Camilla Norqvist Hansen Shiya Yang Michella Serritzlew Jacobsen Kamilla Melnyczok
Læs merePortfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html!
Portfolio redesign Kia Dahlen cph-kd51@cphbusiness.dk 1. semester eksamen MUL-A 2013 www.mul17.itkn.dk/portfolio/index.html Underviserer: Ditlev Skanderby Frederik Tang Ian Wisler-Poulsen Jesper Hinchely
Læs merefoto // billeder fra hjemmesiden Websiden // feriebolig-i-toscana.dk
GRAFISK DESIGn Webdesign Min chef ville gerne have lavet en webside til firmaets udlejningshus i Italien. Huset på 200 m² er et traditionelt toskansk landhus i tre etager og ligger i gåafstand fra middelalderlandsbyen
Læs mereT o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26
T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26 Indholdsfortegnelse - Intro - Mindmap - Designvalg - Farvevalg - Logo - Ensartethed - Farver - Det gyldne snit - Fleksibilitet & brugbarhed
Læs mereAnalyse af website: cinnobershop.dk
Analyse af website: cinnobershop.dk Gruppe 12: Brit, Caroline, Line & Søren v1_7/3-16 Indholdsfortegnelse ANALYSE Kommunikation 3 Wireframes - Home 4 - about 5 - webshop 6 - webshop/betaling 7 Grafiske
Læs mereAdministration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN
Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Indholdsfortegnelse Introduktion... 2 Definitioner... 2 Generelt... 3 Oprettelse af en skabelon... 4 Sidetypeskabeloner... 5 Globale displaymoduler...
Læs mereWorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ******
Workflow Svendeprøve Emil Momsen BeskrivelseN WorkFlow BeskrivelseN Side - 2 / 8 Arktis Brief Fra kunde Opgave / Indhold Kunden var WWF og opgaven gik ud på at få folk til at blive klar over, hvor alvorligt
Læs mereStine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation
Portfolioudvikling I denne rapport vil du kunne læse om mit porfolios tilblivelse. Det skal give læseren indblik i mine designvalg og hele processen bag projektet. Hjemmesiden er kodet fra bunden i HTML
Læs mereDesignmanual for websider
Designmanual for websider 31. marts 2009 Version 1.1. Denne manual beskriver de gældende retningslinjer for Aalborg Universitets websider. Det vil sige websider der benytter aau.dk i domænenavnet er omfattet
Læs mereDSU Dansk Stavgang Union
DSU Dansk Stavgang Union Projekt 3 af Camilla, Mateen, Mikkel & Sandie Indholdsfortegnelse Design brief Side 3 Projektplanlægning Side 4 Stakeholder analyse Side 6 Informations arkitektur Side 8 Medier
Læs mereRedaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel
Arbejdsgang - Skriv artiklens tekst - Gør billeder klar - Log-in på hjemmesiden - Opret ny artikel - Vælg kategori - Skriv overskrift - Indsæt tekst - Tilføj billeder - Gennemgå artiklens indstillinger
Læs mereManual til WordPress CMS
Manual til WordPress CMS 1. Log ind på din Wordpress-side For at arbejde på din hjemmeside skal du først logge ind på administrationsdelen. Muligvis har du et direkte link på siden. Ellers er adressen
Læs merenavigation begreber 0
navigation begreber 0 logo SITE ID hovedmenu SECTIONs VÆRKTØJ utilities søg search sidenavn page name du er her you are here lokalmenu local navigation undermenu subsections navigation begreber 1 logo
Læs mereREDESIGN AF PORTFOLIO 16. jan. 2015
REDESIGN AF PORTFOLIO 16. jan. 2015 Christoffer Møller Jarolics CPH Business Lyngby Multimediedesign Udviklingsprocessen af tilblivelsen af dette projekt redesign af portfolio, vil på de følgende sider
Læs mereHvad bør du vide om layout og typografi
Hvad bør du vide om layout og typografi Når man vil lave en tekst, som andre skal læse, er det vigtigt at vælge en skrifttype, der er motiverende og inspirerende at læse for målgruppen. Derfor bør man
Læs merekollegiekokkenet.tmpdesign.dk Side 1
kollegiekokkenet.tmpdesign.dk Side 1 Indholdsfortegnelse Forord 3 Problemformulering 4 Udviklingsmetode 5 Tidsplan 6 Målgruppe 7 Design brief 8 Logo 10 Typografi og farve 11 Navigationsdiagram 12 Usecase
Læs mereGrafisk Design. Dansk Center For Organdonation
Grafisk Design Dansk Center For Redegørelsen Hvad går opgaven ud på? Denne opgave går ud på at få lavet et redesign af det logo, Dansk Center For fik fremstillet i 2008, af vores kommunikations afdeling.
Læs mereGrafisk Design. fra idé til visuelt udtryk Benett
fra idé til visuelt udtryk Benett Indholdsfortegnelse Brief...5 Idé og skitsering....6 Værktøjer....6 Farvevalg....7 Flowchart eksisterende site...7 Design i Photoshop....9 Ikoner i Illustrator...11 Setup
Læs merePortfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E.
Portfolie Redesign www.gaardbodesign.dk Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013 Jens Jákup E. Gaardbo indholdsfortegnelse design... gestaltlove... opbygning...
Læs mereHardeknud gruppe. Brugermanual. Tilegnet redaktører af gruppeweb hjemmeside
Hardeknud gruppe Brugermanual Tilegnet redaktører af gruppeweb hjemmeside Indhold Indledning... 4 Om denne brugermanual... 4 Formålet med Gruppeweb... 4 Hjemmesidens opbygning... 4 Redaktører... 5 Log
Læs mereAfsluttende opgave - Kommunikation/IT C Klasse 1.1
11-05-2015 Affaldshåndtering Afsluttende opgave - Kommunikation/IT C Klasse 1.1 Hans Rasmussen & Kevin Kumar ROSKILDE TEKNISKE GYMNASIUM Indhold Affaldshåndtering i Grønsted kommune... 2 Krav... 2 Design...
Læs mereJEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.
JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er
Læs mereAdmin i SkoleIntra. Fif til administratorer. Version: August 2012
Admin i SkoleIntra Fif til administratorer Version: August 2012 Indholdsfortegnelse At være administrator på SkoleIntra...4 De første overvejelser...4 LærerIntra import af data...4 LærerIntra hvem må
Læs mereVejledning til hjemmesiden
Vejledning til hjemmesiden Menu I venstre side finder du menuen over hjemmesidens indhold. Når du aktiverer et menupunkt, vil det enten folde sig ud med undermenuer med nye valgmuligheder, eller du vil
Læs mereMUL B SofieKen, SimoneIbsen, SørenLind, SilleNoël. Unique Landscapes. URL:
MUL B SofieKen, SimoneIbsen, SørenLind, SilleNoël Unique Landscapes URL: http://sillenoel.com/uniquelandscapes/index.html 1 7. Ekspertvurdering Kvalitetsvurdering af Unique Landscapes nuværende website.
Læs mereBag om projekterne. Flow 1 Flow 2 Flow 3 Flow 4 Flow 5. Her kan du navigere dig rundt i opgaven: (Note: the following will be in Danish)
Bag om projekterne (Note: the following will be in Danish) Hvad kan jeg finde her? I dette dokument får du et kronologisk indblik i processen bag mine skole projekter: hvad mine idéer var, hvad jeg har
Læs mereProjekt redesign af Kyoto.dk Hold A - gruppe 20
Projekt redesign af Kyoto.dk Hold A - gruppe 20 INDHOLD I RAPPORTEN Analyse, persona og idégenerering Wireframes og styletiles Layoutdiagrammer Uddrag af kode Evaluering s feedback Reflektion og reslutat
Læs mereGRAFISK DESIGN CAMILLA VINTER
GRAFISK DESIGN CAMILLA VINTER OPGAVEBESKRIVELSE (Fiktiv) Jeg har valgt at lave en ny visuel identitet for Tv-programmet KURS MOD FJERNE KYSTER. I programmet følger du Mikkel Beha s og resten hans familie,
Læs mereRedesign af Cinnober. Analyse af hjemmesiden Cinnober
Redesign af Cinnober Gruppe 25 Vi har i denne uge arbejdet på at redesigne hjemmesiden til butikken Cinnober, som ligger på Strøget i København. Cinnober sælger bøger og andre kontorartikler. Deres hjemmeside
Læs mereGRAFISK DESIGN DOTHOST HJEMMESIDE
DOTHOST HJEMMESIDE Opgavebeskrivelse Gammelt design Nyt design Dothost er et nyopkøbt firma af ATZnet. Jeg blev ansat til at lave et redesign af siden og få det mere nutidigt og troværdigt. Jeg har igennem
Læs mereActive Builder - Brugermanual
Active Builder - Brugermanual Version: Release 2.0 Sprog: Dansk Copyright 2014 - Talk Active ApS INDHOLDSFORTEGNELSE INDHOLDSFORTEGNELSE... 2 1. HURTIGT OVERBLIK... 4 1.1 Vælg URL:... 4 1.2 Vælg en skabelon:...
Læs mereAfsluttende semesterprojekt - 1. Semester
Afsluttende semesterprojekt - 1. Semester Portfolio Redesign Multimediedesign CPH business Akademi Emilie Arved Eriksen MULA 2014-2015 Indholdsfortegnelse Mind-map... 4 PBS... 5 WBS... 5 GANTT... 6 Brugertest...
Læs mereSådan opdaterer og vedligeholder du din hjemmeside i Wordpress.
Wordpress manual Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting og funktioner i Wordpress, så du selv kan redigere indholdet eller tilføje
Læs mereBrugervejledning til FOKUSpartnere
Indholdsfortegnelse LOGIN 3 GENERELT 3 BRUGERVEJLEDNING 4 VIRKSOMHEDSPROFIL 4 1) Virksomhedsnavn 6 2) Beskrivelse af virksomheden 6 3) Generel information 6 4) Yderligere information 6 5) Kontaktpersoner
Læs mereRESPONS. Få flere henvendelser via dit b2b website. Quick Guide til bedre online markedsføring
Quick Guide til bedre online markedsføring RESPONS Få flere henvendelser via dit b2b website Start her med et par gode råd og få flere hos Idé Bureauet Reklame & Marketing 1 Lign en forretning Produktet
Læs mereELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på
Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er
Læs mereManual til Wordpress. 1. Log ind på din Wordpress-side. Indhold:
Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet
Læs mereIsenTekst Indhold til Internettet. Manual til Wordpress.
Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet
Læs mereFrederik, Morten, Rolf og Subangi Kom/IT - Webanalyse 2.F Dias 1. Autocom. Webanalyse. Side 1 af 13
Dias 1 Autocom Webanalyse Side 1 af 13 Dias 2 Målgruppen Vest for Storebælt 40 år Selvstændig Biler Målgruppen: De individorienterede skal hovedsageligt findes vest for Storebælt, i særdeleshed i Jylland.
Læs mereSådan arbejder du med din forside
Sådan arbejder du med din forside Din forside på hjemmeside består af forskellige slags indhold og med det formål at fremhæve indhold som du har på dine undersider. Hvor er min forside? Øverst i dit sidetræ
Læs mereGrafisk produktion & workflow
Grafisk produktion & workflow WORKFLOW & PRODUKTION WEBSITE NATURSPEJDERNE Dokumentation I 2 OPGAVEN Opgaven Jeg har lavet dette fiktive website der kunne være en mulighed for en nyopstartet spejderforening.
Læs mereHjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum
Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum Usability dokumentation Lavet af Sarina, Maria og René MulB-13 22.11.2013 I forbindelse med ekspertvurderingstests udarbejdes som hovedregel altid
Læs mereDokumentation. Efter dokumentationsdelen findes der en stilguide, hvor der argumenteres for de endelige valg i forhold til udseendet.
Dokumentation På de følgende sider findes dokumentation for arbejdsforløbet under portefolioprojektet. Dette består primært af forskellige illustrationer af brainstorm, overvejelser vedrørende informationsarkitektur
Læs mereOprettelse og brug af E-mail i Jubii
Side 1 af 11 Få din egen mailadresse Start Internettet. Skriv denne adresse i Adressefeltet: www.jubii.dk og tyk på Enterknappen. Du har nu forbindelse med søgemaskinen: Jubii Klik på punktet: E-mail Oprettelse
Læs mere3 usability-tests. med udgangspunkt i Køge Boldklubs web site. Gangstertest. Ekspertvurdering. Kortsortering. Side 1
3 usability-tests Gangstertest Ekspertvurdering Kortsortering med udgangspunkt i Køge Boldklubs web site Side 1 Køge Boldklubs web site Side 2 Gangstertest I gangstertesten har testpersonen fået stillet
Læs mereGrafisk design. sundfertilitet.dk
Grafisk design sundfertilitet.dk Sundfertilitet.dk er en klinik, der behandler mænd og kvinder til bedre fertilitet. Min opgave var at redesigne deres hjemmeside samt lave et logo til sundfertilitet.dk.
Læs mereKT OR LOW PRODUKTION // WORKFLOW
PR D O U ION KT // W KFKF OR LOW PRODUKTION // WORKFLOW // WORKFLOW HJEMMESIDE / REDEGØRELSE / IDÉ, FARVE, FONT OG GRAFIK / SKITSER OG FLOWCHART / SKELET / STORYBOARD / CSS HVAD? Opgaven er en fiktiv hjemmeside
Læs mereAAU WEBDESIGN FORBEDRINGER TIL AAU WEBDESIGN PÅ BAGGRUND AF FEEDBACK FRA ORGANISATIONEN SEPTEMBER 2015
AAU WEBDESIGN FORBEDRINGER TIL AAU WEBDESIGN PÅ BAGGRUND AF FEEDBACK FRA ORGANISATIONEN SEPTEMBER 2015 BAGGRUND FOR FORBEDRINGERNE FORLØB Feedback fra hele AAU indmeldt via fakulteter, institutter, skoler,
Læs mereResponsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt.
Gruppe 11 Asta, Björk, Marie-Louise, Sofie. http://arice.dk/scherninghtml/forside1.html Husk at trykke på den første ørering inde under smykker. Brug venligst inspectoren når i tjekker tablet og mobil
Læs mereEKSAMENS PROJEKT DECEMBER 2013 JANUAR Lærere: Thomas Hartmann. Jesper Hinchely. Ian Wisler-Poulsen. Morten Rold. Merete Geldermann Lu tzen
Pia Jensen cph-pj103@cphbusiness.dk 1. semester eksamensprojekt MUL-A 2013 mul33.itkn.dk/eksamensprojekt/index.html EKSAMENS PROJEKT DECEMBER 2013 JANUAR 2014 Lærere: Thomas Hartmann Jesper Hinchely Ian
Læs mereAnalyse af websiden FeelgoodBakery.dk
1.semester Multimediedesign Gruppe:Alba,Jacqueline,NadiaogAnneMai Uge40 Gruppeopgave Analyse af websiden FeelgoodBakery.dk Link til redesign af webside: http://nadiacah.com/uge40/landingpage.html Hvem
Læs mereGrafisk design. Ide. Designprocess. Målgruppe
Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.
Læs mereGiv tid Alle former for volontør arbejde penge indsamling, rejser mm. Søg Søg felt.
Above the fold analyser For at evaluere placering af de vigtigste links og elementer på forsiden, har jeg analyseret 18 tilfældige hjælpeorganisationers hjemmesider inklusiv Red Barnet Danmark. Jeg analyserede
Læs mereWebsite design for WALK & TALK LYNGBY STAVGANGSKLUB. Gruppemedlemmer fra Mul A. Link til online visning af websitet
Website design for WALK & TALK LYNGBY STAVGANGSKLUB Gruppemedlemmer fra Mul A Auguste Ottesen Ida Bach Mark Harboe Patrick Eilert https://augusteottesen.wordpress.com https://idabachhansen.wordpress.com
Læs mere