GRAFISK DESIGN DOTHOST HJEMMESIDE

Størrelse: px
Starte visningen fra side:

Download "GRAFISK DESIGN DOTHOST HJEMMESIDE"

Transkript

1 DOTHOST HJEMMESIDE

2 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 processen været i samarbejde med en programmør som har lavet de mere avancerede ting som f.eks. domænesøgeren. Afsender Dothost er et hosting firma ejet af ATZnet. De sælger primært domæner, webhoteller, kontorløsninger(office 365) mm. Målgruppe Virksomheder, grafikere og webudviklere. (Alder: år) Æstetiske overvejelser Det er vigtigt at hjemmesiden får et nutidigt og opdateret udseende. Overskuelig, enkel og nem at navigere rundt i. Primær fokus er produkterne. Hvordan? Wordpress (CMS system) HTML, CSS, PHP Google Chrome Inspect Photoshop: Tilpasset billeder til web 14

3 Idéudvikling Jeg har udarbejdet en brainstorm ud fra hvordan virksomheden gerne vil fremstå og designidéer. Seriøst Grafisk Store billeder Brugervenlighed Enkelt Ikoner Derudover har jeg taget layout inspiration fra de konkurrererende sider. Layout skitse Min skitse giver mig et godt overblik over hvordan jeg vil bygge siden op. Professionelt Dothost.dk Moderne/Nutidigt Læsevenligt Stilrent Studerende/ Virksomheder Design inspiration Virksomhedsfokus (roser sig selv) Domænesøger som fokuspunkt Visuel navigation udover menuen, længere nede på index. 15

4 Font Fravalgt font Lato er en google font, som er læsevenlig til skærm. Den har et moderne udtryk og jeg syntes den passede godt i designet. Den blev dog valgt fra, da kunden var mere til de rundere former som er i Gotham Light og var tilbøjelig til at bruge en betalingsfont for det rette udtryk. Farve Farverne er defineret i både RGB og CMYK, til hvis der senere hen skal produceres produkter til tryk. Intelligens Loyalitet Visdom Tillid Lato Farveforslag Aa ABCDEFGHIJKLMNOP QRSTUVwXYZÆØÅ abcdefghijklmnop qrstuvwxyzæå Udvalgt font Gotham Light Aa ABCDEFGHIJKLMNOP QRSTUVwXYZÆØÅ abcdefghijklmnop qrstuvwxyzæå Gotham er en tamilie af sans-serif digitale skriftyper. Den har en meget bredt udseende med brede åbninger og en høj x-højde. Udvalgte farver Primær blå Element blå Element blå #009de0 #0a769e #d9eaf2 RGB: 0, 157, 224 RGB: 10, 118, 158 RGB: 217, 234, 242 CMYK: 78, 21, 0, 0 CMYK: 91, 40, 17, 4 CMYK: 16, 3, 3, 0 Grøn Grøn Blå Blå er valgt ud, da det er brugt i det gamle design. Jeg har derimod valgt en friskerer blå som jeg synes passer meget bedre til nutiden. Derudover har jeg valgt at bruge en mørkere og lysere nuance for at variere de steder hvor farverne ligger op af hinanden. Grøn Bliver brugt til f.eks. køb knapper. #78d05c #42b810 RGB: 120, 208, 92 RGB: 66, 184, 16 CMYK: 52, 0, 76, 0 CMYK: 64, 0, 100, 0 Opdelings hvid Opdelings gråhvid Sort #fcfcfc #f7f7f7 #333 RGB: 252, 252, 252 RGB: 247, 247, 247 RGB: 51, 51, 51 CMYK: 1, 1, 1, 0 CMYK: 3, 2, 2, 0 CMYK: 72, 60, 47, 67 Neutrale farver De basale farver som skal give ro til siden og bliver brugt på store overflader med tekst. 16

5 Logo proces Jeg har arbejdet ud fra det tidligere logo. Vi blev hurtigt enige om at sloganet skulle fjernes, da det ikke er nutidigt. Derudover har jeg arbejdet lidt med dot på forskellige måder, så kunden har haft flere muligheder at vælge imellem. Vi endte ud med at vi ville beholde cirklen som Dot, men gøre den mindre markant og så lave Host i en neutral farve, så ordene bliver opdelt. Fonten er ITC Avant Garde Gothic. Tidligere logo Valgte logo 5 cm Positivt logo 3 cm 2 cm Negativt logo 17

