Logo

Vi glemte helt at lægge vores logo ind på bloggen, men bedre sent end aldrig.
Logo uden tekst:

Logo med tekst:





Moodboard

Dette er vores moodboard. Vi har valgt disse farver, fordi vi associerer dem med sødesager. De blå og lyserøde nuancer passer fint sammen med den lysebrune, så der er en form for kontrast.  Typografien har vi valgt for at give hjemmesiden "de bløde former", og en typografi der er med til at visualisere hjemmesiden. Derudover har vi valgt billeder der indeholder samme farver som farvepaletten, for at skabe en sammenhæng - og give hjemmesiden et flot og visuelt design.

Kodning af 960 grid

Vi har haft meget svært ved at kode efter 960 grid,men det lykkedes efter lang tid. Vi havde lavet vores Photoshop filer efter 24 griddet, men det viste sig at hvis man kodede efter 24 griddet så fyldte det hele skærmen og ikke kun de 960 pixels som det rigtigt skulle. Derfor blev vi nødt til at kode efter 12 griddet og det resulterede i, at vores billeder var for store så derfor blev vi nødt til at gøre alle vores billeder mindre. Vi har også 2 bannere som skal gå udover selve 960 griddet, men det kunne ikke lade sig gøre så derfor bliver vi nødt til at vise et screenshot af vores design i morgen.
Vi har på hjemmesiden bare valgt at have en brun bar.
Nedenfor kan vores hjemmeside ses uden de tredimmensionelle bannere.

Wireframes til undersiderne

Her er wireframes til undersiderne:

Undersider

Her er de to undersider. Vi har selvfølgelig fokuseret på, at de skal være så overskuelige som muligt, ligesom forsiden, så vi har igen gjort brug af billeder frem for tekst. Den første underside kommer man ind på ved at klikke "temaprodukter" på forsiden. Billederne viser et eksempel på et produkt for hver kategori - så man kan klikke sig videre enten ved brug af knapperne i sidemenuen, eller ved at klikke på billederne.

Den anden underside kommer man ind på efter at have valgt en kategori, og derefter et produkt. Opstillingen er meget simpel og overskuelig, og for at lokke kunden til at købe flere ting, har vi tilføjet en "relaterede produkter"-linje, og en linje der viser hvad andre brugere har købt, udover det viste produkt.

 

Brugeroplevelsen

For at udvikle SpecialKøbmandens hjemmeside, så den bliver en succesfuld digital løsning, er det vigtigt at have kendskab og indsigt i brugernes behov.
Vi ønskede efter en mindre webanalyse at sætte brugeren i centrum/fokus, og give dem en oplevelse, der skal få dem til at agere.
Det vil vi bl.a. ved at skabe en bedre brugervenlighed i form af at skabe et enkelt design, hvor brugeren ikke mister overblikket, men kan nemt navigere rundt på hjemmesiden, hvilket kan være med til at resultere i øget vækst og produktivitet - men også for at det bliver et mere visuelt design, hvor man associerer sig med det virksomheden sælger.

Design

Her er designet til vores forside. Vi har valgt at lave et meget "typisk" design for en kageside, da vi synes at det var noget Specialkøbmanden manglede, eftersom at man ikke umiddelbart forbandt siden med kager og lignende. Mange forbinder pasteller med søde sager, derfor har vi brugt en kombination af lyserød og blå, og så lige den brune til at bryde lidt med det. Vi har valgt at have alle "labels" på forsiden, for at gøre det overskueligt for kunden. Desuden har vi fokuseret meget på brugen af billeder, frem for brugen af tekst, som Specialkøbmanden gør, da det blandt andet er en af de ting på deres side, som ikke fungerer særlig godt, og som skaber forvirring.