Page 1

Tidsplan

Uge

ma ti 1 0,5 5 6 on

5,5 5 0,5 0,5 1 1

to

2 2,5

fr

2 1 5 5,5 2 1,5

9 8

0 0 sø

0 0 ma

2 1 2 1

4 2

ti

0 0 on

0 0

fr

0 0 lø

0 0

Tidsplan

to

0 0 sø

0 0 ma

0 0

ti

0 0 on

0 0

to

0 0 fr

0 0 lø

0 0 sø

0 0 Planlagt opgave i alt

1

10,5

0,5

1

2

2

10

2

2

2

0

0

33

Forbrugt opgave i alt

0,5

11

0,5

1

2,5

1

10,5

1,5

1

1

0

0

30,5

Mathias Rue

5 5

7 7,5

I sidste ende er det kundens tilfredshed der betyder noget hos Young Tattoo, og derfor bliver der ikke slækket på nogen områder. Dette er med til at de hos Young Tattoo ofte får ros fra førstegangs kunder, da de føler sig i sikre hænder. Gennemsnitsalderen for kunderne hos Young Tattoo er derfor blevet yngre og yngre, netop fordi de føler sig sikre og ved de får kvalitetstatoveringer.

7 6,5

Hos Young Tattoo er du sikret en steril og ren tatovering. Der bliver altid brugt nye nåle og alt bliver renset i sprit, og netop derfor er yderst sjældent at Young Tattoo er ude for at deres kunder oplever noget form for infektion eller allergi.

6 6,5

Hvis du vælger at blive tatoveret hos Young Tattoo kan du forvente at blive mødt af passionerede fagfolk, der altid åbne for forslag og samtidig gerne går ind og hjælper med eventuelle rettelser og forbedringer. Med specialiseringen inden for ”New School” tatovering kan du forberede dig på at se noget som du ikke før har set, men man kan selvfølgelig stadig få lavet ”almindelige” tatoveringer, som man kender dem.

Mathias Rue, 09medie8b

Young Tattoo er kendt for deres unge og friske medarbejdere blandet med ældre og garvede medarbejdere der sammen udgør et godt team hvor man altid føler sig velkommen og i sikre hænder. Teamet der åbner Young Tattoo i København består af 4 person, der alle har specialiseret sig i ”New School” tatovering. Carole Samggasgale, der kommer til at lede Young Tattoo, har tidligere arbejdet i Boston og er anerkendt over hele verden for hendes tatoveringer af bl.a. Johnny Depp og Britney Spears.

0 0

har ført til en stor udvidelse af Young Tattoo og åbning af mange butikker i forskellige lande. Nu vil virksomheden satse på det danske marked og åbner deres første butik på Vesterbrogade i København, og hvis alt går som det skal regner Young Tattoo med at åbne endnu butik i Jylland inden for et par år.

Aktivitet/opgaver Dag P F Ideudvikling P Flowchart/ Storyboard F P Korrekturlæsning F P F Ideudvikling(logo) P F Billederedigering P F Animation P Færdigørelse (DW) F P skriftlige redegøelser F P Portfolio F P Finpudsning F P F P F P F

Young Tattoo er en tattoo-butik der åbnede sin første butik i Atlanta, USA i 2003 og har siden da

I alt I alt

P= Planlagt tid F= Forbrugt tid

Om Young Tattoo


Ideproces - logo blæk holder blæk plet

blæk holder

YoungTattoo

YoungTattoo

Yo


Flowchart Index

Galleri

FAQ

Love

Kontakt

Mathias Rue


Skelet 1

1

4

2

5

5

5

5

4

2

5

5

5

5

3 13

6

6

9

15

14

8

10

18

8

15

2

13 9

10

8

9 10

11

11

12

1

skelet til side: Galleri

M책l

1. 2. 3. 4. 5. 6. 7. 8.

015 150 144 302 075 025 025 293

Evt. andet px px px px px px px px

09. 10. 11. 12. 13. 14. 15.

357 168 025 020 600 900 535

px px px px px px px

9 12 17

14

Skelet til side: Index

2

H

1. 2. 3. 4. 5. 6. 7. 8. 9.

015 150 144 302 075 025 150 293 015

px px px px px px px px px