6 Produktoversigt Jeg kom med forskellige forslag til hvordan produkterne kunne se ud. Det var vigtigt at prisen, tilbud og vigtigste info blev fremhævet og man derudover kan se hvad hele pakken indeholder med en harmonika knap. Forslag produkt Skitser megamenu Webhotel basic 20 Megamenu Idéen med en megamenu, var at gøre menuen mere spændene og visuel at navigere rundt i. Jeg har fremstillet en masse ikoner, som skal illustrere hvert sit menupunkt. Få er blevet kasseret fordi de ikke var forståelige. Kasserede ikoner 00 Basic Ikoner 20 De første forslag passede ikke ind, så vi endte ud med at lave den simpel med blå farver. Webhotel basic Standard Premium Resultat megamenu Resultat produkt Ikoner 18

7 Design Jeg har valgt et design som er simpelt, moderne og brugervenligt. Man kan navigere rundt på siden både øverst, midt og i bunden af siden. Header Header er opdelt i to farver, menuen ligger for sig selv, hvor øverste del er logo, kontrolpanel og support, som skal være i fokus. Slideshow Slideshowet skal komme med små reklamer for de forskellige produkter, for at få kunder til at købe mere. Samtidig giver det noget visuelt til siden. Footer Jeg har designet en footer hvor man har tilgængelighed til alt. Man har som bruger stor tilbøjelighed for at søge ned i bunden hvis man er faret vild eller har brug for support, derfor er supporten mere fremtræden end andre elementer. 19

8 Kvalitetsvurdering Resultatet af siden er blevet meget mere overskuelig og nutidig. Det ligner faktisk en større troværdig virksomhed, forhold til udgangspunktet. Inholdet fylder godt og har god luft omkring sig, det gør det overskueligt for brugeren at navigere rundt. Designet er visuelt gennemført. Det er brugervenligt og professionelt. Kunden er meget tilfreds med det færdige resultat. 20

GRAFISK WORKFLOW DOTHOST HJEMMESIDE

GRAFISK WORKFLOW DOTHOST HJEMMESIDE DOTHOST HJEMMESIDE Opgavebeskrivelse 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 processen været i samarbejde

Læs mere

Målgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv.

Målgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv. Grafisk Design Kunden Mindfullife er en forskningsinvolveret undervisnings- og uddannelsesvirksomhed indenfor mindfulness-baseret intervention. De tilbyder kurser, retreats og uddannelse centreret omkring

Læs mere

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder. GRAFISK DESIGN KUNDEN PA Vaskeriteknik er en enkeltmandsvirksomhed som startede i 2008. Manden bag er Preben, som gennem 14 års brancheerfaring startede sit eget firma op da han føler at han med sit partnerskab

Læs mere

Grafisk Design. Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow

Grafisk Design. Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow Grafisk Design Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow Gammelt layout Nyt layout 6 Grafisk Design Kunden Mindfullife er en forskningsinvolveret uddannelsesvirksomhed indenfor mindfulness-baseret

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

GRAFISK DESIGN CAMILLA VINTER

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

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

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner. GRAFISK DESIGN OPGAVEN Min kæreste er medstifter af en vinloge. Medlemmerne af logen kunne godt tænke sig et sted, hvor de bl.a. kunne få et overblik over, hvilke vine de har bedømt og hvornår næste loge

Læs mere

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed Redegørelse Grafisk Opgaven At redesigne en hjemmeside for AGF fanclub, som har et mere moderne look og et nyhedsarkiv som er let oversskueligt. Hjemmesiden er en opgave jeg selv har stillet mig og kunne

Læs mere

grafisk design Se webappen på din mobil

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

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

Æsken skal primært være i let pap.

Æsken skal primært være i let pap. GRAFISK DESIGN REDEGØRELSE OPGAVEN Vi fik til opgave at designe emballage til internet undertøjsbutikken Inderst Inde. Vi fik udleveret et logo som vi skulle bruge, men måtte selv bestemme hvilket undertøjsprodukt

Læs mere

WORKFLOW & PRODUKTION

WORKFLOW & PRODUKTION OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation

Læs mere

GRAFISK DESIGN Logo - inderst inde

