E-zine. Online magazine

Relaterede dokumenter
E-zine Online magazine

E-Magazine. Link til Landingpage: Links til vores portfolioer:

DESIGNANALYSE M/S Museet for Søfart 4 April 2016 Gruppe 14 ANALYSE AF WEBSITE

Gruppe 9 Visuel Interface Design, 27/09/2011

2. projekt, 2. semester E-zine Gruppenummer 23 - MulA

TREND. Link til landing page: Link til portfolioer.

NORDIC LIVING. E-MAGAZINE MUL A - 2. semester projekt 2 - Afleveret 11.

Link til landing page: linemehr.dk/projekter/e-zine/index.html

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

RESPONSIV WEBDESIGN. Gøg og Gokke. Kommunikation IT Afleveres d Sara Jacobsen & Natasja Christoffersen 3. års HTX

DSU Dansk Stavgang Union

Bilag 11 - Transskribering, Kvinde 28 år RESPONDENTEN OM DE SOCIALE MEDIER

E-zine projektrapport 2. semester 2. projekt - marts 2015

Fact Sheet. Exam project 3.nd semester - November Facebook

Fact sheet. Projekt titel E-Zine. Url:

Dokumentation. Grafisk Design

Designmanual. Kommunikation/It A. Martin B. Villadsen, Alexander Madsen 11/18/15 HTX 3.a

GRUPPE 5 Line - Nanna - Thea - Sarah

Nicolai Jørgensen: Søren Lind: Joakim Rydén:

Computerens Anatomi. En rapport om computerens anatomi. Kevin Feldmann, Thor Madsen & Mads Kragelund

Brugerkontekstuelle analyser

GRAFISK DESIGN. Kenneth Friis Petersen

Rapport. Kommunikation og IT

INDHOLDS- FORTEGNELSE

WORKFLOW & PRODUKTION

Analyse af website: cinnobershop.dk

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

Den Sociale Retshjælp

Redesign af Cinnober. Analyse af hjemmesiden Cinnober

MOOLA - sundhed for krop & sjæl. Velkommen til MOOLA. Information og inspiration til en sund krop, et balanceret sind og en smuk sjæl

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine

Madkulturen - Madindeks Danskernes madlavningskompetencer

Kommunikation/IT Røg kampagne

program * opsamling * skype foredrag * online markedsføring

Forside 1: Bagside og bogryg:

Vend billedet... med de 10 bud for B2B-webdesign. Quick Guide til bedre markedsføring

Kreativt brief. Line Hasse Kirkegård - HOLD B. Dato: 18. septemper 2015 Kunde: Line Hasse Kirkegård - Multimediedesign studerende Projekt: Portfolio

Storyboard. Velkommen til. På de følgende sider, vil du blive

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

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

Undersøgelse om produktsøgning

OneEyeAlien Kampagne

Grafisk Design 70% Skitser

E- Magazine 2. projekt 2. semester

Foranalyse. Cupcakes. MulB 2.Semester Gruppe. Grace Tsatsaris, Line Brinkmann, Rasmus Bundgaard & Rene Andersen

NAVN PÅ KAPITEL IDENTITET RAW 2015

Analyse-opgave. Af: Simon Packness, Kristian Sevel, Olga Batrakova & Line Ingdam. Indhold: Kommunikation. Persona. Styletile.

GRAFISK DESIGN. Responsiv website - Mockup

OPGAVEBESKRIVELSE: Opgaven er en kundeopgave for Janne Berg, studerende til psykoterapeut.

1. Indledning. 2. Laswell s fem spørgsmål. Hvem (afsender) Siger hvad (budskab)

GRAFISK DESIGN. Hjemmeside

CONTENT MARKETING. video facebook sociale medier artikler linkedin mål pinterest animation content strategi instagram hjemmeside WEMAKEGRAPHICS

AFSLUTTENDE OPGAVE. Lad Grønsted forblive Grøn

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

e-magazine projekt Wild esport Magasin

