MUL B SofieKen, SimoneIbsen, SørenLind, SilleNoël. Unique Landscapes. URL:

Relaterede dokumenter
Redesign af Cinnober. Analyse af hjemmesiden Cinnober

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

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.

REDESIGN AF PORTFOLIO 16. jan. 2015

Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels

Projekt: Kend dine brugere. Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen

Portfolie Redesign. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar Jens Jákup E.

AROS Å R H U S K U N S T M U S E U M

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt

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

EKSAMENS PROJEKT DECEMBER 2013 JANUAR Lærere: Thomas Hartmann. Jesper Hinchely. Ian Wisler-Poulsen. Morten Rold. Merete Geldermann Lu tzen

Grafisk workflow. Se siden her:

GRUPPE 5 Line - Nanna - Thea - Sarah

Active Builder - Brugermanual

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

Portfolio Redesign Kamilla Klein 1. Semester eksamen

GRAFISK DESIGN. Hjemmeside til Dizzy Mizz Lizzy

GRAFISK DESIGN. Webdesign til fodboldportal

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

Selv 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:

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

afsender Aarhus Folk Festival

WORKFLOW & PRODUKTION

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26

KT OR LOW PRODUKTION // WORKFLOW

KALAS FESTIVAL. Link til hjemmesiden: Laura Lundby Gravesen

Mark André Lyhne. Eksamen web1b

GRAFISK PRODUKTION & WORKFLOW. Endotest website

Produkt. Index side GRAFISK DESIGN

Michella+Serritzlew+Jacobsen+

Ugeopgave uge 40 Hold A

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1

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

Europcar vil altid levere den bedste transportløsning med venlighed, kompetence & troværdighed.

Website projekt 3, 2. semester. Responsive design. Lasse M. Bruun Overgaard Mark Halding

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

GRAFISK DESIGN DOTHOST HJEMMESIDE

ActiveBuilder Brugermanual

1. Hovedforløb. Mediegrafiker

Link til website:

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

GRAFISK DESIGN. webdesign af pl.dk

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

3 OPRETTELSE AF SIDER

Grafisk design. Webdesign til barbershop

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

Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2

Manual til Vandværksløsninger

Grafisk Design 70% Skitser

Gruppe 9 Visuel Interface Design, 27/09/2011

Grafisk design. sundfertilitet.dk

20 FEJL PÅ DIN HJEMMESIDE

Redesign af website. Website: Cinnobershop.dk. Lavet af gruppe 13: Freja Astrid Petersen Jannik Olaf Randrup Søren Koefoed R. Madsen Malina M.

Dokumentation. Grafisk Design

Projekt redesign af Kyoto.dk Hold A - gruppe 20

Book Creator. Du skal bruge App en Book Creator for at følge denne vejledning. Scan koden og se en videovejledning

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å

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Website design 1. semester, Projekt 3

Analyse af website: cinnobershop.dk

Portfolio - Grafisk Workflow

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

Portfolio. Udvikling af min portfolio Link til portfolio: Michell Aagaard Dranig

Grafisk produktion & workflow

Making the world smile

Opgaven. Væsentlighed. Problemstillinger. Browserkompabilitet. Layout. Kvalitetsvurdering. Format. Processer. Komposition og modulopbygning

Projekt 1 Re-design af Odense Bunkermuseum

GRAFISK DESIGN. Min personlige e-portfolio

GRAFISK WORKFLOW H1 MARIA SCHELDE

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

portfolio GRAFISK WORKFLOW

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

Grafisk design. Ide. Designprocess. Målgruppe

Responsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt.

Rapport for Redesign af virksomheden Feelgood Bakery

GRAFISK DESIGN hjemmeside

Responsiv hjemmeside

Manual til WordPress CMS

Vejledning til. LearnSpace

Grafisk Workflow. Website til European Blues Challenge

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

WBS. Inledning. Afsluttende projekt 1. sem

Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding

Analyse af websiden FeelgoodBakery.dk

PROJEKT 3, 1. SEM WEBSITE FROM CLIENT BRIEF

3. semester F&A, 2014 Jump Rope Production

GRAFISK DESIGN GRAFISK PRODUKTION & WORKFLOW

Grafisk workflow. bl.udbudsnet.dk

Designmanual. Bilag 04

Bettina Andersen M ED I E G RA F I K ER. 2. Hovedforløb