GRAFISK DESIGN Logo - inderst inde GRAFISK DESIGN Logo - inderst inde Produkt Redegørlese HVAD GÅR OPGAVEN UD PÅ Denne opgave gik ud på og lave et logo for et undertøjs firma kaldt inderst inde, som skulle have en meget bred målgruppe,

Læs mere

Produktion og workflow STINE D. LAURSEN

Produktion og workflow STINE D. LAURSEN Produktion og workflow STINE D. LAURSEN Website til terapeut Stine D. Laursen Stine er nystatet som terapeut og behøvede en hjemmeside for at markedsføre sig selv til omverdenen. Hjemmesiden skulle ikke

Læs mere

Grafisk Design. Dansk Center For Organdonation

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

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

Michella+Serritzlew+Jacobsen+

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

afsender Aarhus Folk Festival

afsender Aarhus Folk Festival GRAFISK DESIGN Hjemmeside Redegørelse Hvad går opgaven ud på? Design af hjemmeside i wordpress fra start til slut til mindre festival i Aarhus område. En stor udfordring var at lave programmeringen så

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

AS ANDERS SØNDERGAARD Portefolio_H Svendeprøve.indd 1 2/17/ :36:39 PM

AS ANDERS SØNDERGAARD Portefolio_H Svendeprøve.indd 1 2/17/ :36:39 PM AS ANDERS SØNDERGAARD Portefolio_H4-2019-Svendeprøve.indd 1 2/17/2019 11:36:39 PM PRODUKTKATALOG GRAIK & BILLEDBEHANDLING TYPOGRAI & OMBRYDNING OPGAVEBESKRIVELSE Opsætning af katalog for Heliving med formål

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

GRAFISK DESIGN CAMILLA BEYER

GRAFISK DESIGN CAMILLA BEYER GRAFISK DESIGN CAMILLA BEYER Dokumentation Brainstorm Opgaven Arbejdsproces Opgaven gik ud på at designe et logo til en grafisk - Brainstorm elev der søger elevplads. Der skal også designes visitkort,

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

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 WORKFLOW H1 MARIA SCHELDE

GRAFISK WORKFLOW H1 MARIA SCHELDE GRAFISK WORKFLOW H1 MARIA SCHELDE DOKUMENTATION Opgaven Arkitekt Mette Schelde skulle have designet og programmeret et website, hvorpå hun kunne præsentere hendes produkter. Designkrav Sitet skal være

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

portfolio GRAFISK WORKFLOW

portfolio GRAFISK WORKFLOW Grafisk Workflow Opgaven Der skal laves hjemmeside til et lille privat bageri. Kunden ønsker et overskueligt site. Hjemmesiden skal kort og godt fortælle om Skejby Centrets Bageri og deres produkter og

Læs mere

GRAFISK DESIGN G H1 H2 H3 HOVEDFORLØB 1 AARHUS TECH 2013 H1 SIDE 1 / 11

GRAFISK DESIGN G H1 H2 H3 HOVEDFORLØB 1 AARHUS TECH 2013 H1 SIDE 1 / 11 GRAFISK DESIGN HOVEDFORLØB 1 AARHUS TECH 2013 G H1 H2 H3 H1 SIDE 1 / 11 IDENTITET, LOGO OG WEBSITE Brainstorm 1. Foreningen skal have ny identitet, logo og website. beskæftiger sig med økologi og bæredygtighed.

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. rafisk Design

Grafisk Design. rafisk Design rafisk Design Svendeprøve 2016 Opgaven I forbindelse med at ReklameTryk ville lancere en webshop skulle vores hjemmeside opdateres. Den skulle fremstå enkelt, lys og nem at navigere rundt på og samtidig

Læs mere

Laura Svendsen Kernekompetencer GRAFISK DESIGN

Laura Svendsen Kernekompetencer GRAFISK DESIGN Laura Svendsen Kernekompetencer GRAFISK DESIGN Grafisk design Emballage Opgavebeskrivelse Emballageprojektet gik ud på at skulle designe indpakning af et produkt fra undertøjsvirksomheden Inderst Inde.

Læs mere

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

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

primær er informativ og dermed appellerende til fornuften og rationaliteten.

primær er informativ og dermed appellerende til fornuften og rationaliteten. Opgaven Opgaven lød på at fremstille et nyt design til en hjemmeside for udlejning af lokaler, som Mil-tek tidligere har haft online, men som pt er lukket ned. Kunde og ansvar Kunden har været Mil-tek

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

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

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