GRAFISK DESIGN. Webdesign til fodboldportal

Jobsnuseren et kursus for 7. klasser i Gladsaxe Kommune. GXU, Ungdomsskolen

Website design, projekt 4

Afsluttende - Projekt

Dokumentation til Computerspil

Design Generelt. Udformningen. Inden man fremstiller et design skal man finde ud af 4 ting: Målgruppen.

Portfolioudvikling. Line la Fontaine. Multimediedesigner

GRAFISK DESIGN CAMILLA VINTER

Designmanual PRINSES JULIANA JUNI 2015

Designmanual. Version 1.0. Wonderful Copenhagen

Danskbogen til social og sundhedselever

Kvinden Med Barnet 1

Design manual for. Lavet af Gruppe 3: Daniel Gade. Maj-britt Gierahn. Pia Skriver. Vejleder i projektet Space Networking anno 2013 er:

Senior Sundhed. Webdesign project / Mul A, 1. sem. / november 2014

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

TYPOGRAFI & OMBRYDNING

PANSER & BRANDBILSMUSEET DESIGNMANUAL

Grafisk Design. Trine Alexandersen 2. HF 2016

Fordyb dig i. Bibelens fortælling. Videoer med. Studiehæfte

Tag bedre billeder af dine. med disse 3 super nemme tricks

Typografi. MÅLGRUPPEN Målgruppen er unge som er interessenede i at se godt ud, og følge med i mode. Luxus magasinet udkommer hver måned.

Kampagne Kommunikation/it Eksamens opgave Roskilde Tekniske Gymnasium Mette Møller Jensen

Stjernemanden Arthur. Storyline af Kate Vilstrup Petersen for 3-6 årig

AFSLUTTENDE OPGAVE. udemiljø

Kunst som selvbehandling - Baukje Zijlstra

Öresundskomiteens kulturundersøgelse 2013

PORTEFØLJEOPGAVE 1 Brugsdesign. Digital Design 1. semester Bui (Kasper), Victor, Amanda og Christina. 30. September 2015 Uge 40. Anslag: 12.

TYPOGRAFI & OMBRYDNING

Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse

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

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

Jonas Michael Johansen. Kommunikation/IT. Facebook- side

Hvad er Musicon? Hvad vil jeg promovere?

Grafisk Design. rafisk Design

gra fik billed han dling

KOM/IT'('Designmanual' HTX'NAKSKOV'

Studiestartsapp og medievaner på Science

Succeskriterier og mål for projektet

Afsluttende semesterprojekt - 1. Semester

Madkulturen - Madindeks Idealer om det gode aftensmåltid

Hjem. Helsingør Gymnasium Eksamen dansk Emma Thers, 3.U Torsdag d. 22. maj

DESIGNMANUAL Roskilde Dyrskue

Transkript:

E-zine Online magazine Camilla Emilie B Christensen - http://www.camillabreinbjerg.dk Melissa Pietrykoski - http://melissapietrykoski.dk Julie Voravong - http://julievoravong.dk Mia Eriksen - http://miaeriksen.dk Landingpage - http://camillabreinbjerg.dk/landingpage/landingpage.html

1 KBNHVN Indholdsfortegnelse Indledning side 2 Brainstorm side 3 PBS side 3 Om E-magasinet i KBNHVN side 3 Målgruppeanalyse side 4-5 Persona side 5-6 Visuel identitet side 6-7 Laswells kommunikationsmodel side 7 AIDA side 7 App ikoner side 8 Landing page side 9 Konklusion side 10 Bilag side 11-14 Indledning KBNHVN er et E-magasin, der omfatter livet i København. I bladet kan man læse om events, lækre og nemme madopskrifter, løberuter og meget meget mere. Tanken er, at der hver måned udkommer et nyt og opdateret magasin, så man altid kan holde sig opdateret i hvad der sker i København, Man kan derfor også downloade vores app, så man altid kan have magasinet med på farten. Målgruppen er 18-28 årige, men alle kan få glæde af magasinet. Da det er et E-magasin, kan det interagerer. Der vil altså være hyperlinks så man via magasinet, kan komme ind på andre sider og læse mere om de forskellige events osv. Projektet indeholder et E-magasin samt en landing page, hvor magasinet kan downloades. Derudover har vi designet et ikon til IOS og Android. Denne rapport indeholder arbejdsprocessen gennem hele projektet. Hvilke tanker og overvejelser vi har gjort os, og hvordan det er kommet til udtryk i vores E-magasin. Afslutningsvis vil vi konkludere på projektets forløb og produktet. KBNHVN 2

