Dynamisk Webdesign. Stefan Grage

Save this PDF as:
 WORD  PNG  TXT  JPG

Størrelse: px
Starte visningen fra side:

Download "Dynamisk Webdesign. Stefan Grage"

Transkript

1 Dynamisk Webdesign Stefan Grage

2 Brugen af web Hvilke sites besøger i oftest? Og hvorfor? Snak med sidemanden i 3 min.

3 Kategorisering Utility sites Sociale sites Webshops Indholdstunge sites

4 Utilities Google Danske bank (netbank) Kelkoo/pricerunner krak/googlemaps

5 Sociale sites Facebook Imdb.com Youtube Flickr

6 Webshops Fotolia Stockfresh Amazon Adlibris

7 Indholdstunge sites DR Cphx.dk Gomediazine.com FDIM.dk horror.dk (blog)

8 Hvad kan vi? Hvor blev de statiske sites af? Portfolio-sites en drøm at lave, men... Content is king Her på kurset kan man alt Når der skal betales er der grænser...

9 Dynamiske websites Dynamiske sites: Karakteriseret ved skiftende indhold Utility sites, Sociale sites, Webshops, Indholdsbaserede sites Brugerne skal vende tilbage: Indholdsgenerering vigtigere end udseende? (useit.com) Aesthetic-Usability effect

10 CMS-baserede sites CMS-baserede for indholdets skyld HTML, CSS, Javascript, PHP/.NET Udfordring: Brugeren har frihed til at forpurre designerens arbejde

11 1 - komposition: CMSbaserede sites Header, venstre/ højre, indhold, Header footer og navigation Adskilles via fysiske afgrænsninger: gruppering, proximity, lukkethed Sidebar Indhold Footer

12 Dynamiske sites

13 2 - Størrelsen på sitet Tidligere: Variabel bredde Nu: Fast bredde px (fdim.dk) Dynamik: Svær at styre horisontalt - vertikalt grid nemmere: 960.gs (f.eks. drupal & 5by5 Studios)

14 Design over folden? Bør sitet ligge over folden?

15 Over/under folden Logo, blurp line/tag line og navigation bør være over folden Regn med 1024 x 768 % browser bar - altså ligger folden på mindre maskiner v px Resten ligegyldigt - brugerne er vant til at scrolle nedad

16 3 - Navigation Navigationen er sitet! (Steve Krug) Navigationen fortæller om sitets indhold og hvor vi er samt hjælper os med at finde det vi søger Hvordan kan vi organisere navigationen?

17 Vertikal navigation Meget fleksibel Dilemma: Hicks lov

18 Horisontal navigation Mindre fleksibel end vertikal Æstetisk mindre tung?

19 Drop-down/out Fleksibel - forener vertikal og horisontal Kan være problematisk (% iphone)

20 Designeres dilemma Navigation skal være gennemtænkt! Kontrol vs. frihed for brugeren - vigtigst? Navigation i hvor mange niveauer? Ofte tænkes kun på 1. og 2. niveau

21 Case: ST

22 Case: ST

23 Case: ST

24 Krug om navigation Krug: Navigationen er det vigtigste - den skal fjerne spørgsmålstegn Links og knapper skal se ud som det de er! Brugere læser ikke - vi scanner og vælger hurtigt

25 4 - Forsiden Hvad, til hvem og hvorfor? Hvad er der på sitet (navigation) Og hvilke features byder det? (blurp) Søgefunktion Virke som teaser Vise noget aktuelt (dato)

26 Flickr.com

27 5 - Undersider: Trunktest Hvilket site er det? Hvilken side er du på? Hvilke sektioner er der på sitet (top-level navigation) Hvilke muligheder har du her? (subnavigation) Hvor er du i forhold til resten af sitet? Hvordan kan du søge?

28 Eksempel Site Sektioner Side Muligheder Hvor? Søg?

29 6 - Krugs tips Skab visuelt hierarki (designregler) Brug konventioner Del sider op i klart definerede områder Gør klart hvad der er klikbart Minimer støj

