Projektet gik ud på at udvikle en prototype til et website med et event for nye studerende i København. Prototypen skulle både se spændende ud og have et indholdsomfang og en struktur der giver brugerne lyst til at udforske siden. Eventets fokus og indhold fik vi lov til selv at bestemme. Billederne på siden skulle bygges op omkring disse temaer: Kærlighed, Natur, Stærke farver, Refleksion og Bevægelse, hvilket derfor også har haft indflydelse på eventets fokus og indhold.
Min gruppe og jeg valgte at lave en begivenhed, der fokuserer på en workshop om SU-venlig madlavning. Workshoppen er designet med en ungdommelig og moderne tilgang, da vores målgruppe er studerende. Formålet med eventet er at give unge mulighed for at mødes i et socialt og hyggeligt fællesskab, hvor de samtidig lærer at lave lækker og nærende mad til en lav pris. Vi har lagt vægt på at gøre workshoppen relevant og interessant for studerende, som ofte har et stramt budget, men stadig ønsker at lave varieret og sund mad.
Næsten alle billederne på vores prototype har vi selv taget og redigeret efter behov. Vi har også valgt at lægge et filter over nogle af vores billeder for at gøre teksten og ikonerne i forgrunden mere synlige. Alle billederne repræsenterer enten en eller flere af vores fagord. Kærlighed - Vi har brugt et billede, hvor vi alle i gruppen sidder på en trappe med hjerter i baggrunden. Natur - Vi har nogle billeder med planter og natur i baggrunden. Stærke farver - På de fleste af vores billeder er der kraftige farver, og især farven blå er med i mange af vores billeder. Bevægelse - På nogle af vores billeder er personerne i bevægelse.
Vi har brugt skrifttypen Roboto Serif i forskellige størrelser og tykkelser. Vi benytter mest tykkelsen Bold til vores hovedoverskrifter og derefter Semibold til underoverskrifter. Til tekster, som ikke indeholder vigtig information og derfor ikke skal skille sig ud, bruger vi skrifttykkelsen Regular og Light. Vi har valgt Roboto Serif, fordi den er elegant og nem at læse. Typografien på hjemmesiden skal være frisk og moderne, men også praktisk. Vi forsøger at gøre læseren mere interesseret i begivenheden og eventuelt få dem til at læse videre.
Vi har valgt at bruge fire forskellige farver gennem hele hjemmesiden. Vi har en primær farve, som er på størstedelen af hjemmesiden. Det er en abstrakt orange, som er med til at fange modtagerens blik. Vores sekundære farve er en lysere version af den primære farve. Den lysere orange farve giver en undertone til vores primære farve og skaber sammenhæng på hjemmesiden. Den lyse orange passer også godt til vores tema, da den giver en fornemmelse af madlavning og økologi.
Vores mørke farve er en slags mørkebrun, som primært bliver brugt til tekster, da den er nem at læse. Derefter er der en lys sart beige, som er en blanding af brun og orange. Den benytter vi som en kontrastfarve og mest til vores knapper, der har evnen til at skifte farve, når de passeres. Vi har valgt at bruge orange til at skabe balance, fordi den er en komplementærfarve til farven blå, som er på mange af vores billeder.
Vi har valgt at gøre brug af både plugin-ikoner og vores egne ikoner. Vi har selv lavet søgeikonet, brugerikonet og burgermenuen ved at sammensætte former og skabe et simpelt og overskueligt design. Vi har valgt disse ikoner for at gøre det nemt for brugeren at danne sig et overblik over, hvor ikonerne/knapperne fører hen, da det er universelle ikoner. Derudover har vi brugt plugins til at tilføje mere komplekse ikoner. Her har vi også valgt et rent og simpelt udtryk. Vi benytter os af "power of three", som vi har valgt til de tre vigtigste steder på hjemmesiden med de vigtigste informationer om eventet som fx, hvor det finder sted, hvad der er på programmet, og hvad man kan vinde, for at lokke flere til eventet.
Vi har valgt at skabe White Space på vores hjemmeside ved at lave mellemrum mellem tekststykker for at gøre det mere overskueligt for læseren. Vi har også valgt at bruge White Space på nogle af vores forsider, såsom start siden og program siden, for at bringe al opmærksomhed til titlerne. Det samme gør vi på vores tilmeldingsside for at gøre den mere overskuelig.
Vi har valgt at have én hovedside og syv undersider. Der er lavet en side til hver af de nødvendige informationer på hjemmesiden. Vi har valgt at lave netop disse sider, da de er med til at beskrive det event, vi har lavet. Ved at dele informationen ud på forskellige undersider gør vi det nemmere for brugeren at finde de informationer, de søger. Der kommer derfor ikke for meget tekst på én side, hvilket kan virke uoverskueligt.
Vi har gennem hele vores hjemmeside valgt at gøre brug af designprincippet CRAP, som står for Contrast, Repetition, Alignment og Proximity.
Contrast – Kontrast: Vi benytter kontrast i både vores skrift og på siderne. Farven orange bruger vi til at fremhæve dominerende elementer. Et eksempel på det kan være vores overskrift, som ses på den første side. Her har vi brugt den abstrakte orange for at fange læserens opmærksomhed og vise tekstens vigtighed.
Repetition – Gentagelse: Igennem hele hjemmesiden gentager vi både skrifttype, størrelse, farver og ikoner.
Alignment – Justering: Alle elementer på vores hjemmeside er justeret i forhold til hinanden. Dette gælder både billeder, tekst, ikoner og figurer.
Proximity – Nærhed: Vi har placeret alle billeder, tekst, ikoner og figurer tæt på hinanden, så det er lettere for læseren at følge med.
