Moni Sattler
Hovedforløb 3 - Dokumentation
Digitalt produkt Redesign af hjemmesiden monisattler.com Opgave beskrivelse Hvad går opgaven ud på? Monisattler.com er en webshop for virksomheden Moni Sattler, som sælger håndlavede smykker, dekorationer til hjemmet og personlige plakater. Moni Sattlers budskab/mission er at sprede godt humør og positiv energi med sine produkter. Opgaven gik ud på at lave et redesign af forsiden, så webshoppen har et klarere budskab og er nem til at navigere i og købe produkter på. Samt at den forbliver enkelt og ikke er fyldt med unødvendlige elementer, trods dens mængde af forskellige kategorier.
Swarovski stenene fotograferes bedst på en sort baggrund. Swarovski perler er lavet af fin skåret glas og de skaber mange lysreflektioner, de skifter farve og ser altid anderledes ud. De er næsten unsynlig på en hvid baggrud når man tager billeder af dem. Det skal man tage stor højde for. Kategori opdeling: Der et et ønske om at skabe mere fokus og interesse på betydning af halvædelstenene, som Monis armbånd er lavet af. Der skal fremhæves personlige plakater og prints.
presenteret nyeste produkter eller kollektioner og yndlingskategorier.
Målgruppe
Forberedelse/ Overvejelser:
Moni Sattlers målgruppe er kvinder primært i alder fra 35 til +99 år. derfor skal der tages højde for en nem og overskuelig design, nemme funktioner og købemuligheder på hjemmesiden, overskuelig navigation og produkter sortering.
Da jeg startede på denne opgave, har jeg ledt efter inspirationen på andre hjemmesider, som sælger smykker og plakater. Jeg har analyseret deres appearence også på de sociale medie, for at prøve på at finde ud af deres taktik. Udfordringen på monisattler.com er at der er kategorier som ikke nødvendligvis hænger sammen: smykker vs. plakater. Den bedste løsning ville være at lave to separate hjemmesider, en til smykker og en til plakater. Men Moni har ikke tid til at vedligholde begge hjemmesider, derfor skal der findes en løsning til et funktionel design. Jeg har tænkt over hvilken slags billeder vil præsentere de fire største kategorier, smykker, solfangere, personlige plakater og prints.
Næst kommer et banner med et mockup og eksempler af personlige plakater. Derefter kommer en række med produkter i kategorien.
Problemstilling: Her beskriver jeg overvejelser om forslag til dele af hjemmesiden, der skal ændres. Header: Der skal være mere fokus på logoet og bedre synlighed af menuen. Menupunkter skal også laves om så der er bredere udvalg af underkategorier eller kollektioner i fokus. Kategori knapper: Billedet af selve produkter skal være mere synlig. Inspirationen til kollektioner/ underkategorier er her: https://moonmagic.com/ Produkt billeder: Billederne er for mørke pga. sorte/ grå genstange i baggrunden. De mørke farver signaliserer ikke budskabet af Moni Sattler, som er at sprede godt humør og positiv energi. Farver er oprindelig valgt pga. dens betydning for elegance og fordi
Processbeskrivelse Forsiden blev delt op i to dele. I øjeblikket er der største fokus på smykker, derfor tilhører første del til smykker og nederste del tilhører til personlige plakater og prints. Forsiden starter med et banner, hvor der bliver
Derunder kommer knapper til kategorierne. De er lavet så produkterne er mege synligt og tydeligt. Øreringe, vedhæng og armbånd produkter rækker bliver der som de var før. Dog bliver produkt billeder udskiftet med nye billeder, som ikke har et sort baggrung længere.
Derefter kommer nye print-kategori knapper, med samme design som kategori knapper i starten af forsiden. Rækken med de forskellige print produkter slettes, da print designs er meget forskellige og forvirrer hele design af forsiden. Dernæst er der lavet nye banner med et billede af halvædelsten, som linker til bloggen og betydning af halvædelstenene. Instagram feedet er ikke længere 100% bred. Alt andet bliver som det er.
Kvalitetsvurdering I dette øjeblik er jeg tilfreds med forsiden, den er mere overskuelig og funktionalt. Der er dog stadig mange ting der skal arbejdes på.
Grafisk produktionsforståelse Redesign af hjemmesiden monisattler.com Opgave
Redesign Før Header og menu
Kategori knapper
Ønsker, økonomi, målgruppe
Problemstilling
Forberedelse/ Overvejelser
Personlige plakater banner Prints kategori knapper Halvædelsten betydning banner½
Efter
Grafisk produktionsforstĂĽelse Redesign af hjemmesiden monisattler.com
Mobil tilpassning
Test
Endelig godkendelse
Tilpassning og test
Grafik og billedebehandling Redesign af hjemmesiden monisattler.com Designlinje for produkt billeder
Process
Før
Åbn billedet
Nu er englen centreret
Ændre canvas size, så former er et kvadrat, ligesom alle produkt billeder på hjemmesiden. Ved ændring af canvas size, mister jeg ikke baggrunden, når englen skal centreres.
To gange CTRL+J = to layers kopie
Efter
Grafik og billedebehandling Redesign af hjemmesiden monisattler.com High pass = naturligt skarpere billedet
Gaussian blur = slør baggrunden
Navngiv layer. Ændre Blending mode til ‘Vivid Light’, sæt opacity til 90%. Tilføj mask.
Kopier layer mask, CTRL+I = vend om
Save for web. Standart format 800 x 800 px
RESULTAT
Vælg brush, farve hvid kun englen, som skal
Tilføj Vibrance= mere farve. Kopier layer mask
Trykt produkt Englekort og Englebrochure Opgave
beskrivelse Hvad går opgaven ud på? Moni Sattler er en lille nystartede virksomhed, med et mission om at sprede positiv energi og godt humør. Hun har stor fokus på engle-smykker og vil gerne give englene større værdi, end at de er ‘bare’ smykker. Hver engel har et navn, som er inspireret af ærkeengle og derfor har den også en betydning. Der skal laves en brochure og engle kort. Brochuren skal indeholde englenes betydning. Englekort skal fungere som et gavekort, hvor køberen kan skrive navnet af modtageren. Både brochuren og kort medfølger gratis med hvert køb af en engel. Brochuren og kortet skal skabe mere interesse i Monis produkter og sprede budskabet om virksomheden. Brochuren og kortet skal indeholde kontaktoplysninger, som sociale medie og hjemmesiden. Da de medfølger gratis, er der stor fokus på at holde en lav prosuktionspris.
har brugt til hjemmesiden og andre forskellige materiale til Moni Sattler. Jeg har derfor valgt et bestemmt blomst til hver engel. Blomsten stå på kortet og på siderne i brochuren ved tilhørende engel. Derefter har jeg xxx farven fra blomsten og tilføjet som en highlight linje til teksten om englen. Med dette valgt håber jeg at folk kan nemt orientere sig i mine trykte materiale. I fremtiden skal denne engle-designlinje bruges på de sociale medie og på hjemmesdien, så folk kan nemt huske hvilken engel det handler om, når de bare ser blomsten eller farven.
Farver & elementer: Hver engel har fået sin tilhørende blomst og en farve, xxx fra blomsten.
Processbeskrivelse Jeg startede med at lave et research omkring de forskellige engle og deres betydning. Derefter lavede jeg et dokument i Google Docs, så den er tilgangelig på alle mine enheder. Jeg kopierede xxinformationer om engle til dokumentet, hvorfra jeg til sidst har udarbejdet min egen beskrivelse. Da researchet varede i flere dage, var det smart at have dokumentet i Google docs, fordi den fungerer som en online word og kan bruges på alle mine enheder.
Forberedelse/ Overvejelser: Da jeg startede på denne opgave, har jeg overvejet hvordan jeg kan få det hele til at hænge sammen. I mit lille grafiske lager har jeg gemt flotte fritlagte blomster fra Adobe Stocks, som jeg allerede tidligere
C: 16 M:50 Y: 19 K: 0
Uriel
C: 4 M:9 Y: 59 K: 0
Auriel
C: 0 M:40 Y: 22 K: 0
Chamuel
C: 67 M:61 Y: 61 K: 49
Moni Sattlers primær farve
Format: Englekort: 85 x 85mm Englebrochure: foldet sammen 150 x 200 mm foldet ud 450 x 200 mm
Typografi
Quicksand Regular
Dette font type er brugt til brødteksten i 9pt. Ligesom den er på monisattler.com
Quicksand Bold
Dette font type er brugt til fremhævede brødtekst og til nøgleord om englen.
Clover
Dette font type er brugt til engle overskrifter og til unciale. Jeg har valgt håndskrevet fonttype, fordi den giver kreativ og personlig udtryk
Kvalitetsvurdering Jeg er tilfreds med layoutet og udtryk af kort og brochuren. Specielt med engle-designlinjen. Det var dog udfordrende at udarbejde brochuren, da jeg ikke nødvendligvis har de perfekte billeder af produkterne, som jeg kunne tænke mig. Der blev desværre heller ikke mere tid til at lave beskriveser til alle engle, derfor bruger jeg den samme tekst under hver engel. Men vigtigst er at der er et godt layout og stærk designlinje. Ydermere skal der tilføjes to sider. En med en generel beskrivelse om skytsengle og en, som viser et eksempelbillede af engle produktet sammen med englekortet. Brochuren skal kunne sendes sammen med andre solgte produkter, ikke kun engle. Så den skaber interese om Monis engle. Lige pt. skal der arbejdes på at skrive alle tekster og tage de perfekte billeder til brochuren. Så den kan produceres.
Grafisk design Englekort og Englebrochure Kreativitet og ideudvikling
Når man kigger på materielerne så er man ikke i tvivl om hvad der hører sammen og at de forskellige materiale har den samme designlinje.
Englen Auriel Fred · Håb · Visdom
A
uriel kan hjælpe dig med at finde indre fred. Han hjælper med at løse konflikter med dine venner og familie. Søg hjælp hos englen Chamuel, hvis du vil tilgive folk, der har såret dig. Eller hvis du vil finde og nære kærligheden. Auriel hjælper dig med at ser kærligheden i andre. Så du bliver tiltrækket og finder kærligheden i dem.
S
Skytsenglen
kytsengle er usynlige ledsagere, der altid følger og guider os gennem livet. At bære englesmykker, minder os om deres tidstedværelse.
Auriel
Symbolet af Auriel er den lyserøde stråle af guddommeligt lys. Hvis du støder på tilfælde, hvor du er vidne til rosenkvarts eller stråler af lyserødt lys, skal du tro på, at Ærkeengel Auriel er i nærheden.
Din skytsengel er der for dig. Den sender dig gode energier og giver dig håb for fremtiden.
Til:
1. Auriel øreringe, sterling sølv og Swarovski sten 299kr, forgyldt sølv 329kr; 2. Auriel stor vedhæng, sterling sølv og Swarovski sten 399kr; 3. Auriel lille vedhæng, sterling sølv og Swarovski sten 399kr,
www.monisattler.com
Fred · Håb · Visdom
@bymonisattler
AIDA
Attention - Interrest - Desire - Action Skytsenglen
Attention
Interrest
Englen Auriel Fred · Håb · Visdom
A
uriel kan hjælpe dig med at finde indre fred. Han hjælper med at løse konflikter med dine venner og familie. Søg hjælp hos englen Chamuel, hvis du vil tilgive folk, der har såret dig. Eller hvis du vil finde og nære kærligheden. Auriel hjælper dig med at ser kærligheden i andre. Så du bliver tiltrækket og finder kærligheden i dem.
Attention
Interrest
Desire
1. Auriel øreringe, sterling sølv og Swarovski sten 299kr, forgyldt sølv 329kr; 2. Auriel stor vedhæng, sterling sølv og Swarovski sten 399kr; 3. Auriel lille vedhæng, sterling sølv og Swarovski sten 399kr,
Attention
Auriel
M
in lille, nystartede virksomhed Moni Sattler fokuserer på originale smykker og personlige dekorationer. Alting er designet og håndlavet på mit lille hjemmekontor i Ikast. For mig er det en måde at dele de ting i livet, der gør mig glad, og jeg håber på, at det kan gøre andre glade ligeså. Kærlig hilsen,
Moni
Action
Attention Til:
Interrest Fred · Håb · Visdom
Symbolet af Auriel er den lyserøde stråle af guddommeligt lys. Hvis du støder på tilfælde, hvor du er vidne til rosenkvarts eller stråler af lyserødt lys, skal du tro på, at Ærkeengel Auriel er i nærheden.
www.monisattler.com @bymonisattler
Interrest
S
kytsengle er usynlige ledsagere, der altid følger og guider os gennem livet. At bære englesmykker, minder os om deres tidstedværelse.
Desire
Din skytsengel er der for dig. Den sender dig gode energier og giver dig håb for fremtiden.
www.monisattler.com
Action
@bymonisattler
TIFF Skytsenglen
Auriel
S
Til:
kytsengle er usynlige ledsagere, der altid følger og guider os gennem livet. At bære englesmykker, minder os om deres tidstedværelse. Fred · Håb · Visdom
Din skytsengel er der Englen Auriel for dig. Den sender dig gode
Typografi
Illustration
Quicksand Regular - brødtekst
Blomsten fremgår ved hver tilhørende
Quicksand Bold - fremhævede
engel. Englen Auriel har en hvid blomst,
brødtekst
englen Uriel har en pink blomst og eng-
Clover
len Chamuel har en rose.
- overskrift, uncial
Fred · Håb · Visdom
energier og giver dig håb for fremtiden. uriel kan hjælpe dig med at
A
finde indre fred. Han hjælper med at løse konflikter www.monisattler.com med dine venner og familie. @bymonisattler Søg hjælp hos englen Chamuel, hvis du vil tilgive folk, der har såret dig. Eller hvis du vil finde og nære kærligheden. Auriel hjælper dig med at ser kærligheden i andre. Så du bliver tiltrækket og finder kærligheden i dem. Symbolet af Auriel er den lyserøde stråle af guddommeligt lys. Hvis du støder på tilfælde, hvor du er vidne til rosenkvarts eller stråler af lyserødt lys, skal du tro på, at Ærkeengel Auriel er i nærheden.
Skytsenglen
Uriel
Til:
Skytsenglen
Auriel
Hjælp med at træffe beslutninger Viser vejen · Giv slip på det negative Til:
Skytsenglen
Chamuel Fred · Håb · Visdom
Til:
Farve
Form C: 16 M:50 Y:19 K:0
Uriel
C: 4 M:9 Y:59 K:0
Auriel
C: 0 M40 Y:22 K:0
Chamuel
Englekort
Englebrochure 4-fold
85 x 85 mm
foldet sammen 150 x 200 mm foldet ud 450 x 200 mm
Typografi Englekort og Englebrochure UNCIAL
FREMHÆVET OVERSKRIFT
LAYERS
TEKST WRAP
SIDE OPSÆTNING
PARAGRAPH STYLES ENGLEKORT
MASTER PAGES BROCHURE