10. 11. 12. 13. 14. 15. 16. 17. 18.

050 025 020 600 083 025 090 900 535

px px px px px px px px px

16

15


Skelet 1

1 4

2

5

5

5

5

4

2

3

5

5

13

13

6

9

15

10

9

15

8

10

8

2

2

8

11

8

11

12

1

1. 2. 3. 4. 5. 6. 7. 8.

015 150 144 302 075 025 025 293

14

Skelet til side: Love M책l

px px px px px px px px

09. 10. 11. 12. 13. 14. 15.

357 168 025 020 600 900 535

px px px px px px px

12

1

14

M책l

5

3

6

Skelet til side: FAQ

5

1. 2. 3. 4. 5. 6. 7. 8.

015 150 144 302 075 025 025 293

px px px px px px px px

09. 10. 11. 12. 13. 14. 15.

357 168 025 020 600 900 535

px px px px px px px


Skelet 1 4

2

5

5

5

5

3 13

6 9

15

10

8

2 8

11

12

1 14

Skelet til side: Kontakt M책l

1. 2. 3. 4. 5. 6. 7. 8.

015 150 144 298 075 025 025 293

px px px px px px px px

09. 10. 11. 12. 13. 14. 15.

357 168 025 020 600 900 535

px px px px px px px


body { background-color:#CCC; margin: 0px; {outline:none;}

Storyboard

C1

B

C2

C3

C4

A

E

D

#galleri { } #faq { } #menu { }

F

Storyboard til side: Index Navigation/knapper

Tekstindhold

Animationer

C1: knap1 off text.png Rollover: knap1 on text.png C2: knap2 off text.png Rollover: knap2 on text.png C3: knap3 off text.png Rollover: knap3 on text.png C4: knap4 off text.png Rollover: knap4 on text.png

Tekst til index-siden fra Manus.doc Font: H1: Trebuchet MS 16/18 pt. P: Lucida Sans Unicode 12/14 pt Farve: #FFF (hvid)

E: Banneranimation Banner.gif

Faste grafiske elementer

Grafik

Evt. andet

A: Billede: Avistattoo.png B: Billede: Logony_3.png D: #indhold F: #Footer

} #logo { float: left; height: 144px; width: 302px; margin-top: 0px; margin-left: 0px; } #luftoppe { height: 15px; width: 900px; } #venstre { height: 535px; width: 150px; float: left; } float: left; height: 124px; width: 75px; float: left; height: 144px; width: 75px; margin-top: 0px; margin-left: 0px; height: 144px; width: 298px; float: left;

#wrapper { background-image: avistattoo.png; height: 535px; width: 900px; margin-right: auto; margin-left: auto; padding: 0px; margin-top: 30px; } #love { float: left; height: 144px; width: 75px; margin-top: 0px; margin-left: 0px; } #kontakt { float: left; height: 144px; width: 73px; margin-top: 0px; margin-left: 0px; } #indhold { float: left; height: 268px; width: 357px; margin-top: 25px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: #FFF; padding-left: 25px; padding-top: 25px; padding-right: 25px; overflow:auto; }

#banner { float: left; height: 293px; width: 168px; margin-top: 25px; margin-left: 25px; color: #FFF; } #galleriindhold { height: 188px; width: 575px; float: left; margin-top: 25px; margin-right: 0px; margin-bottom: 80px; margin-left: 0px; padding-left: 25px; padding-top: 25px; } h1 { font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; line-height: 10px; } p1 { font-family: "Lucida Sans Unicode", "Lucida Grande", sansserif; font-size: 12px; color: #FFF; line-height: 14px; margin: 0px; text-align: right; } #footer { height: 20px; width: 600px; margin-top: 25px; float: left; font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif; text-align: center; font-size: 14px; font-style: normal; font-weight: bold; } p{ font-family: “Lucida Sans Unicode”, “Lucida Grande”, sansserif; font-size: 12px; color: #FFF; line-height: 14px; margin: 0px; }


Storyboard

