Dette er en fortsættelse af det forrige indlæg om det endelig produkt i Foodbest-projektet. Det forrige indlæg handler om selve kampagnen. I dette indlæg kan du læse om websiden vi lavede…
^ Tryk for at se animation ^
Til kampagnen hører også en webside. Selve websiden skal kunne bruges både før og efter Foodbest Dagen. Før dagen vil eleverne kunne gå ind på siden og læse om de emner de kommer igennem, så de kan forberede sig til dagen.
Efter Foodbest Dagen vil eleverne ligeledes kunne læse mere om emnerne, samt hvilke uddannelser de kan tage, hvis de skulle være blevet interesseret. Samtidig kan de også gå ind og se hvor deres klasse ligger i konkurrencen.
Som beskrevet i et tidligere indlæg, så er Foodbest-projektet det projekt på 1. semester, som virkelig lægger vægt på analyse-arbejdet. Hvad bruger man så alle de analyser til?
I løbet af projektet skulle vi lave lidt forskellige analyser. I dette indlæg vælger jeg at kigge på brugen af de værdier, som vi har analyseret os frem til via Edgar Scheins kulturanalysen.
Altså, jeg fortæller kort om nogle af de værdier vi fandt til i KU LIFE og Metropol, bare så alle er med i hvad det handler om. Derefter viser jeg så et par eksempler fra vores webside, hvor vi har brugt nogle af værdierne og forklarer kort tanken bag.
Så blev den første udgave af det website, som vi skal lave i disse web-uger færdigt. Med første udgave mener jeg i dette tilfælde: Desktop udgaven af websitet, som er det der kan ses på normale computer skærme.
Hvad bliver anden udgave så? Tjo, det bliver såmænd bare en mobil udgave af websiden… så seje er vi nemlig her ude. Men lad mig komme til sagen og vise/forklare lidt om websiden.
Websiden fungere som et slags galleri, hvor kommende studerende og vores familie/venner, skal kunne se hvad der bliver lavet i løbet af de første uger på multimediedesigner uddannelsen på KEA.
Samtidig har vi lavet lidt sjov ud af det hele, ved at man under hver dag/opgave, får vist både mit og Julies (min team mate) billeder, som kæmper mod hinanden om at få flest Facebook Likes. Så hop ind og stem, tak!! 🙂
Designet
Selve designet er lavet så simpelt som muligt, da vi på denne måde forsøger at sætte vores billeder i fokus og lade dem tale for sig selv. Særlig meget andet er der ikke at sige om designet. Det er bare simpelt og pænt… bum!
Jeg vender tilbage igen om en uge, med et nyt indlæg, når vores mobil version af siden er færdig og alt er afleveret! 🙂
Hele bloggen er blevet genskabt på et nyt subdomæne, så jeg nu i forbindelse med at have skiftet uddannelse, kan starte en ny frisk blog op uden for mange indlæg. Har kun beholdt indlæggene om webdesignet og indlæggene fra changeloggen, alle andre kan dog stadig findes på den anden blog: http://itu.webinator.dk
Har skiftet baggrund fra dette billede (fra IT-Universitetet) til dette billede (fra KEA), da det gav meget god mening 😀
Har ændret lidt i teksten under logoet fra “Mit ITU portfolio” til “Uddannelses blog”, da det jo ikke længere er en blog om/fra ITU. Valgte dog i stedet for at skrive “Min KEA blog”, at skrive “Uddannelses blog”, da jeg synes det rammer lidt mere bredt og generelt bare virker smartere.
“Visitkortet” (øverste sorte boks i sidebaren) er blevet opdateret med nye uddannelses info.
Blog kategorierne er blevet ændret, så de passer på den nye uddannelse. Der er desuden blevet tilføjet et link til den forrige blog.
Tekst i miderste boks i buden af siden er blevet opdateret, af samme grund som alt det andet 😉
Planlagte ændringer Der er sikkert nogle små ting jeg har overset i transformationen af bloggen, så det skal selvfølgelig ændres til… når og hvis det opdages!
Dette er det tredje indlæg i en serie af indlæg om mit tema her på bloggen. Du kan læse de to forrige indlæg her: Del 1 – Del 2
Opsætning af indlæg
En blog består, som hoved, altid regel af mange blogindlæg. Dette betyder at besøgende nemt skal kunne skimme ens webside/blog igennem for relevant indhold. Dette gør de nemmest, hvis det er gjort nemt og tydeligt hvad indlæggene handler om og hvornår et indlæg slutter og et nyt starter. Jeg har derfor gjort mange overvejelser om hvordan jeg nemmest kan hjælpe brugeren med at se disse ting.
Tryk for at se opdeling af indlæggene. Grøn viser hvert enkelt indlæg og gul viser der hvor alle indlæggene vises.
Tydelig opdeling af indlæg Første skridt var at lave en tydelig opdeling af indlæggene. Dette har jeg valgt at opnå, ved først og fremmest at lave en god afstand mellem hvert eneste blogindlæg. Mellem hvert blogindlæg er der et mellemrum på 50px.
En anden ting jeg har valgt at gøre er, at der over hvert eneste blogindlæg er en sort boks, med datoen for indlægget. Dette er især med til at gøre brugeren opmærksom på, at nu starter et nyt indlæg. En mindre vigtigt ting er selvfølgelig også, at de her kan se, hvornår indlægget er fra og om bloggen er opdateret. Samtidig er der også indlæggetes overskrift, som står ud ved at være meget stører end alt andet tekst og ved at have en anden skrifttype end alt andet på siden, hvilket også er med til at understøtte skiftet til et nyt indlæg.
Sidste ting der viser at et indlæg slutter, er linksene i bunden, hvor man kan trykkere videre på “Læs hele indlægget” og “Skriv en kommentar”/”{antal} kommentarer”. Da disse links er fremhævet og går igen efter hvert indlæg, gør det også brugeren opmærksom på, at indlægget nu slutter.
Struktur og overskrifter
Eksempel på struktur
For at gøre det nemt at skimme hvert blogindlæg, har jeg gjort meget ud af at opdele de fleste indlæg med afsnit, underoverskrifter og under-underoverskrifter. Se billedet ude til højre for eksempel på opdelingen.
Alle overskrifterne har, selvfølgelig, en større skriftstørrelse end resten af teksten, så de står ud og er nemme at se når man skimmer teksten. Underoverskrifterne har desuden en sort streg neden under sig, så de samtidig opdeler teksten en smule samtidig med at de bliver nemmere at se.
Næste indlæg: Det næste indlæg kommer til at handle om sidebaren og mine overvejelser med den.
Hvor skal man mon starte, jeg har så meget jeg kan sige om designet og alligevel så virker det ret svært at komme rundt om alt.
Jeg tror jeg vil begynde med selve idéen bag designet, som egentlig bare kom pludseligt, som en lys idé. Jeg sad en aften/nat og brainstormede stille og roligt for mig selv i en rus af koffein. Jeg ville egentlig gerne lave et design, som passede både til mig og som samtidig havde noget IT-Universitet (herefter kaldet ITU) over sig. Så der sad jeg og tænkte i flere timer og pludselig *BUM*, så kom idéen. Selve designet skulle være meget simpelt og blog-agtigt: Øverst finder man en topmenu, neden under er selve siden og til venstre for sidens indhold, er der en sidebar med relevante oplysninger og links. Dette var jeg nok hele tiden klar over at jeg ville, men selve idéen til designet, som du nok mere vil læse om, vil jeg komme nærmere ind på i de næste indlæg i en serie af indlæg om “Mit tema”. Dette første indlæg i serien kommer til at handle om temaets baggrund. (more…)
En god hjemmeside handler ikke kun om et pænt webdesign og nogle seje effekter (desværre). Før en hjemmeside kan betragtes som god, kræves der blandt andet også mange andre ting. I en øvelse fra faget Formidling, projektarbejde og webdesign, blev vi derfor “tvunget” til at tænke over og skitsere (se nederst), hvilken struktur vores hjemmeside skulle have. Med andre ord, hvilke menupunkter der skulle være og hvordan du som bruger, skal kunne trykke dig rundt på siden. Skal det være en hjemmeside med topmenuer, med dertil hørende undermenuer, skulle det være en simpel side med en enkelt menu, eller måske noget helt tredje. (more…)