30 6 - fortsat: Andre tendenser Skærmstørrelser varierer - inddrag hele skærmen (minimalisme eller baggrunde) - pas på KB! Overlays og transparens virker efterhånden (også ie) Fat footers

31 Minimalisme/Baggrunde

32 Overlays/transparens

33 Fat Footers

34 Inspiration

Website projekt 3, 2. semester. Responsive design. Lasse M. Bruun Overgaard www.lbodesign.dk. Mark Halding www.markhalding.dk

Website projekt 3, 2. semester. Responsive design. Lasse M. Bruun Overgaard www.lbodesign.dk. Mark Halding www.markhalding.dk Website projekt 3, 2. semester. Lasse M. Bruun Overgaard www.lbodesign.dk Mark Halding www.markhalding.dk Peter Konrad http://cph54.webkn.dk/ Anders Rein www.andersrein.dk Responsive design Projekt: www.andersrein.dk/projekter/hjemmesider/responsiv

Læs mere

Produkt. Index side GRAFISK DESIGN

Produkt. 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 mere

ELEMENTER 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å

ELEMENTER 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 mere

Carlas cupcakes. Projekt. http://bysileha.com/2.semester/cupcake/remake/index.html

Carlas cupcakes. Projekt. http://bysileha.com/2.semester/cupcake/remake/index.html Projekt 3 http://bysileha.com/2.semester/cupcake/remake/index.html Carlas cupcakes Amanda Hüttel Lindschouw Michelle Denise Andersen Simone Lenander Hansen Indholdsfortegnelse PROJEKTFORMULERING 1.0 3

Læs mere

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT PROJEKTET Udarbejdelse og idéudvikling af en fiktiv grafisk identitet til Puls Fitness. I denne kernefaglighed fremhæver jeg designet til websitet samt lidt merchandise. Derudover ses et udkast til bl.a.

Læs mere

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med

Læs mere

KODNING AF RESPONSIV DESIGN

KODNING AF RESPONSIV DESIGN Grafisk Workflow REDEGØRELSE GRAFISK WORKFLOW 39 OPGAVEN Frk. Nielsens rengøringsfirma kom til os for at få lavet ny hjemmeside. Hun var træt af den gamle, da hun ikke kunne rette i indholdet, og valgte

Læs mere

8. Webdesign. Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april

8. Webdesign. Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april 8. Webdesign Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april Kursusplan 5. apr. 12. apr. 18. apr. 9. Webdesign / Opg. 7: website K: Usability, s. 36-39 K: Smukkere grafisk design,

Læs mere

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

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 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 mere

Redesign af Cinnober. Analyse af hjemmesiden Cinnober

Redesign 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 mere

Dokumentation. Karen-Louise Fejerskov

Dokumentation. 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 mere

KT OR LOW PRODUKTION // WORKFLOW

KT 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 mere

PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas

PROJEKTOPGAVE -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 mere

Her 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.

Her 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 mere

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Indhold. 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 mere

MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK

MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK DOKUMENTATION MARIA SKAU MADSEN WWW.BY-M.DK INDHOLDSFORTEGNELSE OPGAVE BESKRIVELSE.... 5 RESEARCH.... 5 DESIGN.... 5 SPECIFIKATIONER DET TRYKTE MEDIE.... 5 NUVÆRENDE IDENTITET... 6 PRIMÆR OG SEKUNDÆR MÅLGRUPPE....................6

Læs mere

WORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling. www.mads-pj.dk/clothesly

WORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling. www.mads-pj.dk/clothesly WORKFLOW RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling www.mads-pj.dk/clothesly DOKUMENTATION OPGAVE Opgaven jeg stillede mig selv, var at designe og kode et koncept til en webshop

Læs mere

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY GRAFISK WORKFLOW OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden ikke havde noget ønske om selv

Læs mere

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE GRAFISK PRODUKTION OG WORKFLOW PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE 04 INDHOLDSFORTEGNELSE Dokumentation 05