body { background-color:#CCC; margin: 0px; {outline:none;}

B

C1

A

C2

C3

C4

D E

G

I

H

#galleri { } #faq { } #menu { }

K

J F

Storyboard til side: Galleri Navigation/knapper

Tekstindhold

C1: knap1 off text.png Rollover: knap1 on text.png C2: knap2 off text.png Rollover: knap2 on text.png C3: knap3 off text.png Rollover: knap3 on text.png C4: knap4 off text.png Rollover: knap4 on text.png

Tekst til Galleri-siden fra Manus.doc Font: H1: Trebuchet MS 16/18 pt. P: Lucida Sans Unicode 12/14 pt Farve: #FFF (hvid)

Faste grafiske elementer

Grafik

A: Billede: Avistattoo.png

E: mave-redigeret-lille.png G: pigeryg-redigeret-lille.png

B: Billede: Logony_3.png D: #indhold - Padding 25 px i top, left, right og bottom

H: tattooarm-redigeret-lille.png I: Tribal-Tattoo-redigeret-lille.png J: fly-Tattoo-redigeret-lille.png

F: #Footer - Text align: center

K: fod-redigeret-lille.png

} #logo { float: left; height: 144px; width: 302px; margin-top: 0px; margin-left: 0px; } #luftoppe { height: 15px; width: 900px; } #venstre { height: 535px; width: 150px; float: left; }

Animationer

float: left; height: 124px; width: 75px; float: left; height: 144px; width: 75px; margin-top: 0px; margin-left: 0px; height: 144px; width: 298px; float: left;

#love { float: left; height: 144px; width: 75px; margin-top: 0px; margin-left: 0px; } #kontakt { float: left; height: 144px; width: 73px; margin-top: 0px; margin-left: 0px; } #indhold { float: left; height: 268px; width: 357px; margin-top: 25px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: #FFF; padding-left: 25px; padding-top: 25px; padding-right: 25px; overflow:auto; } #galleriindhold { height: 188px; width: 575px; float: left; margin-top: 25px; margin-right: 0px; margin-bottom: 80px; margin-left: 0px; padding-left: 25px; padding-top: 25px; }

#billede { #footer { float: left; height: 20px; height: 90px; width: 600px; width: 150px; margin-top: 25px; margin-top: 0px; float: left; margin-left: 0px; font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif; background-color: #FFF; text-align: center; } font-size: 14px; #billede2 { font-style: normal; float: left; font-weight: bold; height: 90px; } width: 150px; p{ margin-top: 0px; font-family: “Lucida Sans Unicode”, “Lucida Grande”, sans margin-left: 50px; serif; margin-right: 0px; font-size: 12px; background-color: #FFF; color: #FFF; } line-height: 14px; #billede3 { margin: 0px; float: left; } height: 90px; width: 150px; margin-top: 0px; margin-left: 50px; margin-right: 0px; background-color: #FFF; } #billede4 { float: left; height: 90px; width: 150px; margin-top: 15px; margin-left: 0px; background-color: #FFF; margin-bottom: 10px; } #billede5 { float: left; height: 90px; width: 150px; margin-top: 15px; margin-left: 50px; margin-right: 0px; background-color: #FFF; } #wrapper2 { background-image:galleribaggrund2.png; height: 535px; width: 900px; margin-right: auto; margin-left: auto; margin-top: 30px; } #billede6 { float: left; height: 90px; width: 150px; margin-top: 15px; margin-left: 50px; margin-right: 0px; background-color: #FFF; } h1 { font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; line-height: 10px; } h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; line-height: 10px; } p1 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #FFF; line-height: 14px; margin: 0px; text-align: right;}


body { background-color:#CCC; margin: 0px; {outline:none;}

Storyboard

C1

B

C2

C3

C4

A

E

D

#galleri { } #faq { } #menu { }

F

Storyboard til side: FAQ Navigation/knapper

Tekstindhold

Animationer

C1: knap1 off text.png Rollover: knap1 on text.png C2: knap2 off text.png Rollover: knap2 on text.png C3: knap3 off text.png Rollover: knap3 on text.png C4: knap4 off text.png Rollover: knap4 on text.png

Tekst til spørgsmål og svarsiden fra Manus.doc Font: H1: Trebuchet MS 16/18 pt. P: Lucida Sans Unicode 12/14 pt Farve: #FFF (hvid)

E: Banneranimation Banner.gif

Faste grafiske elementer

Grafik

Evt. andet

A: Billede: Avistattoo.png B: Billede: Logony_3.png D: #indhold F: #Footer

} #logo { float: left; height: 144px; width: 302px; margin-top: 0px; margin-left: 0px; } #luftoppe { height: 15px; width: 900px; } #venstre { height: 535px; width: 150px; float: left; } float: left; height: 124px; width: 75px; float: left; height: 144px; width: 75px; margin-top: 0px; margin-left: 0px; height: 144px; width: 298px; float: left;

