Magnus Gustav Holm. Emil Ullerup Henriksen 11/05/15. Klasse 1.1 HTX Roskilde. Elbiler. Afsluttende opgave i kommunikation og IT



Relaterede dokumenter
GRA DESIGN. HEARTS & MINDS

TANDLÆGE KAMPAGNE. Marc Sztuk, Simon Drabsch og Marcus Rasmussen

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

Infographic Klasse arbejdsmiljø

AFSLUTTENDE OPGAVE. udemiljø

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

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

ViKoSys. Virksomheds Kontakt System

Indholdsfortegnelse. Side 1

Medvind en vejrapp for cyklister

Klasse 1.4 Michael Jokil

Gennemgang af ios app

Cykelhandler projekt KOM / IT

Undervisningsmateriale - Rapport

E-zine Online magazine

Avisforside. Vi har skrevet en avis om studier ved Aarhus Universitet

AFSLUTTENDE OPGAVE. Lad Grønsted forblive Grøn

Allerede ved modtagelse af mailen med aktiveringslinket, har du adgang.

Manual til Vandværksløsninger

[AFSLUTTENDE OPGAVE I KOM/IT]

Projekt Kom/it A Semester 6

SeqiNuki. Logo design 1. Logo overvejelser

Dokumentation. Udbyder : sms1919.dk Service : sms-grupper Applikationer Facebook. : Facebook Integration med sms-grupper.

HÅNDBOLD REGION ØST Vejledning i tilmelding af HRØ stævner

Allerede ved modtagelse af mailen med aktiveringslinket, har du adgang.

RAPPORT. App 4. projekt 3. semester. Mail:

Afsluttende opgave. Navn: Lykke Laura Hansen. Klasse: 1.2. Skole: Roskilde Tekniske Gymnasium. Fag: Kommunikation/IT

Komunikation/It C Helena, Katrine og Rikke

Kevin Matin Teis Nielsen

Grafisk design. Ide. Designprocess. Målgruppe

Grafisk workflow. bl.udbudsnet.dk

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å

Analyse af Amos, Marcus og Mikkel

SÅDAN KOMMER DU I GANG MED MOBILEPAY BUSINESS

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

Redaktørvejledning for Skriv en artikel

Case: Målgruppe: Målgruppe analyse

Reklame af Air Fresher.

Indhold. 1. Adgang og afslutning

1. SEMESTER SYNOPSIS. Erhvervsakademi Aarhus. Kristian Peter Lund Drewsen E-konceptudvikling EKU-12d (1ek12d1) 1. Semesters Mundtlig Eksamen

sådan gør du... [meld dig ledig]

Beskrivelse af udstiller-app (Messe lead): ConferenceCommunicator

Eye tracking analyser din kommunikation, og sælg mere

Manual til Rsiden.dk for rygestoprådgivere

Støtte-konkurrence: Udvikl en skarp visuel identitet til Sølund Musik Festival

Grafisk design. Kommunikation/it Roskilde Tekniske Gymnasium 12/ Klasse 1.2 Tamana og Sesilje

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Hvem siger: Vi laver webstedet, men det er kommunen der bestemmer hvad der præcis skal stå, så man kan sige at vi er arbejderne.

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen.

Afsluttende opgave. Planlægning: Hovedområde: Ude miljø

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

Få din egen hjemmeside

Vejledning i brug af BadmintonPeople.dk

Vejledning i upload af serier til Danske tegneseriskaberes app.

GRAFISK DESIGN Logo - inderst inde

AFSLUTTENDE PROJEKT KOM/IT

Quick Guide Ditmer edagsorden Oktober 2013

Afsluttende opgave - Kommunikation/IT C Klasse 1.1

sådan gør du... [meld dig ledig]

Afsluttende opgave Webdesign Den 24. maj 2007 Klasse 1.2

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

Indhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion...

Interviewer: Ej, vi skal lige gå en god tur i det dejlige vejr. Hvor bor du henne? I forhold til.

HåndOffice Foreningsopgaver

Projekt - Valgfrit Tema

Guide. Administration af FDF.dk/Nyborg. 1. Udgave Ide og layout Christoffer S. Rasmussen