Brainstorm Gant kort Se større model i bilag 1. PBS Om E-magasinet KBNHVN Målgruppe: 18-28 årige københavnere Sekundære målgruppe: Andre interesserede i København, dansktalende turister, københavnere med en anden aldersgruppe Produktnavn: KBNHVN Vision: Vejlede, guide og informere om begivenheder i København. På sigt skal KBNHVN blive et internationalt magasin, så turister også kan benytte sig af det. Er E-magasinet en succes, vil man i fremtiden kunne købe KBNHVN i butikkerne Mission: KBNHVN- Den unge københavners førstevalg. Konkurrenter: AOK, VICE, Magasinet KBH Vi er E-magasinet KBNHVN. Vi er en redaktion på fire; en redaktør, en skribent, en fotograf og en multimediedesigner. Vores vision er at skabe et E-magasin til målgruppen 18-28 årige københavnere. De skal kunne bruge E-magasinet til at informere, vejlede og guide om begivenheder i København. E-magasinet er designet som et fysisk magasin, men fordelen ved at det er et e-magasin er, at det kan interagere ved hjælp af hyperlinks og anden form for interaktion. For eksempel kan man nemmere navigere rundt på siderne, da der er hyperlinks i indholdsfortegnelsen. Man kan på den måde komme direkte til de sider man gerne vil læse, i stedet for at skulle bladre gennem alle siderne. 3 KBNHVN KBNHVN 4