#wrapper { background-image: avistattoo.png; height: 535px; width: 900px; margin-right: auto; margin-left: auto; padding: 0px; margin-top: 30px; } #love { float: left; height: 144px; width: 75px; margin-top: 0px; margin-left: 0px; } #kontakt { float: left; height: 144px; width: 73px; margin-top: 0px; margin-left: 0px; } #indhold { float: left; height: 268px; width: 357px; margin-top: 25px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: #FFF; padding-left: 25px; padding-top: 25px; padding-right: 25px; overflow:auto; }

#banner { float: left; height: 293px; width: 168px; margin-top: 25px; margin-left: 25px; color: #FFF; } #galleriindhold { height: 188px; width: 575px; float: left; margin-top: 25px; margin-right: 0px; margin-bottom: 80px; margin-left: 0px; padding-left: 25px; padding-top: 25px; } h1 { font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; line-height: 10px; } p1 { font-family: "Lucida Sans Unicode", "Lucida Grande", sansserif; font-size: 12px; color: #FFF; line-height: 14px; margin: 0px; text-align: right; } #footer { height: 20px; width: 600px; margin-top: 25px; float: left; font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif; text-align: center; font-size: 14px; font-style: normal; font-weight: bold; } p{ font-family: “Lucida Sans Unicode”, “Lucida Grande”, sansserif; font-size: 12px; color: #FFF; line-height: 14px; margin: 0px; }


body { background-color:#CCC; margin: 0px; {outline:none;}

Storyboard

C1

B

C2

C3

C4

A

E

D

#galleri { } #faq { } #menu { }

F

Storyboard til side: Love Navigation/knapper

Tekstindhold

Animationer

C1: knap1 off text.png Rollover: knap1 on text.png C2: knap2 off text.png Rollover: knap2 on text.png C3: knap3 off text.png Rollover: knap3 on text.png C4: knap4 off text.png Rollover: knap4 on text.png

Tekst til Love-siden fra Manus.doc Font: H1: Trebuchet MS 16/18 pt. P: Lucida Sans Unicode 12/14 pt Farve: #FFF (hvid)

E: Banneranimation Banner.gif

Faste grafiske elementer

Grafik

Evt. andet

A: Billede: Avistattoo.png B: Billede: Logony_3.png D: #indhold F: #Footer

} #logo { float: left; height: 144px; width: 302px; margin-top: 0px; margin-left: 0px; } #luftoppe { height: 15px; width: 900px; } #venstre { height: 535px; width: 150px; float: left; } float: left; height: 124px; width: 75px; float: left; height: 144px; width: 75px; margin-top: 0px; margin-left: 0px; height: 144px; width: 298px; float: left;

#wrapper { background-image: avistattoo.png; height: 535px; width: 900px; margin-right: auto; margin-left: auto; padding: 0px; margin-top: 30px; } #love { float: left; height: 144px; width: 75px; margin-top: 0px; margin-left: 0px; } #kontakt { float: left; height: 144px; width: 73px; margin-top: 0px; margin-left: 0px; } #indhold { float: left; height: 268px; width: 357px; margin-top: 25px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: #FFF; padding-left: 25px; padding-top: 25px; padding-right: 25px; overflow:auto; }

#banner { float: left; height: 293px; width: 168px; margin-top: 25px; margin-left: 25px; color: #FFF; } #galleriindhold { height: 188px; width: 575px; float: left; margin-top: 25px; margin-right: 0px; margin-bottom: 80px; margin-left: 0px; padding-left: 25px; padding-top: 25px; } h1 { font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; line-height: 10px; } p1 { font-family: "Lucida Sans Unicode", "Lucida Grande", sansserif; font-size: 12px; color: #FFF; line-height: 14px; margin: 0px; text-align: right; } #footer { height: 20px; width: 600px; margin-top: 25px; float: left; font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif; text-align: center; font-size: 14px; font-style: normal; font-weight: bold; } p{ font-family: “Lucida Sans Unicode”, “Lucida Grande”, sansserif; font-size: 12px; color: #FFF; line-height: 14px; margin: 0px; }


