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

Transkript

1 Elbiler Afsluttende opgave i kommunikation og IT

2 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

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

4 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

5 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

6 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

7 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.

8 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

9 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.

10 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

11 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.

12 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.

13 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

14 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.

15 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

16 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.

17 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.

18 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.

19 App

20 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

21 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.

22 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

23

24 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å.