Målgruppeanalyse Vi er alle fire tilflyttet til København og havde et fælles ønske om, at udforme et magasin, som skulle omhandle København. Indholdet i magasinet skulle have flere aspekter; det skal kunne give en generel viden om byen, give kulturel inspiration, informere om begivenheder og til sidst, men ikke mindst, hjælpe nytilflytterne til at bruge Københavns goder. Vores målgruppe er baseret for vores egne ønsker og forstilling om magasinet. Målgruppens aldersgruppe ligger mellem 18 og 28 år, da man som 18 årig får tanken om, at flytte hjemmefra. Vi har valgt at slutte vores aldersgruppe på 28 år, da vi har en formodning om, at ungdommen på en eller anden måde slutter her. Udover aldersgruppen er vores tanke med målgruppen samtidig, at det skal være enten unge som er fra København eller unge som er flyttet til København hovedessensen er kort fortalt, at målgruppen er mænd og kvinder, 18-28 årige, som er bosat i København og som endvidere ønsker at bruge København og blive inspireret til at bruge byen. Vores E-magasin skal signalere, at det både er mænd og kvinder der er målgruppen; bladet er altså unisex. Dette har vi arbejdet med gennem hele vores blad og spørgsmålet har hele tiden været i baghovedet vil både mænd og kvinder være interesseret i dette?. Vores indhold i magasinet er derfor beregnet til både mænd og kvinder og især i vores eventkalender er der begivenheder for begge køn, vores streetstyle sektion har billeder af både en mand og en kvinde og vores mad- og sportssektion er til både mænd og kvinder. Vi har forsøgt at skabe et image, som indikerer det hippe København. Dette kommer til udtryk i vores logo/titel KBNHVN. Det er de fleste unge mennesker der kan forstå hvad det står for, og de færreste ældre der kan genneskue det. Hvis ikke vores e-magasin havde været fiktivt, havde vi lavet en kvantitativ undersøgelse, for at finde ud af, hvem vores målgruppe er. Her ville vi få svar på den generelle aldersgruppe. Persona Person 1 Kønsrolle: Mand Navn: Christian Hansen Alder: 22 år Uddannelse: Cph Business School, HA psyk. Job: Telemarketing i Telenor Interesser: Cross fit, tage billeder Kort forklaring af personen: Christian er en ung mand på 22 år han bor på Østerbro med 2 roomies. Hans læser HA psyk på Cph Business School. I hans fritid arbejder han som telemarketing(telefonsælger) i telenor. Hans interesser er Cross fit med hans 2 roomies også elsker han at tage billeder. Christian flyttede til København for 2 år siden da han startede med at studere. Han boede oprindeligt i Randers. Christian bruger altid KBNHVN når hun er ude at fotografere til at få inspiration, og hvis han så bliver sulten kan han få lidt inspiration til et sted at spise. Person 2 Kønsrolle: Kvinde Navn: Karoline Andersen Alder: 24 år Uddannelse: DMJX, Danmarks medie og journalisthøjskole, kreativ kommunikation Job: AD assistent under uddannelse Interesser: Fitness, løbe ture, være kreativ Kort forklaring af personen: Karoline er en ung kreativ kvinde som bor på Amager alene med sin hund Albert, hvor hun har boet hele sit liv. Hun studere kreativ kommunikation på dmjx. I hendes fritid arbejder hun for et reklame bureau som AD assistent. Hun elsker at være aktiv med sine venner og familie, hun selvfølgelig med Albert. Men hun elsker også god mad og når hun skal finde en god anbefaling til noget at spise enten om det skal være restaurant eller hjemmelavet mad så kigger hun i KBNHVN. Det samme gør hun når hun skal få inspiration til en ny løbe rute. Visuel identitet Fonte Vi har arbejdet med forskellige former for fonte, både serif og sans-serif fonte. I vores brødtekst i magasinet, har vi gjort brug af Minion Pro, som er en serif-font. AaBbCcDdEeFf Det har vi valgt at gøre, da det er en let-læselig font på grund af fontens serif-fødder. Endvidere bliver fonten brugt i mange fysiske magasiner. Vi har brugt forskellige fonte på vores forside af magasinet, men også inde i selve magasinet her som overskrifter, underoverskrifter med mere. Dette har vi gjort for at skabe et kreativt udtryk og for at signalere, at det er uafhængige artikler. 5 KBNHVN KBNHVN 6

Herunder kan der ses hvilke fonte vi har brugt i vores E-magasin: Cooper Black, Braggadocio, Noteworthy, Oswald bold, Herculanum, Britannic Bold, Bernard MT Condense, Impact, Brush Script MT, Helvetica Neue Ultralight Italic Design Vores E-magasin har et enkelt design. Vi har ingen gennemgående farvekoder, men vores farvevalg passer til de enkelte artikler. Det har vi gjort for at give liv til de enkelte artikler og gøre dem mere spændende at læse og se på. Sektioner Under hver sektion har vi sektionens kategori oppe i hjørnet, da det giver et overblik over hvor man er og hvornår kategorien ændres. Nede i hjørnet af hver side har vi udover sidetal også vores titel på bladet. Dette har vi fået inspiration af fra fysiske magasiner og vi synes det giver en god effekt på vores E-magasin. Logo Logoet er lavet efter vores målgruppe og for at fange vores målgruppe. KBNHVN er en anderledes måde at skrive på, men alligevel ved de fleste af os godt hvad der skal stå. Ydermere er vores titel en blikfanger for de fleste, hvilket kan være til vores fordel, hvis folk bliver nysgerrige og får lyst til at købe E-magasinet. I vores logo har vi brugt fonten Oswald STENCIL BOLD. Wireframes Farver Farverne på vores E-magasin ændre sig fra måned til måned. Farvene afhænger nemlig af billederne som befinder sig i E-magasinet. I denne måneds E-magasin er farvekoderne således: Forside: #86abc6, #b15e51 Side 4: #7a8d86, #30558a Side 5: #e2b512 Side 6: #afc945 Side 8: #005000 Side 9-10: #7fc66b Side 17: #c14833 Side 18: #fbcf3a Laswells kommunikations model AIDA Attention (opmærksomhed) Vores titel på E-magasinet KBNHVN er anderledes og en blikfanger endvidere skal vores LandingPage give opmærksomhed Interest (interesse) På vores LandingPage har vi et billede af vores forside af E-magasinet og vores mission, dette skal give interesse til at hente vores E-magasin og læse vores indhold. Desire (ønske om at eje magasinet) Teksten på vores forside samt billedet spiller en stor rolle her, da det skal give interesse til at købe magasinet. Action (handling købe magasinet Vores endelige mål er selvfølgelig, at folk skal købe vores E-magasin. Dette vil vi forsøge at give folk lyst til, ved at have et SU-venligt E-magasin, som de unge vil bruge penge på at købe. Inden vi gik i gang med E-magasinet lavede vi wireframes til hvordan de enkelte sidder skulle se ud(det kan de se oven over her, eller i bilag 2). Da vi gik i gang med magasinet lavede vi dog nogle ændringer. 7 KBNHVN KBNHVN 8