Læs mere

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.

JEG 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 mere

Procesbeskrivelse - Webprogrammering

Procesbeskrivelse - Webprogrammering Procesbeskrivelse - Webprogrammering Indholdsfortegnelse Forudsætninger... 1 Konceptet... 2 Hjemmesiden... 2 Server-side... 3 Filstrukturen... 3 Databasehåndtering og serverforbindelse... 4 Client-side...

Læs mere

Vejle Mobil. workshop torsdag d. 09.02.2012. Laura Vilsbæk, Skybrud.dk Anders Bruun, Skybrud.dk

Vejle Mobil. workshop torsdag d. 09.02.2012. Laura Vilsbæk, Skybrud.dk Anders Bruun, Skybrud.dk Vejle Mobil workshop torsdag d. 09.02.2012 Laura Vilsbæk, Skybrud.dk Anders Bruun, Skybrud.dk Det skal vi kigge på i dag Trends og tendenser Tal og fakta Dig og din mobil Mobile muligheder Dig og din mobil

Læs mere

Designguide for Domstol.dk

Designguide for Domstol.dk Designguide for Domstol.dk Designguide December 2006 for Domstol.dk Indholdsfortegnelse Designelementer..................... 3 Navigationsprincipper................ 11 Tekstformatering....................

Læs mere

Konventioner i mobil e-handel

Konventioner i mobil e-handel Konventioner i mobil e-handel J Boye Erfa 17. juni 2014 JENS HOFMAN HANSEN DIGITAL FORRETNINGSUDVIKLER, VERTICA 40 MOBILE NETBUTIKKER 40 MOBILE NETBUTIKKER 1800contacts.com m.autozone.com m.nike.com amazon.com

Læs mere

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt

Læs mere

det færdige resultat

det færdige resultat grafisk design Under dette fagområde har jeg valgt at præsentere jer for en opgave, jeg har udarbejdet for virksomheden Breinholt. Breinholt er en nyopstartet virksomhed i Odense, der tilbyder spirituel

Læs mere

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

Et 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 mere

WBS. Inledning. Afsluttende projekt 1. sem

WBS. Inledning. Afsluttende projekt 1. sem MARK KRISTENSEN.DK Afsluttende projekt 1. sem Inledning I denne rapport kan du læse om den udviklingsproces, der ligger til grund for min nye portfolio, de metoder jeg har brugt, mine designvalg og designprincipper.

Læs mere

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden

Læs mere

Min Landsby Klynge WebSite

Min Landsby Klynge WebSite 1 Min Landsby Klynge WebSite Til Randers Kommune og Landsbyklyngen Kronjylland. Bilag til tilbud udarbejdet d. 11. juli 2016 af Min Landsby I/S Grundskabelonen. Nedenstående omfatter den grundlæggende

Læs mere

PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen

PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen Introduktion til websiden PPHansen.dk En fag præsentationsside af Palle Preben Hansen Eksamensopgave i Webdesign og Grafiske værktøjer, 5. semester SIV. Indholdsfortegnelse Indledning... 2 Udviklingsprocessen...

Læs mere

GRAFISK PRODUKTIONSFORSTÅELSE

GRAFISK PRODUKTIONSFORSTÅELSE GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres

Læs mere

Portfolio Redesign Kamilla Klein 1. Semester eksamen

Portfolio Redesign Kamilla Klein 1. Semester eksamen 2014 Portfolio Redesign Kamilla Klein 1. Semester eksamen Lærene: Ditlev Skanderby Frederik Tang Ian Wisler- Poulsen Jesper Hinchely Merete Geidemann Lützen Morten Rold Thomas Hartmann Erhvervsakademiet

Læs mere

Karens vejledning til WordPress, september 2014 1

Karens vejledning til WordPress, september 2014 1 Karens vejledning til WordPress, september 2014 1 Karens WordPress vejledning september 2014 INDHOLD Hvad er WordPress 1 Generelt om WordPress 2 Frontend og backend 2 Skrive en blog-tekst (indlæg/post)