Conventus Instruktør brugervejledning

FAGKOMPETENCER.DK Kom godt i gang som vejleder i systemet

KALAS FESTIVAL. Link til hjemmesiden: Laura Lundby Gravesen

TING DIN WEBSIDE BØR INDEHOLDE BRAND OCTOPUS CREATIVE STRATEGIES

GRAFISK DESIGN LOOKBOOK TIL KLITMØLLER COLLECTIVE

2. Gennemgå de offentligt tilgængelige sider. Hvad kan man finde hvor!

Computerspil. Rikke og Cecilie Computerspil Kom/IT 16/3-2015

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS

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

grafisk design Se webappen på din mobil

sådan gør du... [meld dig ledig]

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

My booking. Generelt. Forsiden. Version 9.0

Manual til WordPress CMS

DSAs guide til LinkedIn: KOM GODT I GANG MED LINKEDIN

CBAS. Vi lytter til jeres ønsker. Nyheder fra CBAS og DaBUFbio - april Cinema Booking & Administration System. dabufbio

BDmobil. Brugermanual. - Altid lige ved hånden. BDmobil er dit bd.dk i lommeformat du har derfor altid dit bd.dk med på farten.

Charlotte Plenge. Kom/IT Projekt HTX Roskilde. Joachim K. Bodholdt

Kom godt i gang. med uddannelsesbogen en guide for elever. Version 1.1 Januar 2018 DF

SÅDAN KOMMER DU I GANG MED MOBILEPAY BUSINESS DANSKE BANK 1

Meld dig ledig på Jobnet Dagpenge

OneEyeAlien Kampagne

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

første følgende måde: på Hjælp ikonet 2. Klik 3. Klik

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

Få din egen hjemmeside

Design Ergonomi. Brainstorm på billede. 6. december 2011 ROSKILDE TEKNISKE ROSKILE HTX KLASSE 3.5

KONCEPTBESKRIVELSE KarriereIndex - PBA E-konceptudvikler - UCN - Gruppe: Heidi, Janus, Ulrik, Eyla. Konceptbeskrivelse til

App til indmelding af glemt check ud

Vejledning til Byg og Miljø Ansøgningsforløb BR18

Transkript:

Elbiler Afsluttende opgave i kommunikation og IT

Afsluttende opgave i kommunikation og IT Planlægning Kravfangst Produkter Registrering App Flowchart Kommunikationsplan Design Billeder Logo Banner Total Baggrund Udkast til tekstbaggrund Implementerings Fasen Forside v.1 Afprøvningsfasen Tænke højt test Gemmenførring: Afrapportering: Planlægning og krav fangst 2 Farveplanlægning Businessplaner

Design 2 Remake af banner Tekst Baggrunden 2 Medlemskort Abonnementer App Abonnementerne Hjemmesiden 2 Ny baggrund Den endelige version af siden

Planlægning De første 3 uger bruger vi på at idegenerere udarbejde designs, og lave nogen tanker omkring hvordan vores projekt skal udformes, efter de første 3 uger skal vi have en prototype. Derefter udvikler vi videre på prototypen og laver nogen modeller omkring hvordan servicen skal fungere Kravfangst Produkter En hjemmeside hvor man kan registrere for Del en elbil servicen, hvor man betaler en månedligt pris for at køre i forskellige elbiler der er parkeret rundt om i byen. inde på hjemmesiden registrere man og betaler en sum for at have adgang til servicen, derefter får man sendt en form for rejsekort som man bruger til at få adgang til bilerne så man kan køre rundt i dem. Efter man har brugt en bil, skal man parkere den på en af deres pladser og sætte den til ladning. Registrering Vi vil automatisere processen at registrere, og vise hvordan man så kunne låne elbilen for en betaling om måneden. App Et app blokout. Flowchart

Vi vil også have lavet et flowchart af en eller anden form over de processer der skal foregår når man bruger en bil i vores servic Kommunikationsplan Vores kommunikations plan

Den persona vi sigter efter, er en ung på 18 der ikke har bil, og gerne vil spare at købe en hel bil når han ikke kører så ofte, og så er det tante Erna som er 30 år og stadig er ugift, og ikke mener det er pengene værd at holde egen bil. Design Billeder Logo

