PROJEKT MUMS Brian Olsen 19-11-2015



Relaterede dokumenter
Grafisk Design. rafisk Design

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

GRAFISK DESIGN. webdesign af pl.dk

Grafisk Workflow. Website til European Blues Challenge

Grafisk design. Ide. Designprocess. Målgruppe

GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

IT projekt uge 4 9. Marie Vinter, Roskilde Tekniske Gymnasium, klasse 2.6 IT, bw, uge

Marc Creutzberg aarhusportalen AARHUSTECH 19/

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

PROGRAM VALG: InDesign CC Illustrator CC Photoshop CC Dreamweaver CC

GRAFISK DESIGN CAMILLA BEYER

Produkt. Index side GRAFISK DESIGN

PORTFOLIO TYPOGRAFI & OMBRYDNING

JAN MØLLER JD DESIGN CMK

Grafisk produktion & workflow

Roskilde Tekniske Gymnasium. Afsluttende opgave Ældre og handicappede Frederik & Peter

HESTBJERG WEB GRAFISK WORKFLOW

Grafisk workflow 3. Hovedforløb

GRAFISK DESIGN DOTHOST HJEMMESIDE

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

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

portfolio GRAFISK WORKFLOW

grafisk design Se webappen på din mobil

GRAFISK DESIGN 1. HOVEDFORLØB

Opgavebeskrivelse. Opgaveløsningen

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 workflow OPGAVE: EMBRACE-IT WEBSITE

Projekt - Valgfrit Tema

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.

Jakobb Plenge, Andreas Simonsen, Simon Andersen & Simone Snedker Ekstrem Sport Gruppe 131, MulA 2015

KT OR LOW PRODUKTION // WORKFLOW

Naja Schlüter Roskilde Tekniske Gymnasium 26/ Interessentanalyse

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg

WORKFLOW & PRODUKTION

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

GRAFISK DESIGN GRAFISK PRODUKTION & WORKFLOW

1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen.

afsender Aarhus Folk Festival

GRAFISK DESIGN. Kenneth Friis Petersen

Dokumentation. Karen-Louise Fejerskov

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. Hjemmeside til Dizzy Mizz Lizzy

Brainstorm Hjemmeside Grafisk interface med billeder af computer dele billederen skal så kunne klikkes og få information omkring delene,

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

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 DESIGN. Webdesign til fodboldportal

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE

Michella+Serritzlew+Jacobsen+

Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, Der refereres fra nu af blot

Grafisk produktion & workflow: Alt til forfesten

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

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.

FRISØR VEST. Link til hjemmesiden: Frisorvest.github.io. Lavet af: Aleksander, Benjamin, Line & Cathrine

Indholdsfortegnelse. Indholdsfortegnelse Grafisk Produktionsforståelse Grafisk Produktionsforståelse Grafik & Billede...

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

# Redesign af copenhagenskatepark.dk

Sabine Puk Sørensen Svendeprøve portfolio

GRAFISK DESIGN HOVEDFORLØB 03/ ELISABETH GÅRDBO NIELSEN

NY IDENTITET TIL SCHWARZ

20% TIL ARKITEKTFORBUNDETS MEDLEMMMER

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

MONIQUE BOOTS-NIELSEN / GRAFIKER

Dokumentation. Grafisk Produktion & Workflow. OPGAVEN: Denne opgave er fiktiv, og den samme som jeg har beskrevet i kernefagligheden grafisk design

Målgruppe Mayday Ghana

Oliver Marco van Komen Afsluttende opgave Kost ved slidgigt. Case 2. Personlig fysisk hjælp

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

MARIA SKAU MADSEN SVENDEPRØVE

Grafisk Design 70% Skitser

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

Grafisk workflow. bl.udbudsnet.dk

Projektbeskrivelse RSS Læser

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1

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

Plads til dit barn...

GRA DESIGN. HEARTS & MINDS

Grafisk design. Filmblad til tablet

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

Grafisk. workflow. Produktion. Website

Grafisk Workflow. Mediegrafiker - Svendeprøve. Mediegrafikeruddannelsen af Ramin Azizi

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

GRAFISK DESIGN LOOKBOOK TIL KLITMØLLER COLLECTIVE

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

GRAFISK PRODUKTIONSFORSTÅELSE

Grafisk produktion og workflow

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

Grafisk Design. fra idé til visuelt udtryk Benett

Van, Olaf, Stine & Nicolette Style and Experience

I dette dokument vil funktionerne i app'en blive forklaret, hvordan den er opbygget og hvilken rækkefølge de forskellige frames skal være i.

Produktionsforståelse. Julie Kühnell Hovedforløb 2, november 2017

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

WORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling.

Navn: Skole: Anslag: Emne: Klasse: Dato: URL:

GRAFISK DESIGN. Min personlige e-portfolio