body { background-color:#CCC; margin: 0px; {outline:none;}

Storyboard

C1

B

C2

C3

C4

A

E

D

#galleri { } #faq { } #menu { }

F

Storyboard til side: Kontakt Navigation/knapper

Tekstindhold

Animationer

C1: knap1 off text.png Rollover: knap1 on text.png C2: knap2 off text.png Rollover: knap2 on text.png C3: knap3 off text.png Rollover: knap3 on text.png C4: knap4 off text.png Rollover: knap4 on text.png

Tekst til kontakt-siden fra Manus.doc Font: H1: Trebuchet MS 16/18 pt. P: Lucida Sans Unicode 12/14 pt Farve: #FFF (hvid)

E: Banneranimation Banner.gif

Faste grafiske elementer

Grafik

Evt. andet

A: Billede: Avistattoo.png B: Billede: Logony_3.png D: #indhold F: #Footer

} #logo { float: left; height: 144px; width: 302px; margin-top: 0px; margin-left: 0px; } #luftoppe { height: 15px; width: 900px; } #venstre { height: 535px; width: 150px; float: left; } float: left; height: 124px; width: 75px; float: left; height: 144px; width: 75px; margin-top: 0px; margin-left: 0px; height: 144px; width: 298px; float: left;

#wrapper { background-image: avistattoo.png; height: 535px; width: 900px; margin-right: auto; margin-left: auto; padding: 0px; margin-top: 30px; } #love { float: left; height: 144px; width: 75px; margin-top: 0px; margin-left: 0px; } #kontakt { float: left; height: 144px; width: 73px; margin-top: 0px; margin-left: 0px; } #indhold { float: left; height: 268px; width: 357px; margin-top: 25px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: #FFF; padding-left: 25px; padding-top: 25px; padding-right: 25px; overflow:auto; }

#banner { float: left; height: 293px; width: 168px; margin-top: 25px; margin-left: 25px; color: #FFF; } #galleriindhold { height: 188px; width: 575px; float: left; margin-top: 25px; margin-right: 0px; margin-bottom: 80px; margin-left: 0px; padding-left: 25px; padding-top: 25px; } h1 { font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; line-height: 10px; } p1 { font-family: "Lucida Sans Unicode", "Lucida Grande", sansserif; font-size: 12px; color: #FFF; line-height: 14px; margin: 0px; text-align: right; } #footer { height: 20px; width: 600px; margin-top: 25px; float: left; font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif; text-align: center; font-size: 14px; font-style: normal; font-weight: bold; } p{ font-family: “Lucida Sans Unicode”, “Lucida Grande”, sansserif; font-size: 12px; color: #FFF; line-height: 14px; margin: 0px; }


Billederedigering

Her er der redigeret i leves for at få tattoveringen til at være mere tydelig på armen, og for at fjerne det grå skær fra det orginale billede

Før

Efter


Her er der redigeret i levels og curves for igen at fĂĽ fokus pĂĽ tattoveringen. Med patch tool er der fjernet fregner og urenheder for at fĂĽ tattoveringen til at se mere attraktiv ud.

Før

Efter


Her er der redigeret i levels og curves for at få tattoveringen til at være mere tydelig på armen. Igen er der fjernet urenheder og modermærker for at få billedet mere perfekt.

Før

Efter


Screendumb af fĂŚrdig billede til baggrund i Wrapper til galleri.html, lavet i photoshop og gemt som png.

Screendumb af fĂŚrdig billede til baggrund i Wrapper til index.html, faq.html, love.html, kontakt.html lavet i photoshop og gemt som png.


Index.html . uploadet og 책bnet i firefox

Designmanual Resultat


Faq.html . uploadet og 책bnet i firefox

Galleri.html . uploadet og 책bnet i firefox


Kontkat.html . uploadet og 책bnet i firefox

Love.html . uploadet og 책bnet i firefox

Workflow Young Tattoo  

workflow for yt

Read more
Read more
Similar to
Popular now
Just for you