Læs mere

WORK- FLOW PLATFORM WEBSITE H2

WORK- FLOW PLATFORM WEBSITE H2 WORK- FLOW PLATFORM WEBSITE H2 Platform Min opgave var at lave logo og website til et nyt spillested i Vejle. Genren der spilles på stedet er alternativt og indie Rock + elektronisk musik. Kunden er en

Læs mere

Giv tid Alle former for volontør arbejde penge indsamling, rejser mm. Søg Søg felt.

Giv 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 mere

Jonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096. Iben Michalik ibenmic@hotmail.com +45 2877 0664

Jonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096. Iben Michalik ibenmic@hotmail.com +45 2877 0664 SENIOR LAND Jonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096 Iben Michalik ibenmic@hotmail.com +45 2877 0664 Michael Himmelstrup eycoco@gmail.com +45 2720 7222 Peter Stillinge Dong peterstillinge.dong@gmail.com

Læs mere

WordPress for Bridge Klubber

WordPress for Bridge Klubber WordPress for Bridge Klubber karsten@jeppesens.com 1 Indholdsfortegnelse Hvad er WordPress?...3 De første skridt...3 Responsive tema, så kører vi...5 2 karsten@jeppesens.com Hvad er WordPress? WordPress

Læs mere

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2. GRAFISK PRODUKTION OG WORK- FLOW CSS Wrapper paragraph h1 h2 DREAMWEAVER CS5 Class Tags Kodning Design a.link, a.hover, a.visited HTML Kundekontakt Komposition og modulopbygning Skelet Pixels Layout Usabillity

Læs mere

GRAFISK WORKFLOW - RESPONSIV WEBSIDE

GRAFISK WORKFLOW - RESPONSIV WEBSIDE GRAFISK WORKFLOW - RESPONSIV WEBSIDE REDEGØRELSE Opgavebeskrivelse Redesign hjemmeside for Murerfirmaet Døssing i responsivt design, som udstråler professionalisme. Der skulle være en referenceside med

Læs mere

Disse 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.

Disse 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 mere

Se hjemmesiden på:

Se hjemmesiden på: Se hjemmesiden på: www.share-connect.dk Dokumentation Opgavebeskrivelse Det lokale erhvervsnetværk, Share & Connect skulle have designet og programmeret sin nye hjemmeside, hvor de ville kunne have mulighed

Læs mere

GRAFISK DESIGN. Webdesign til fodboldportal

GRAFISK DESIGN. Webdesign til fodboldportal Webdesign til fodboldportal REDEGØRELSE Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldporta, pl.dk. Hjemmesiden skal indeholde rigtig mange

Læs mere

Grafisk produktionsforståelse

Grafisk produktionsforståelse 04 Grafisk produktionsforståelse Design og koding af steentrae.dk 24 Svendeprøveportfolio Steentrae.dk Responsivt website med CMS I forlængelse af min Grafisk design-del, har jeg her valgt at fokusere

Læs mere

I gang med Adobe Muse CC

I gang med Adobe Muse CC I gang med MUSE Muse er et program fra Adobe til fremstilling af websites, for de som ikke ønsker at arbejde med koder. De fremstillede websites baserer sig naturligvis på HTML, CSS, Javascript mm., du

Læs mere

Brugervejledning til Design Manager Version 1.02

Brugervejledning til Design Manager Version 1.02 Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1

Læs mere

1. Hovedforløb. Mediegrafiker - 2015

1. Hovedforløb. Mediegrafiker - 2015 Af Ditte Vium Overgaard Grafik og billedbehandling 1. Hovedforløb Mediegrafiker - 2015 OPGAVEBESKRIVELSE Der er til alle de fire kernefagligheder taget udgangspunkt, i mit eget lille projekt, med design

Læs mere

Gruppe 9 Visuel Interface Design, 27/09/2011

Gruppe 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 mere

Grafisk Design 70% Skitser