PROJEKT #3 WEBDESIGN I SAMARBEJDE MED MAK. Akvavitten.dk Andreas Schultz, Cecilie Kogi Carlsen, Lif Kaas Neergaard og Ninette Andersen

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING

Introducering af Flip MinoHD:

grafisk workflow OPGAVE: EMBRACE-IT WEBSITE

GRAFISK DESIGN. Hjemmeside

GRAFISK WORKFLOW. 1 Grafisk workflow

Grafisk produktion og workflow

DSU Dansk Stavgang Union

Transkript:

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. http://www.uniquelandscapes.co.uk/

7. Ekspertvurdering NO HEUTISTIK/PRINCIP URL PROBLEM ALVORSGRAD LØSNING 1 8. Æstestik og minimalistisk design http:// www.uniquelandsca pes.co.uk DESIGN! Simpelt, konkret, inspirerende 2 8. Æstestik og minimalistisk design http:// www.uniquelandsca pes.co.uk/about-us/ TEKSTOMFANG Mindre overflødig tekst -Mere visuelt 3 8. Æstestik og minimalistisk design http:// www.uniquelandsca pes.co.uk/ testimonials/ INFORMATION! Konkret info! Harmoni ml. billeder og tekst 4 8. Æstestik og minimalistisk design http:// www.uniquelandsca pes.co.uk/designprocess/overview/ NAVIGATION! Færre menupunkter og links hist og her - menuen skal følge med 5 8. Æstestik og minimalistisk design http:// www.uniquelandsca pes.co.uk/portfolio/ gates-anddriveways/ PORTFOLIO havedesign skal SES og inspirere!

Vurderings fejl - sidehenvisning Æstestik, kaos: http:// www.uniquelandscapes.co.uk/ about-us/ Gentagelse af link og unødvendig: http://www.uniquelandscapes.co.uk/ design-process/overview/ Gentagende - menu i footer: http:// www.uniquelandscapes.co.uk/ design-process/overview/ News uinteressant http://www.uniquelandscapes.co.uk/ news/ Tekst og billede forvirrende http://www.uniquelandscapes.co.uk/ testimonials/

DESIGN TEMA FONTE FARVER BILLEDER (js funktion for langsom)

TEKSTOMFANG OVERFLØDIGT FORVIRRENDE AFSKRÆKKENDE

INFORMATION HVEM ER VI HVAD TILBYDER VI SHOW IT

NAVIGATION FOR STOR OVERFLØDIG STICKY HEADER (forsvinder når du scroller)

PORTFOLIO SÅ SKAL DER SÆLGES! FOR KEDELIG FOKUS PÅ KVALITET

NYT DESIGN Simpel (onepage) - Konkret (tekst) - Visuelt http://sillenoel.com/uniquelandscapes/index.html

BRUGERTEST

1. Du har i tankerne, at du skal have en ny have. Du har set denne hjemmeside Unique landscape og vil se, hvad de har af inspiration. Hvordan finder du det? BRUGER 1: Går ind under menu-knappen, som hopper ned til et link jeg trykker på Tid: 3 sek. BRUGER 2: Klikker på Inspiration i topmenuen, og rykker ned på en side, hvor en knap jeg klikker på fører mig til en portfolio med billeder Tid: 4 sek. BRUGER 3: Jeg scroller ned af siden imens jeg læser. Topmenuen følger med hele vejen og fører mig til et link som direkte skriver INSPIRATION, meget nemt. Tid: 2 min.

2.Du synes det ser godt ud, og vil gerne linke den engelske hjemmeside til din engelske tante, som også er interesseret i haver. Hvor finder du den engelske side? BRUGER 1: Det står lige her på forsiden, det link Tid: 3 sek. BRUGER 2: En knap (SWITCH TO UK) møder mig som noget af det første på forsiden Knappen linker mig til en identisk side på engelsk Tid: 2 sek. BRUGER 3: På forsiden er et link til den engelske side, men det fremgår kun af forsiden at siden kan skifte sprog, måske det skulle være en integreret del af topmenuen Tid: 3 sek.

3.Du vil nu gerne finde deres kontaktinformationer. Hvordan vil du finde det? BRUGER 1: Tryk på Contact-menuknappen. BRUGER 2: Der er både en kontaktside, som jeg mødes af når jeg har scrollet ned gennem siderne og så er der et menupunkt, som også er synligt BRUGER 3: trykker på kontakt i menu en