1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN

1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN 1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN 2 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFISK DESIGN 01. BRIEFING GRAFISK DESIGN 01. Briefing 02.

Læs mere

GRAFISK DESIGN. Kenneth Friis Petersen

GRAFISK DESIGN. Kenneth Friis Petersen GRAFISK DESIGN Kenneth Friis Petersen Kenneth Friis Petersen - Svendeprøve 2015 Opgavebeskrivelse Total redesign af hjemmeside til Trademark Textiles A/S, både layout og kodning af side. Trademark textiles

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

COPENHAGEN. Opgaven. Kunden. Målgruppe. Layout 1. GRAFISK DESIGN // METTE-MARIE RANDSKOV

COPENHAGEN. Opgaven. Kunden. Målgruppe. Layout 1. GRAFISK DESIGN // METTE-MARIE RANDSKOV COPENHAGEN Opgaven Kunden The Organic Bakery er en voksende bagerkæde i Storkøbenhavn med hovedsæde på Østerbro. Bageriet beskæftiger sig med økologisk bagværk, herunder brød og kager. Det, de er mest

Læs mere

Sabine Puk Sørensen Svendeprøve portfolio

Sabine Puk Sørensen Svendeprøve portfolio Sabine Puk Sørensen Svendeprøve portfolio 2016 Grafisk workflow Svendeprøve Kvalitetsvurdering Hjemmesiden fungere som den skal, og kunden er meget glad for resultatet. Siden er simpel, men giver den ønskede

Læs mere

Hvad er dit bidrag til opgaven? Grafisk opsætning, photoshop af billeder, vektorisering af billeder fra nettet mm. Har lavet opgaven selv.

Hvad er dit bidrag til opgaven? Grafisk opsætning, photoshop af billeder, vektorisering af billeder fra nettet mm. Har lavet opgaven selv. GRAFISK WORKFLOW EKSAMENSOPGAVE Redegørelse Hvad går opgaven ud på? Eksamensopgave mediegrafiker grundforløb. Jeg valgte at lave en folder til en bekendts firma ABK Solar Tech, der leverer og opsætter

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

grafisk workflow OPGAVE: EMBRACE-IT WEBSITE

grafisk workflow OPGAVE: EMBRACE-IT WEBSITE grafisk workflow OPGAVE: EMBRACE-IT WEBSITE BESKRIVELSE GRAFISK WORKFLOW BESKRIVELSE Den tidligere nævnte virksomhed Embrace-IT, forsøger i takt med at virksomhen vokser, at opdatere og optimere deres

Læs mere

GRAFISK PRODUKTION & WORKFLOW. Endotest website

GRAFISK PRODUKTION & WORKFLOW. Endotest website GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere

Læs mere

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester PORTFOLIO SEBASTIAN NYHOLM Eksamensprojekt 1. Semester Indledning Dette projekt gik ud på at designe og udvikle sit eget portfolio, hvor indhold fra tidligere projekter, læring, brugerteste og begrundelse

Læs mere

udtryk, men også et blød og feminint touch som ville appelerer til kvinderne.

udtryk, men også et blød og feminint touch som ville appelerer til kvinderne. GRAFISK DESIGN REDEGØRELSE GRAFISK DESIGN 3 OPGAVEN skulle have opdateret deres nuværende identitet, og kom derfor til os og ønskede et redesign af logo, emballage og website. Vi tog imod opgaven, og glædede

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

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

Grafisk design: Ny identitet til LiveCV

Grafisk design: Ny identitet til LiveCV Grafisk design _ 22 / 42 Grafisk design: Ny identitet til LiveCV Produkt _ Igennem mit eget firma Wunderly, har jeg fået til opgave at re-designe LiveCV s online identitet, med henblik på at gøre det hele

Læs mere

grafisk workflow Madmagasinet

grafisk workflow Madmagasinet grafisk workflow Madmagasinet Dokumentation Opgaven Madmagasinet skal have et website som er responsive, således deres brugere har en side som er optimeret til de forskellige platformer, hvorpå deres site

Læs mere

Multimediedesign på CPH-Business URL: www.gracet.dk. Eksamensopgave. Redesign af Portefølje. Grace Grigoria Tsatsaris