Grafisk 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 mere

Lav en hjemme side der kan sælge fly billetter til en stor i Europa.

Lav en hjemme side der kan sælge fly billetter til en stor i Europa. EKSAMENS OPGAVE Lav en hjemme side der kan sælge fly billetter til en stor i Europa. Det første jeg startede ud med var at brainstorme hvad det var jeg skulle bruge i min side da jeg nu ved hvad den skal

Læs mere

Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016

Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016 Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016 GRAFISK DESIGN PROCES Opgaven Jeg designer og laver mine egne plakater i min fritid både illustrationer, manuelt grafik og fotografier

Læs mere

GRAFISK WORKFLOW. Proces. Kodning. Fonts:

GRAFISK 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 mere

Headeren er for stor når man kommer ind på siden. Det virker irriterende at man skal scrolle for at få indholdet vist.

Headeren er for stor når man kommer ind på siden. Det virker irriterende at man skal scrolle for at få indholdet vist. Ekspertvurdering Antal af eksperter: 1 Tid brugt til evaluere website: 2 timer. Konklusion: Da jeg gennemgik sitet for fejl, mangler og problemer fandt jeg hurtigt ud af, at det største issue var tekst,

Læs mere

Grafisk workflow. Se siden her: www.cormas.dk

Grafisk workflow. Se siden her: www.cormas.dk Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html

Læs mere

Redesign af website. Gruppe 27: Fanøfærgen. Website: Feelgood Bakery. Link til redesign: http://madsklarlund.dk/feelgoodbakery/

Redesign af website. Gruppe 27: Fanøfærgen. Website: Feelgood Bakery. Link til redesign: http://madsklarlund.dk/feelgoodbakery/ Redesign af website Gruppe 27: Fanøfærgen Website: Feelgood Bakery Link til redesign: http://madsklarlund.dk/feelgoodbakery/ Dagmar Büchert Julie Otzen Mads Klarlund Mathias Duhn Larsen 2. Koncept & idé

Læs mere

grafisk workflow Frank winding

grafisk workflow Frank winding grafisk workflow Frank winding redegørelse Opgaven Byg & Bo stod foran årets byggeudstilling 2015, og min arbejdsgiver JUGEL&CO skulle stå for alt markedsføring, medieplanlægning og kommunikation. Mit

Læs mere

Vejledning. Indhold. Side 1

Vejledning. Indhold. Side 1 Indhold HTML-faneblade... 2 Sådan tilføjer du et HTML-faneblad til din Facebook side.... 3 Sådan redigerer du et HTML-faneblad på din Facebook side.... 5 Sådan deler du fanebladet... 10 Side 1 HTML-faneblade

Læs mere

Dette dokument beskriver SUMOshop Frontend v3, primært med fokus på ændringer ift. Frontend v2.

Dette dokument beskriver SUMOshop Frontend v3, primært med fokus på ændringer ift. Frontend v2. SUMOshop Frontend v3 Dette dokument beskriver SUMOshop Frontend v3, primært med fokus på ændringer ift. Frontend v2. Fra foråret 2013 laves alle nye shops og redesigns i v3. Da fuld overgang til v3 kræver

Læs mere

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,

Læs mere

GRAFISK WORKFLOW. 1 Grafisk workflow

GRAFISK WORKFLOW. 1 Grafisk workflow GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet

Læs mere

SmartWeb Brugermanual

SmartWeb Brugermanual SmartWeb Brugermanual Table of Content Table of Content... 1 Best Practice SmartWeb:... 2 Implementering... 4 Egenskaber:... 5 Filer:... 7 Oprettelse af Kategori... 9 Sider og Tekster:... 11 Slideshow...

Læs mere

Active Builder - Brugermanual

Active 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 mere

Grafisk design OPGAVEBESKRIVELSE

Grafisk design OPGAVEBESKRIVELSE OPGAVEBESKRIVELSE Min opgave var at lave og designe en pakke til s marketing og kommunikationsafdeling MarKom. Pakken består af: et hoved element portfolio hjemmeside communication.madebydelta.com to supplerende