1. Hovedforløb. Mediegrafiker

For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle Mikkalina Glas s produkter.

Transkript:

PROJEKT MUMS Brian Olsen 19-11-2015

1

Indhold Målgruppe... 3 Målgruppe.... 3 Tidsplan... 3 Uge 1... 3 Uge 2... 4 Brainstorm... 5 Produktdefination... 5 Afsender og effekt for hjemmesiden... 5 Skrift og farver... 5 Skrift... 5 Farver... 6 Moodboard... 6 Teknologier... 7 Hjemmeside... 7 Opdeling af side i sekmenter... 8 2

MÅLGRUPPE Målgruppe. Mænd i alderen 18-30, træner i træningscenter, gerne vil have en mere muskuløs krop, bedre kondition. Persona: Navn: Brian Olsen Alder: 28 Grafisk Lokation: Sjælland, Roskilde. Social Status: Fast forhold Uddannelse: Igangværende. Interesser: Træning, MTB, Cardio Træning, Forhindringsløb. Historie: Længe haft et ønske om at optimere sin træning og få mere ud af den, men på den nemme måde da dagligdagen ikke byder på at der er tid nok til at, kunne få trænet helt nok som han burde. TIDSPLAN Uge 1 Time Man Tirs Ons Tors Fre 8-9 Mood board Påbegynde Programere HTML til 9-10 Mood board 10-11 Ide skabelse Søge matreiale 11-12 Design Tilpasse billeder 12-13 Design Tilpasse billeder 13-14 Producere produktionsplan 14-15 Producere produktionsplan Grovskitsere Grovskitsere DOM DOM Tilpasse effekter til siden Tilpasse effekter til siden Programere HTML til Programere HTML til Programere HTML til Programere HTML til 3

Uge 2 Time Man Tirs Ons Tors Fre 8-9 HTML Kode Test af side 9-10 HTML Kode 10-11 HTML Kode 11-12 HTML Kode 12-13 HTML Kode 13-14 HTML Kode 14-15 HTML Kode HTML Kode HTML Kode Test af side Test af side Test af side Test af side 4

BRAINSTORM MUMS Drikke, energi, koffein, træning, væske, proteiner, farver, god smag, mad, kød. PRODUKTDEFINATION Index og 4, Info, Contact, Products, Events. AFSENDER OG EFFEKT FOR HJEMMESIDEN Muscle Factory Muscle Factory, er en ny producent på markedet for energi drikke, deres produkt der skal lancere dem som brand er noget helt nyt, inden for verden omkring muscle building, da de har sammensat den perfekte formel for at folk hurtigt kan øge deres musklevækst og derfor kan halvere deres tid de bruger i træningscenteret og stadig få det samme ud af det. De er et firma placeret i USA men som har valgt at satse stort i deres lancering af dette produkt. På dette grundlag vælger de at lancere i hele europa og USA på samme tid, derfor vil siden fremstå med sprog valg mellem dansk og engelsk. SKRIFT OG FARVER Skrift Vælger at arbejde i VERDANA til brødtekst på hjemmesiden. Imens vil overskrifter fremstå i en TNT X Plosion for at give et størrer blikfang. Skrift størrelsen på brødtekst ( <p> tags) vil blive angivet til at være 100% af browserens standard. skrift størrelsen på overskrifter (<h1>) vil blive angivet til at være 210% af browserens standard. Underoverskrifter (<h2>,<h3>) vil blive skrevet i 160% af browserens standard 5

Farver Farverne der er valgt til siden er taget ud fra logoet der vil fremgå på produktet, og derfor meget passende, plus farverne er blandet mellem friske og dystre, og meget anderledes, hvilket er det der ønskes at udtrykke overfor målgruppen. Moodboard 6

TEKNOLOGIER Programmer benyttet strækker sig til Adobe Dreamweaver, Adobe Photoshop, koder i html5, css3 og javasqript. HJEMMESIDE DESIGN Hjemmesiden er et som en one page da produktet er helt nyt, og målet med siden er at lave PR for dette. I toppen af siden vil der være en video som skifter mellem 3 forskellige billeder, den er beregnet som en form for teaser. Under kommer Nav baren til at være placeret hvor den vil ligge fast. Ud over dette kommer der så et felt med tekst som hurtigt fortæller om produktet og hvorfor folk skal vælge dette produkt. Derefter vil følge en slider som vil være navigationsbar, med tanke på at hver slide kan føre til de andre underfelter som Product, Info, Events og Contact. Billederne som fremgår på siden vil blive click Able forstået på den måde at de vil blive lavet som lightbox elementer, så når du trykker på dem vil de blive forstørret. I bunden af siden vil der fremgå en kontakt formular som vil blive java valideret. 7

Projekt MUMS 19. november 2015 OPDELING AF SIDE I SEKMENTER 8

Projekt MUMS 19. november 2015 9

10