Ud fra ovenstående vil den typiske Maileg kunde kunne placeres i det grønne segment i følge Minerva modellen. GRAFISK DESIGN. Moderne.

Transkript

1 Opgave Vi er på vej til at lave en ny hjemmeside hvor vi fremadrettet skal til at sælge vores produkter direkte til kunderne. Vi vil gerne lave en hjemmeside som både virker legende men også overskuelig, så kunderne nemt kan navigere rundt på siden.

2 2 Moderne Blå segment Grøn segment Høj uddannelse Høj prestige Høj indkomst Frisind Individualitet Sensitivitet Høj uddannelse Høj prestige Middel indkomst Politisk miljøorienteret Empati Globalisering Teknologi Tolerance Kulturel liberalisme Politisk indflydelse Dominans Robust Forbrug Værdighed Medieskepsis Anti-elite Afbalanceret karriere Aktiv miljøbevidsthed Pragmatisk Liberalisme Resultat Ny familie Ligestilling Idealistisk Materialisme Hensynsløs Regulering Hensyn Ydre sanselighed Selvtillid Investering Naturglæde Æstetik Religion Arbejdsnarkomani Spænding Fritid God vilje Status Nationalisme Nøjsomhed Rødder Kalkulerende Lov og orden Terrorisme Frit erhvervsliv Frygt for vold Violet segment Egoisme Teknologi angst Rosa segment Lav uddannelse Høj prestige Middel indkomst Familien Lav uddannelse Lav prestige Lav indkomst Traditionel ~ Minerva model Kunde segmentering Målgruppe Den typiske kunde er en kvinde i alderen år. Hun er miljøbevidst og har en afbalanceret karriere, samt en højere uddannelse. Hun har en nystartet familie og indretter hjemmet og børneværelset med ting der udstråler overskud og miljøbevidsthed. Ud fra ovenstående vil den typiske Maileg kunde kunne placeres i det grønne segment i følge Minerva modellen. ~ Facebook statistik Følgere på facebook

3 3 Done by deer Forside Done by deer Produktside Inspiration Hjemmesiden skal opbygges i moduler i Espresso af CO3, således at det er nemt at ændre i designet på siden. Jeg tog udgangspunkt i da denne side bruger samme modul opbygning, som vores hjemmeside også kommer til at bruge.

4

5 5 Farvet boks Farvet boks Open Sans Regular Open Sans Italic Open Sans Semibold ~ Forside Billede Farvet boks Top banner Open Sans Semibold Italic Open Sans Bold Brødtekst LunchBox Regular Baggrund Lys grå Mørk grå Rubrik ~ Produktside Billedslider Farver Vil gerne holde teksten på siden nedtonet, således at det er produkterne som kommer til at fange kundernes opmærksomhed. Derudover skal de 3 farvede bokse på forsiden være med til at fange kundernes øjne og få dem til at læse teksten og derefter klikke ind på dem. På hver underside vil der være et banner i toppen som vil have hver deres farve for at tydeliggør hvilken kategori brugeren har klikket sig ind på. Typografi Jeg bruger Open Sans til brødteksten da den fungerer godt på hjemmesider og læsevenlig. Samtidig er fonten standart på næsten alle browsers. Til rubrikkerne bruges LunchBox som er med til at give et mere tegnet/legende udtryk. Da LunchBox også bliver brugt til mange af vores produkter, kommer det til at give et godt helheds udtryk. Fonten er integreret på siden, så besøgende ikke behøver at have fonten på deres pc. Illustrationer På forsiden skal der være et stort billede som er det første brugerene kommer til at se. Billedet bliver løbende skiftet ud, så siden hele tiden ser opdateret ud. Desuden vil det være muligt at indsætte et link på billedet som fører videre ind på et produkt eller en produktgruppe, eller få en video afspillet direkte på siden. Under hvert produkt vil det være muligt at se flere billeder ved at trykke på slideren nedenunder.

6 6 Ikoner Før vektorisering Ikoner Får at give hjemmesiden et legende look, har Dorthe Mailil tegnet de forskellige ikoner som vil blive brugt på siden. Ikonerne er lavet om til vektorer med Image Trace, og uploadet til Basecamp så CO3 kunne konvertere dem om til en font som kunne bruges på siden. Youtube og Facebook ikonerne er lavet ud fra Dorthe Mailils streg og fonten LunchBox. Ikoner Efter vektorisering Image Trace Vektorisering af stregtegning

7 7 Mulighed for at skifte logo Sociale netværk Color: # Hover color: # Søgefelt Billede/Video med link Slider med produkter. <H1> kasser, udskiftelig farve Color: # Hover color: # Nyhedsbrev tilmelding Background color: #fffffb Hjemmeside Forside

8 8 Sociale netværk Top banner Mulighed for udskiftelig farve. Breadcrumbs Color: # Hover color: # Antal dropdown Color: #cccccc Ingen hover effekt Color: # Hover color: #cccccc Hjemmeside Underside Sticky-wrapper kurv element Først synlig når noget bliver lagt i kurven.

9 9 Populære produkter Løbende udskiftning Tryk fuldskærms billede Unselected color: #f1f1ef Thumbnails Udskifter billedet ovenfor. Hjemmeside Produktside

10 10 Hjemmeside Form Da hjemmesiden er modulopbygget med Espresso, vil den kunne fungere på alle brugerflader såsom mobil, tablet og computer. Kvalitetsvurdering Jeg er meget tilfreds med designet som vi nået frem til, da jeg synes at hjemmesiden er overskuelig og har den helt rette Maileg stemning som vi gerne vil frem til. Siden er stadig under udvikling og regnes med at være færdig til lancering efter sommerferien. Vi arbejder hen imod det design som jeg har tegnet i Photoshop, og tager løbende stilling til hvad der kan lade sig gøre.