Læs mere

Grafisk workflow. Hjemmeside til Bærkompagniet

Grafisk workflow. Hjemmeside til Bærkompagniet Grafisk workflow Hjemmeside til Bærkompagniet Dokumentation Opgaven Bærkompagniet skulle have designet og programmeret et website, hvor de kunne præsentere deres produkter samt mulige forhandlere kunne

Læs mere

Arbejdsproces. Designparametre

Arbejdsproces. Designparametre REDEGØRELSE Om opgaven Til denne opgave skal der laves et design til easynets nye hjemmeside. Den skal være moderne, simpel i udtryk og overskuelig. Fokus på brugervenlighed. Der skal designes forside,

Læs mere

Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync

Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync v 0.1 maj 2014 www.gs1.dk/gs1tradesync Indhold Log på... 3 Søg produkter... 4 Hierarkiopbygning... 7 Subskriptioner (Selektioner)

Læs mere

Indlæs Beretning på www.deberejstesklub.dk

Indlæs Beretning på www.deberejstesklub.dk Indlæs Beretning på www.deberejstesklub.dk www.deberejstesklub.dk Log ind som medlem. Opret indhold Beretning Nedenstående giver en beskrivelse til oprettelse af en rejseberetning. Visse af felterne er

Læs mere

3. semester F&A, 2014 Jump Rope Production

3. semester F&A, 2014 Jump Rope Production Designmanual 3. semester F&A, 2014 Jump Rope Production Introduktion På 3. semester på Film & Animationslinjen 2014 har vi i Jump Rope Production arbejdet sammen med vores kunde Climb n Win, som er et

Læs mere

WORKFLOW & GRAFISK PRODUKTION

WORKFLOW & GRAFISK PRODUKTION Opgavebeskrivelse Kunde: Gorm Larsen & Zornig (GLZ) Websitet Social media cheat sheet er en oversigt over forskellige sociale mediers opsætning. Formålet er altså at gøre det nemt at finde de mål, der

Læs mere

WOODKID. The Golden Age. Banner Projekt - 1 Semester, CPH Business, MUL-A13E. Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm

WOODKID. The Golden Age. Banner Projekt - 1 Semester, CPH Business, MUL-A13E. Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm WOODKID The Golden Age Banner Projekt - 1 Semester, CPH Business, MUL-A13E Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm Projektbeskrivelse Vi har designet og animeret tre forskellige bannere

Læs mere

Grafisk produktion & workflow

Grafisk 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 mere

Når begivenheden går online

Når begivenheden går online Når begivenheden går online Agenda Formål og set-up Facebook cases Brugerdrevne blogs og twitter Målemuligheder Next step Bilag blandet info Formål Opbygning af ambassadørnetværk Øget produktion af indhold

Læs mere

Opgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt.

Opgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt. Opgaven Opgaven var fiktiv og bestod i at redesigne og kode hjemmesiden Copenhagen Street Food samt at redesigne logo. Kunden ville gerne have et bedre flow på hjemmesiden og tiltrække flere besøgende

Læs mere

GRAFISK DESIGN 1. HOVEDFORLØB

GRAFISK DESIGN 1. HOVEDFORLØB GRAFISK DESIGN 1. HOVEDFORLØB LAUESEN HUS - OG HAVESERVICE //GRAFISK DESIGN BRIEF Lauesens hus- og haveservice er en enmandsejet virksomhed, som trænger til et løft på sin reklame del. Det er et firma,

Læs mere

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2 GRAFISK WORKFLOW Kasper Staal - Portfolio - H2 Opgaven Denne opgave bestod i at design et website til min egen virksomed 3DService.dk. Websitet skulle være responsivt, og indeholde de mest gængse informationer

Læs mere

Tillæg til Libris-hæftet: WordPress. Temaredigering og sikkerhed m.m.