Vores elbil tjeneste skal have et logo af en art. Noget som kan Fange interessenters opmærksomhed, og give vedkommende en fornemmelse af at vores tjeneste er det rigtige valg. Det er altså et visuelt virkemiddel. F.eks. prøver vi at tegne en bil som ser lidt tjekket ud. Vores egentlige biler behøver ikke at ligne den, men symbolet skal have en effekt på vores hjemmeside. Symbolet kommer til at være tegnet på vores hjemmeside og kommer til at være på siderne af evt elbiler. Dette er symbolet. Det skulle gerne fremgå som et lyst billede med masser af sol i baggrunden. Bilen skal give genskær for at vise at den er ren og blank. Et klassisk virkemiddel er også at vende bilen skråt mod interessenten på logoet, så interessenten for det første får et billede af hele bilen, for det andet for at interessenten bedre kan se bilen for sig, og for det tredje så billedet i sig selv virker mere realistisk. Det er jo ikke så tit at man ser en bil, direkte for fra eller fra siden. Bilen holder på en græsplæne for at få noget grøn farve ind i billedet. Vores fokus er jo først og fremmest klimaet, og det repræsenterer den grønne farve meget godt. Banner Vores hjemmeside skal have et banner øverst, for at vise hvilken hjemmeside man er på, og for at give en genkendelse for vores brand og vores hjemmeside.

Vi udtænkte en model med vores motto og vores ikon. Ud over det skulle der være et billede af vores tankstation. Vi kom med dette udkast som start. Vi kom dog op med en bedre løsning, hvor campangens navn også er med. Det her er vores nye billed hvor vi har skrevet vores navn på firmaet i hjørønet og vores motto ved siden af, vi har også et billed af en elbil opladestation som man selvfølig skal bruge til bilerne, bemærk her vores brug af exotiske og levende farver, for at give en positiv indvirkning, især brugen af grøn, som selvfølig hentyder til grøn energi, med en boks model hvor at vi putter information i bokse, så det er overskuelig og delvist symmetrisk, på samme tid med at det er ret pænt Total Baggrund

Her er vores totalbaggrund. Den skal dække hele siden. Her er der lagt fokus på at placere det brugbare og en stor del af det grafiske ud i siderne. Årsagen til dette er at teksten på siden kommer til at være i midten af siden, og måske endda på en tekst baggrund. Derfor ville det være dumt at lægge det grafiske i midten af siden. Motivet er to P-pladser med elbiler, der er frit tilgængelige for alle abonnenter. Ud over det er der også nogle solceller. Dette er ligesom de levende farver og el-tanken, et forsøg på at skabe fokus på grøn energi, som kampagnen også handler om. Temaet med græs og solskin er af samme årsag som på de andre billeder.

Udkast til tekstbaggrund Dette er en simpel tekst baggrund vi udviklede som komplimenterede side baggrunden. Den viste sig dog at være meget dårlig og vi skrottede den hurtigt. Implementerings Fasen

Forside v.1 Det her er vores version 1 af vores hjemmeside, vi har brugt brackets til at implementere hjemmesiden, og brugt paint til at lave alle tegningerne. Vi har valgt at have en forside med vores vision der beskriver meningen med siden. I bjælken er der genveje til en medlemslogin siden, plus en engelsk side hvis der skulle komme nogen der kun snakker engelsk forbi og kigge på vores hjemmeside, da det kan være at de er turister og gerne vil bestille et midlertidigt adgangskort. Det kan også være business interessanter der vil lave et partnerskab. Afprøvningsfasen Tænke højt test Vi har valgt at lave at lave en tænke højt test, da vi syntes at vi får de mest relevante svar ud af den type test. Vi har inddelt testningen af vores hjemmeside i følgende opgaver.