Multimediedesign på CPH-Business URL: www.gracet.dk. Eksamensopgave. Redesign af Portefølje. Grace Grigoria Tsatsaris Multimediedesign på CPH-Business URL: www.gracet.dk Eksamensopgave Redesign af Portefølje Grace Grigoria Tsatsaris 14 1 Brainstorm og ideudvikling: Jeg startede med at danne mig et overblik over projektet

Læs mere

Grafisk workflow. bl.udbudsnet.dk

Grafisk workflow. bl.udbudsnet.dk Grafisk workflow. bl.udbudsnet.dk Hvad går opgaven ud på? Opgaven gik ud på at lavet et præsentations website for Udbudsnet. Hjemmesiden skulle bruges til at sælge Udbudsnet, på en messe som hedder BL.

Læs mere

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb Dokumentation Workflow Grafisk produktion Trine Alexandersen 1. hovedforløb Jeg har valgt at vise min egen hjemmeside som workflow. Siden er min e-portfolio som skal vise hvad jeg lærer under min uddannelse

Læs mere

GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016

GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016 GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016 grafisk WORKFLOW // DOKUMENTATION opgaven // Jeg har i min opgave lavet et responsive onepage website for et årlig event kaldet Dirt

Læs mere

Grafisk Design OVERSIGT. 1 Opgaven A. Opgavebeskrivelse B. Målgruppe C. Brainstorm D. Moodboard

Grafisk Design OVERSIGT. 1 Opgaven A. Opgavebeskrivelse B. Målgruppe C. Brainstorm D. Moodboard OVERSIGT 1 Opgaven A. Opgavebeskrivelse B. Målgruppe C. Brainstorm D. Moodboard 2 Logo A. Skitser B. Valg af fonte C. Farver D. S et E. Kvalitetstjek 3 App A. Overvejelser B. Format C. Moodboard D. Skitser

Læs mere

MONIQUE BOOTS-NIELSEN / GRAFIKER

MONIQUE BOOTS-NIELSEN / GRAFIKER SIZE 34-54 2014 AUTUMN COLLECTION shop online bonaparte.dk MONIQUE BOOTS-NIELSEN / GRAFIKER Grafisk Design Grafik & Billedbehandling Typografi & Ombrydnig Grafisk produktion & Workflow Et magasin om knogleskørhed,

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 PRODUKTIONSFORSTÅELSE

GRAFISK PRODUKTIONSFORSTÅELSE GRAFISK PRODUKTIONSFORSTÅELSE Opgavebeskrivelse Julie Abels Dansestudie vil gerne have en ny hjemmeside, der skal promovere studiet. De har en opsat hjemmeside fra 123hjemmeside, som de gerne vil have

Læs mere

Mark André Lyhne. Eksamen 2012. 12web1b

Mark André Lyhne. Eksamen 2012. 12web1b Mark André Lyhne Eksamen 2012 12web1b Indholdsfortegnelse Indholdsfortegnelse... 1 Projekt beskrivelse... 3 Målgruppe... 3 Afsender... 3 Budskab... 3 Kommunikationsmål... 3 Ideudvikling... 3 De 6 Designparametre...

Læs mere

NY IDENTITET TIL SCHWARZ

NY IDENTITET TIL SCHWARZ GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker

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

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

Indholdsfortegnelse. Forord 2. Logo 3. Respektafstand 5. Farver 6. Typografi 7. Eksempler 9

Indholdsfortegnelse. Forord 2. Logo 3. Respektafstand 5. Farver 6. Typografi 7. Eksempler 9 Designmanual Indholdsfortegnelse Forord 2 Logo 3 Respektafstand 5 Farver 6 Typografi 7 Eksempler 9 1 Forord Denne designguide beskriver Kostume-Pusheren s visuelle identitet. Dette forslag er lavet til

Læs mere

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015

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

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Stine 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 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 design. Ide. Designprocess. Målgruppe

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

Produktbeskrivelse - Grafisk workflow

Produktbeskrivelse - Grafisk workflow Produktbeskrivelse - Grafisk workflow Opgavebeskrivelse Det er en nyhedsmail. De er en ny opsætning Ansvar for opgaveløsning Webadministratoren står for opgavefordeling. Tekst kommer fra salgs og butikslederen.

Læs mere

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ******

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

Dokumentation. Grafisk Design