App ikoner Da det er et E-magasin, har vi designet app-ikoner til ios og Android. Man kan altså downloade E-magasinet som app. Designet er meget stilrent og enkelt. Der er KBNHVN s logo i forgrunden, og baggrunden består af animerede billeder af ikoniske bygninger i København. Baggrunden er lidt gennemsigtig, så den ikke skaber for meget blikfang fra logoet. Konklusion Landing page Wireframe Vi har skabt et spændende og brugbart E-magasin, der er godt at have med på farten, når man befinder sig i Københavns gader og stræder. Det rummer en bred vifte af informationer til enhver smag, og det er nemt og hurtigt at navigere rundt på siderne via brødkrummestierne. Designmæssigt er vi godt tilfredse med resultatet. Artiklerne i E-magasinet er meget forskellige, men der er en rød tråd gennem magasinet, som ses på alle siderne. De forskellige design skaber et livligt og spændende look, og tanken med det er, at der på den måde er mere blikfang i forhold til, hvis vi havde fuldført samme stil gennem hele magasinet. Vi ville gerne have at vores målgruppe er 18-28 årige. Derfor er vores events og artikler også rettet derimod. Da vi selv er i den aldersgruppe, og er tilflyttere, har det ikke været den største udfordring at finde på indholdet til magasinet. Vi har simpelthen været i tænkeboks, og spurgt os selv, hvad er værd at vide, når man bor i København. Om andre aldersgrupper vil benytte sig af bladet, vil tiden vise, og var det et virkeligt E-magasin, havde vi lavet flere målgruppeanalyser, for at finde ud af hvilken målgruppe vi egentlig rammer med dette magasin. På den måde vil vi bedre kunne tilpasse hvilke artikler og information E-magasinet skal indeholde. Vores landingpage er meget Enkel. Der er ikke for meget tekst, dog er der en lille teaser til hvad E-magasinet indeholder. Til højre ses et billede af magasinets forside i en ipad. Uden at læse teksten, ved man at der er tale om et E-magasin. VI har placeret 3 knapper under teksten. På disse kan man købe magasinet, abonnere på Flipp.dk, hvor man for 99kr om måneden kan få fri adgang til en masse E-magasiner inkl. KBNHVN. Sidst men ikke mindst, kan man kontakte redaktionen, hvis man har spørgsmål eller idéer til artikler og events. Fonten er Helvetica, da den er let læselig på et website, og farverne matcher forsidebilledet. Farverne vil blive udskiftet for hver måned, så landing-pagen altid matcher forsiden på magasinet. 9 KBNHVN KBNHVN 10

Bilag 1 11 KBNHVN Bilag 2 KBNHVN 12

13 KBNHVN KBNHVN 14