De skal finde login siden og prøve at logge ind. De skal identificere formålet i hjemmesiden og navnet på firmaet, uden tidligere viden, så vi ved om vores information bliver vist på en fyldestgørende måde. Gemmenførring: Testpersonen ledte efter et sted at tilmelde sig, og det var ikke til stede. Men fandt nemt medlemslogin et. Testpersonen kommenterede, at han troede det var et sted hvor man delte elbiler, med et eller andet stor firma. Han kommenterede at det er muligt at man lejede dem ud, men han var ikke sikker. Hans første indtryk var at det var en tjeneste der satte dig i kontakt med andre folk med elbiler, men da han læste at der var en masse elbiler der var klar til at kører tænkte han at det nok var en biludlejnings service. Testpersonen havde svært ved at skabe kendskab til hjemmesiden Afrapportering: Vi tænkte at vi nok skulle skrive på forsiden, hvordan vores elbil tjeneste virker, og hvordan tilmelding fungere. Vi burde nok også lave et udkast til en tilmelding hjemmeside, da det er ret essentielt for vores service. Testpersonen bemærkede også at vi nok burde skrive engelsk side på engelsk i stedet for dansk, så englændere rent faktisk kan læse det Planlægning og krav fangst 2 De ting vi gerne vil arbejde videre med i anden iteration, er farver, persona og videre arbejde med vores webside.

Farveplanlægning Til farveplanlægning, vil vi bruge siden color.adobe.com som kan hjælpe os til at finde farver der bedre komplimentere hinanden. Farverne skal stadig være lidt eksotiske og meget levende, som de hele tiden har været, men dog mere komplimenterende. Businessplaner Vi vil gerne tilføje forklaringer, for forskellige business planer til hjemmesiden, som man kan bruge til at betale for elbil servicen, så skal vi også have lavet en tilmeldingsside, og et udkast til en mobil app. Vi mangler en eller flere klarer personarer til at markedsføre vores hjemmeside til og til at rette budskaberne efter. Vi mangler at forklarer vores abonnentkorts funktion og betydning. Blandt andet at man bruger kortet til at logge ind i elbilen, som så tjekker om du har flere penge på dit kort, eller om du har et abonnement. Vores services burde også have en app så man kan tanke op over sin telefon, og tjekke sin saldo på sit kort. Derfor vil jeg lave en udkast til en app i paint så man kan se layoutet Hjemmeside Vi tænker også på at have en ekstra side hvor vi forklarer hvordan vores service virker så kunden kan få en forståelse af vores service Design 2 Remake af banner

Til den nye banner brugte vi hjemmesiden color.adobe.com. Denne hjemmeside kan hjælpe med at finde komplementærfarver. Komplementærfarverne til græsset og luften som er på banneret, er en form for violet og en grålig lilla i følge siden. Disse farver er blevet testet på banneret, men ingen af kombinationerne gav et specielt kønt resultat. Vi besluttede os for i stedet at bruge associerende farver, som var lidt i samme stil, men alligevel et twist. Vi har altså fjernet den blå farve og sat en gul-grøn farve ind i stedet. Dette er vores resultat, og det bliver sandsynligvis dette banner vi endeligt bruger. Tekst Baggrunden 2 Med hensyn til den knap så gode tekstbaggrund der blev udviklet, så har vi udviklet en ny version, som måske passer lidt bedre til totalbaggrunden.

Her er den. Farverne brugt her er de samme som ved vores banner og vores totalbaggrund spektremæssigt. Her er farverne bare blevet lidt lysere. Dette er af to årsager. For det første så kan man bedre se teksten på en lysere baggrund, og derfor er det meget nemmere at læse. For det andet så ser det rigtig dårligt ud, med et græs niveau og et himmel niveau på totalbaggrunden, hvis man lægger de samme farver oven på, men i andre niveau (altså højder på siden). Så mister læseren ligesom fornemmelsen af græsplænen og himmel, hvilket jo ruinere pointen med en totalbaggrund. Hvis man derimod bare ændre farverne en smule sådan at der er en klar afgrænsing fra totalbaggrunden til tekstbaggrunden, så for læseren mere et indtryk af at græsset og himlen bare er skjult bag noget. Altså at de stadig er til stede. Denne metode hjælper læseren til at leve sig mere ind i hjemmesiden, og føle at hjemmesiden er værd at bruge tid på. Her er et eksempel