Tillæg til Libris-hæftet: WordPress. Temaredigering og sikkerhed m.m. Tillæg til Libris-hæftet: WordPress Temaredigering og sikkerhed m.m. 1. Temaopbygning og -redigering I det trykte hæfte gennemgår jeg, hvordan du installerer temaer i WordPress. Der findes tusindvis af

Læs mere

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE 2 REDESIGN AF FUTURECOM BUSINESS SOLUTIONS HJEMMESIDE OPGAVEN Den gamle hjemmeside skulles redesignes da den daværende hjemmeside var forældet (indhold og udseende)

Læs mere

Gruppe 16 / redesign af website: Cinnober / 11.03.2016. Redesign af website. Gruppe 16: Anja Line Kira Emma Ditte Karoline

Gruppe 16 / redesign af website: Cinnober / 11.03.2016. Redesign af website. Gruppe 16: Anja Line Kira Emma Ditte Karoline Redesign af website Gruppe 16: Anja Line Kira Emma Ditte Karoline Indhold Analyse 2-5 Koncept og idé 6 Wireframes 6-7 Styleguide 7 Layout diagrammer 8 Kodning 9 Beskrivelse af test og testresultater 9-10

Læs mere

GRAFISK DESIGN. webdesign af pl.dk

GRAFISK DESIGN. webdesign af pl.dk Webdesign af pl.dk Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldportal, PL.dk. Hjemmesiden skal indeholde mange informationer, og samtidig

Læs mere

Inspiration, tips og tricks

Inspiration, tips og tricks Køb et helt bibliotek om WordPress ebogen om WordPress 3 er mere omfattende end nogen anden dansk vejledning om WordPress. Køber du ebogen, får du fri adgang til alle kommende versioner. Du køber altså

Læs mere

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE WEBSHOP TIL KLITMØLLER COLLECTIVE Klitmøller Collective er et nyt lifestyle brand, som udspringer fra fiskerlejet Klitmøller i det nordvestlige Jylland.

Læs mere

MANUAL til WP ver. 3.2.0 Skrevet af Brian Brandt fra http://wpdk.dk

MANUAL til WP ver. 3.2.0 Skrevet af Brian Brandt fra http://wpdk.dk MANUALtilWPver.3.2.0 SkrevetafBrianBrandtfrahttp://wpdk.dk WordPressmanual,skrevettilversion3.2.0 skrevetafbrianbrandtfrahttp://wpdk.dk 1 Indholdsfortegnelse Indholdsfortegnelse...2 Logindidinhjemmesidesadministration...3

Læs mere

Grundforløbsprøve Projektbeskrivelse

Grundforlø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 mere

Vejledning for LOF s afdelingshjemmeside

Vejledning for LOF s afdelingshjemmeside Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Marts 2012 Adresse: http://dinafdeling.lof.dk/ Rediger hjemmeside i Umbraco: http://dinafdeling.lof.dk/umbraco/ Mobilside: Der er lavet en

Læs mere

Lav din egen hjemmeside/blog. Dag 1 22-10-2015. Agenda d. 25. oktober 2015. Pc ere på nettet. Præsentation. Hvad er WordPress? Hvad er WordPress?

Lav din egen hjemmeside/blog. Dag 1 22-10-2015. Agenda d. 25. oktober 2015. Pc ere på nettet. Præsentation. Hvad er WordPress? Hvad er WordPress? Agenda d. 25. oktober 2015 Lav din egen hjemmeside/blog Dag 1 Præsentation af underviser og deltagere Pc erepå nettet Hvad er WordPress? Og hvad er forskellen på en blog og en hjemmeside Hej verden Kvik

Læs mere

KYOTO.DK ANALYSE OG REDESIGN. Malene Rostgaard Rasmussen Camilla Skov Sørensen Thomas Juul Mathias Vangsgaard