Dokumentation. Grafisk Design Dokumentation Dokumentation OPGAVEN: Denne opgave er lavet for en ny opstartet cafe og restaurant i Vordingborg, de skulle derfor bruge et logo som det første og derefter en hel design linje. Deres ide

Læs mere

OPGAVE: WELOVEORGANIC.COM WEBSHOP

OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVEN OG AFSENDER: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt ønsker

Læs mere

GRAFISK DESIGN. Hjemmeside

GRAFISK DESIGN. Hjemmeside GRAFISK DESIGN Hjemmeside AFSENDER Dansk design ANSVAR FOR OPGAVELØSNING Jeg har haft ansvaret for at opgaven er blevet løst, og at den har overholdt de krav som jeg selv har stillet til den skal opfylde,

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

Grafisk design. Svendeprøve Juni 2015 - Pia Søgaard

Grafisk design. Svendeprøve Juni 2015 - Pia Søgaard Grafisk design Dokumentation Svendeprøve Juni 2015 - Pia Søgaard Kunde: Sognegaarden - Hedensted Opgave: ny grafisk identitet og hjemmeside Programmer: Indesign, illustrator og photoshop Farverum: CMYK

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

Grafisk design. Webdesign til barbershop

Grafisk design. Webdesign til barbershop Grafisk design Webdesign til barbershop Portfolio h1 Side 3 webdesign til barbershop Opgaven Barbershop i Horsens kom til os, for at få lavet et nye website. Afsender Barbershop er en barber salon i Horsens

Læs mere

Stilen skulle gerne være feminin og primærfarven rosa.

Stilen skulle gerne være feminin og primærfarven rosa. Grafisk design // Grafisk Design Hjemmesideløsning for syerske Sorami er et enmands-firma med mere end 25 års erfaring, som tilbyder omforandring af tøj og tøj syet efter eget design, samt håndlavede smykker.

Læs mere

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 NAVN PÅ OPGAVEN KERNEOMRÅDE SVENDEPRØVE 2013 Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 Beskrivelse af opgaven I min fritid modtog jeg en opgave, som bestod i, at redesigne og kode et

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

Portfolioudvikling. Line la Fontaine. Multimediedesigner

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

grafisk design MERYAM FERIDA ÔZTÜRK

grafisk design MERYAM FERIDA ÔZTÜRK grafisk design MERYAM FERIDA ÔZTÜRK 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

Læs mere

HESTBJERG WEB GRAFISK WORKFLOW

HESTBJERG WEB GRAFISK WORKFLOW HESTBJERG WEB GRAFISK WORKFLOW OPGAVE BESKRIVELSE Dette er en hjemmeside jeg har udviklet til Hestbjerg Økologi. Siden skal bruges til at sprede deres budskab. Opgaven Hestbjerg økologi søgte en hjemmeside

Læs mere

Grafisk Workflow. hovedforløb 2

Grafisk Workflow. hovedforløb 2 Grafisk Workflow hovedforløb 2 WORLD OF FURNITURE Forside.wrapper width: 95%; margin: 0 auto; box-shadow: 0px 0px 25px #888888; Image slider carousel 5 sekunder .button span.button span:after.button:hover

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

OPGAVEBESKRIVELSE. Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt.

OPGAVEBESKRIVELSE. Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt. 01. OPGAVEBESKRIVELSE Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt. OPGAVE Re-design Kolding Motions logo, nyt layout til deres hjemmeside samt kodning. Ny

Læs mere

Grafik Workflow...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap...

Grafik Workflow...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap... Grafik Workflow....2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap...7 Kommende sitemap...7 Mockup...8 Opsætning... 10 Programmer

Læs mere

Dokumentation. Inspiration S34 S35. Opgavens art Fiktiv opgave af opbygning af en hjemmeside.

Dokumentation. Inspiration S34 S35. Opgavens art Fiktiv opgave af opbygning af en hjemmeside. Grafisk Design Dokumentation Inspiration Opgavens art Fiktiv opgave af opbygning af en hjemmeside. Kort om opgaven Hjemmesiden, skulle være oplysende om produkter og virksomheden, den skulle være enkel

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

ActiveBuilder Brugermanual

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

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW DOKUMENTATION OPGAVEN Denne opgave er lavet som en fiktiv opgave. Opgaven er lavet for et fiktivt firma, som tilbyder personlig fitness træning.

Læs mere