Dette er totalbaggrund med tekstbaggrunden, men hvor det grønne tema i tekstbaggrunden er samme farve som græsset. Det er som om at totalbaggrunden bare går i stykker.

Her er udgaven hvor det grønne tema i tekstbaggrunden har den samme grønne kulør, men gjort lysere. Dette giv lidt indtrykket af at teksten er i forgrunden og at totalbaggrunden er en udsigt, som er skjult bag teksten. Mere uniformt kort sagt. Medlemskort Til vores tjeneste høre også et medlemskort, der nogenlunde svarer til et rejsekort. Men i stedet for at bippe medlemskortet ved en scanner, så bruges medlemskortet til at låse bilen op, som en slags nøgle. Kortet har et personligt påtryk i form af CPR-nr, navn og tilgængelighedsperiode, og kan derfor kun bruges af den givne person. Årsagen til dette er at hvis man bliver stoppet af politiet eller hvis man er med i et trafikuheld, så skal man være i besiddelse af et ejerbevis. Dette er netop kortets anden funktion. Da tilgængelighedsperioden er angivet, skal kortet fornys efter hver periode. Dette er en fordel ved ændring af abonnement, afmeldelse og nye funktioner eller mærker på kortet. Hvis Abonnementet skal ændres så kommer der til at stå den forkerte tilgængelighed hvis kortet ikke er fornyet. Hvis abonnementet afmeldes så kan kortet stadig bruges som nøgle og derfor kan politiet ikke se at man ikke længere betaler for at kunne bruge bilen hvis man tager den.

Som man kan se har vi valgt farver der minder om de farver vi har brugt mange andre steder, så folk associere rede farver med vores service. Layout mæssigt er vi blevet inspireret stærkt af ungdomskortet Abonnementer Inde på vores hjemmeside er der også mulighed for at tegne et abonnement. De forskellige abonnementer er beskrevet på en separat side, og vi vil tage vores inspiration fra diverse salgs hjemmesider som telia.

App

Det her er et mockup til hvordan vores mobil app layoutmæssigt kunne se ud. Vi har ikke tænkt os rent faktisk at lave appen, som vi så ofte gør valgte vi her at bruge en boks model hvor hver element er separate og derfor er let og overskueligt, hvilket især er vigtigt på mobiler pga begrænset screen space, farverne bliver sandsynligvis ændret, men forholdet imellem farverne skulle nok være noget i den her stil i den endelig version, hvor at man får forskellige farver i de forskellige elementer. Målet med appen er at gøre det let og overskueligt at finde de tætteste biler, at tanke op, at se hvor mange penge man har på sit kort hvis man kørerer en pay as you go plan og også en måde at profilere sig selv på app store ios og android Implementering 2 Abonnementerne Her er vores udkast til abonnementerne

Hjemmesiden 2 Det her er vores hjemmeside implementeret Vi har tilføjet forskellige Abonnementer til at betale for del en elbil og fjernet engelsk side funktionen da det lød dumt, og vi alligevel ikke føler der er brug for en engelsk version af siden på dette tidspunkt. Ny baggrund Vi har valgt at lave en ny totalbaggrund til vores hjemmeside. Årsagen til dette er at den gamle baggrund virkede en anelse fremtrædende i forhold til tekstbaggrunden og teksten. De kraftige orange og gule farver som prægede bilerne og P et på P-pladsen undertrykte lidt den lyse grøn-gule farve brugt som tekstbaggrund til abonnementerne. Her er den.

Vi har også lavet en ny side der hedder hvordan virker det? Meningen med siden er at forklarer hvordan vores model virker. Siden dette billed er taget har vi også skiftet baggrund, hvor vi har gjort asfalten lysere og gjort bilerne mindre lyse, så man bedre kan læse tekst på baggrunden og så baggrunden ikke stråler så meget at den overstråler brødteksten. Den endelige version af siden

Vi har genovervejet farve designet i banneret hvor at vi har lavet farvere der er mere associative og tilføjet et flowdiagram til Hvordan virker det? siden, så folk kan få en visualisering af vores system. Dette er vores endlige version. Tekst Baggrunden har vi i sidste øjeblik droppet, da den over en længere tidsperiode blev for special og unødvendig at kikke på.