KYOTO.DK ANALYSE OG REDESIGN. Malene Rostgaard Rasmussen Camilla Skov Sørensen Thomas Juul Mathias Vangsgaard KYOTO.DK ANALYSE OG REDESIGN Website: juuul.dk/kyoto.html Password: kea Malene Rostgaard Rasmussen Camilla Skov Sørensen Thomas Juul Mathias Vangsgaard 2 ANALYSE, KOMMUNIKATION Hvad vil siden og hvem forsøger

Læs mere

Pinterest Kickstart din pinning

Pinterest Kickstart din pinning Pinterest Kickstart din pinning www.amnielsen.com Pinte- Det sociale netværk Pinterest er ikke voldsomt brugt i Danmark, men i USA har Pinterest de seneste par år været det nye sort i marketing og salgsøjemed

Læs mere

LIGHT BASIC PRO NY HJEMMESIDE?

LIGHT BASIC PRO NY HJEMMESIDE? LIGHT BASIC PRO NY HJEMMESIDE? her er et godt sted at starte! LIGHT Light er vores mindste løsning. Den er udviklet i Wordpress, som er det mest brugte open source CMS. En Light hjemmeside er baseret på

Læs mere

Inspiration til brug for udarbejdelse af apotekers hjemmesider

Inspiration til brug for udarbejdelse af apotekers hjemmesider Inspiration til brug for udarbejdelse af apotekers hjemmesider 1 Inspiration til brug for udarbejdelse af apotekers hjemmesider DECEMBER 2005 Inspiration til brug for udarbejdelse af apotekers hjemmesider

Læs mere

Grafisk Workflow. Website til European Blues Challenge

Grafisk Workflow. Website til European Blues Challenge Grafisk Workflow Website til European Blues Challenge Opgaven: European Blues Challenge er en europæisk blues festival som skifter lokation hvert år. I 2017 kommer festivallen til Horsens, og vores kunde

Læs mere

1 Robbins, Jennifer N.: Learning Web Design, s. 41

1 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 mere

LIGHT BASIC PRO NY HJEMMESIDE?

LIGHT BASIC PRO NY HJEMMESIDE? LIGHT BASIC PRO NY HJEMMESIDE? her er et godt sted at starte! LIGHT Light er vores mindste løsning. Den er udviklet i Wordpress, som er det mest brugte open source CMS. En Light hjemmeside er baseret på

Læs mere

Historisk Tidsskrift teknisk dokumentation Side 1

Historisk Tidsskrift teknisk dokumentation Side 1 Historisk Tidsskrift teknisk dokumentation Side 1 1. Indledning...2 1.1 Referencer...2 1.2 Versionshistorie...2 1.3 Definitioner...2 1.4 Dokumentationens opbygning...2 2. Generel beskrivelse...3 2.1 Oversigt...3

Læs mere

PROGRAM VALG: InDesign CC Illustrator CC Photoshop CC Dreamweaver CC

PROGRAM VALG: InDesign CC Illustrator CC Photoshop CC Dreamweaver CC grafisk design WITTH AIRLINES KUNDEN: Kunden Carl Witth har etableret et rejseselskab, med rejser til lave priser. Witth Airlines er et selskab der flyver til de fleste hovedstæder samt storbyer til en

Læs mere

SEO og Kommunikation

SEO og Kommunikation SEO og Kommunikation Agenda 1. Kommunikation på nettet 2. SEO hvad er det? 3. Teknisk SEO 4. Søgeordsanalyse 5. On-page SEO 6. Off-page SEO Kommunikation på nettet Kend din målgruppe Hvilke kunder har

Læs mere

Kommunikation og design Ugeopgave 38 Website. Sarah Winther, Hold B

Kommunikation og design Ugeopgave 38 Website. Sarah Winther, Hold B Kommunikation og design Ugeopgave 38 Website Sarah Winther, Hold B Dato: 18 sep. 2015 Kunde: Subsero Projekt: Ugeopgave 38 Kreativ Brief Case: Digitalt bureau: www.subsero Hvem er afsenderen? Sarah Winther

Læs mere

Grafisk Design. fra idé til visuelt udtryk Benett

Grafisk 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 mere