BRUGER KOMMENTAR BRUGER 1: Meget enkel side, den kan godt tåle, at der kommer lidt mere på. Den virker måske lidt for enkel, men samtidig er det også rart, at det er let at finde. Meget simpel side. Men der må gerne komme flere billeder ind under portfolioen. + Enkel - Enkel BRUGER 2: Meget simpel side, men overskuelig og flotte billeder. Flere billeder i portfolioen og menuen er lidt irriterende. Det godt den scroller med hele vejen når man læser ned ad siden, men den ligger sig oveni teksten. + Enkel, Flotte billeder - Menu mangler baggrundsfarve under scrolling BRUGER 3: Dejlig overskuelig side, som kommer men konkret info. Den skal dog have flere stemningsbilleder i portfolio. Må gerne have understregninger i menuen når man scroller så man kan se i topmenuen hvilken underside man befinder sig på.

Topmenu mangler bg-farve ved scrolling http://sillenoel.com/uniquelandscapes/ index.html

GANGSTERTEST 1) Websitets identifikation: Hvilket website befinder du dig på? Kan man se ud fra logoet, som sidder øverst i højre side. 2) Hvilke overordnede sektioner findes der på websitet? Topmenu, one-page side som topmenuen henviser til, hvis du benytter denne. 3) Hvilken underside befinder du dig på? Det er der ingen indikation på. Menupunktet du befinder dig under bør være markeret. 4) Lokal navigation: Hvilke muligheder har du på dette niveau/hvilke undersider findes på samme niveau? Simpel side lavet som one-page side, hvor topmenuen henviser til de side sektioner som er kodet ind på index siden. Således er siden simpel med kun de informationer der er nødvendige for et overblik. Derfor er der ingen muligheder, men det virker heller ikke som om det er nødvendigt. 5) Placerings indikator: Hvor er du i den samlede struktur/hvordan er du kommet hertil? Navigationsbaren er gennemgående på hele sitet og derfor har du du hele tiden en mulighed for at klikke dig hen på den information du ønsker viden om. Da det er en sticky header følger den med dig når du scroller op.

DESIGNPRINCIPPER Genkendelighed: Menuen er placeret i top højre side, hvor den generelt er placeret på de fleste hjemmesider. Når musen holdes over menupunkterne bliver den sorte skrift hvid, hvilket indikere at man kan trykke på teksten og at dette er et link. Enkelthed: Vores design er så enkelt i form af en one-page hjemmeside, med en enkel henvisning til portfolioen med billeder, som er en side for sig selv. Dette gør at hjemmesiden er let og overskuelig. Da hjemmeside er en én-sides-hjemmeside, kan man enten vælge at scrolle sig ned af siden, eller trykke på én af menupunkterne og så bliver du ført ned til enten OM, Have og design Inspiration eller kontakt På den måde bliver du ikke ledt på afveje, men du følges i hånden af en lige linje fra top til tå. Ensartethed: Under inspiration har vi lavet billederne lige store og placeret overskriftet centreret. Stilen i billederne er ens gennem hele hjemmesiden og i inspirationsportfolioen og vi har valgt at gøre det grafisk i opsætningen. Fleksibilitet og brugbarhed: Vores design er nemt og overskueligt. Du får først en kort beskrivelse om os, så lidt om vores have og design, inspiration s billeder og til sidst kan man kontakt e os. Det giver et hurtigt indblik i virksomheden, hvad vi har lavet/hvad vi kan og hvordan man kontakter os. Vi har ikke lavet alle mulige undersider, men holdt det simpelt, minimaltistisk og stilrent. En hel ny fortolkning af Unique Landscapes, hvis de én dag skulle udvide deres forretning til DK. Vores menu følger desuden med, lige meget hvor langt du scroller ned. Lukkethed: Menuens baggrund er hvid/udvisket så snart man går ind på siden, og det indikere hurtigt at det er menuen, og at det er sammenhængende. Vi har valgt at holde det simpelt og minimalistisk, derfor ingen farver som baggrund. Siden er altså hvid, men med billeder under inspiration og på forsiden, hvormed vi holder den samme stil og den hvide baggrund går altså igen og igen.