THE MONO V5
TEMPLATE
SYSTEM
Dette website er en guide til hvordan vores partneres Fulfillment Teams bedst bruger THE MONO V5 TEMPLATE SYSTEM. Systemet er udviklet for at optimerer produktionen af websites - og ikke mindst sikre design-kvaliteten i denne process.
Hvad er en V5 template?
En V5 template er et startpunkt for den proces det er at designe en hjemmeside for en kunde. Systemet gør, at man med udgangspunkt i en valgt template, kun skal foretage få justeringer og designtilretninger for at nå det optimale resultat for kunden.
For at forstå template systemet, har vi herunder beskrevet nogle af de elementer der definerer et webdesign. Det er disse elementer der skal tilrettes (customises) så de dækker kundens behov og ønsker - og ikke mindst forventninger.
THE BASICS IN
WEBSITE DESIGN
I et website design er der nogle få basic design elements der skaber den visuelle oplevelse. Disse design elementer er bla. TEXTS (font, color, size), BUTTONS (font, color, size, spacing) og FORM ELEMENTS (text fields, checkboxes, radio buttons etc). Disse elementer er væsentlige for det visuelle udtryk på et website. Vi kalder disse elementer for BASE STYLES.
Og så er der "ramme-designet". Rammedesignet er som navnet antyder, de designs der indrammer websites. Det kan enten være et fuld-bredde-design hvor billeder og baggrundselementer går ud til browserkanten (og browser-winduet dermed er rammen), eller det kan være et design, hvor websitet er rammet ind på midten i en kasse. Du vælger ramme-designet ud fra den BASE TEMPLATE du vælger. BASE STYLES indgår også i en BASE TEMPLATE.
Selve sideopbygningerne på et website udgør også en del af den samlede design og brugeroplevelse. Her er det væsentligt at indholdet er bygget op så brugeren får en god oplevelse - hvilket betyder, at han hurtigt kan finde sine informationer (kontaktinformationer etc) og at indholdet (text, immages, videos) giver et kort og præcist billede af virksomheden og virksomhedens produkter og/eller Services. Vi disse sider for PAGE TEMPLATES.
Indholdselementerne på et website (billeder, illustrationer, animationer og video) er naturligvis også en væsentlig del af det samlede visuelle udtryk for et website.Vi kalder disse for VISUAL CONTENT.
Illustrationerne herunder viser eksempler på de forskellige design-elementer.
ILLU med BASE STYLES + " FRAME DESIGN" = BASE TEMPLATE ----flættes sammen CONTENT og PAGETEMPLATES = CUSTOMIZED WEBSITES
THE MONO
TEMPLATE SYSTEM
I MONO V5 kan man designe et website uden brug af kode. Og det giver uanede muligheder - også for at "free-style". Så for at sikre designkvaliteten af de sites der bliver produceret med Mono V5 - og for at optimere produktionsprocessen - har vi udviklet et system: THE MONO TEMPLATE SYSTEM. Det er et system der sikre at alle designelementer er stylet korrekt i forhold til hinanden og at designet er optimeret korrekt til de tre viewports: DESKTOP, TABLET og MOBILE.
For at arbejde med template systemet på en effektiv måde har vi udviklet et sæt regler. Vi kalder dem THE DOGME RULES. Disse regler består af en kort række steps man skal følge for - med udgangspunkt i en BASE TEMPLATE - at style/customize et website for en kunde. Vi har reduceret justeringerne til så få som muligt i forhold til at få den største visuelle effekt med så få tiltag som muligt.
Processen for at designe et website ud fra en Base Template vil se således ud:
STEP 1: VÆLG BASE TEMPLATE
Vælg den BASE TEMPLATE i RAI der passer bedst til kundens behov. Behov og ønsker fremgår af briefet fra samtalen med kunden. Her har kunden valgt design ud fra nogle eksempler. Man vælger den BASE TEMPLATE der ligger tættest op ad kundens ønsker og kopiere den i RAI over på kundens site. Man har nu the starting point for fulfillment processen.
Read more
STEP 2: BASE STYLES AND
DOGME TULES
Kundens website skal nu styles ud fra samtale-briefet. Dette gøres ud fra et sæt DOGME RULES der er defineret for den valgte BASE TEMPLATE. Dogme Rules er udviklet for at sikre design kvaliteten samt sikre lav produktionstid. Dogme Rules indeholder alle de ting du skal ændre i den valgte Base Template for at tilpasse designet til kundens behov. Dogme Rules indeholder bla. step-by-step guide til tilpasning af header og footer for den valgte Base Template samt tilretning af typografi, knapper og farver. Vi kalder denne del for BASE STYLING. Dogme Rules sikre desuden, at det er nemt for en fulfillment medarbejder at tilrette i websites andre har lavet, da Dogme Rules for den Base Template websitet er lavet ud fra er præcist beskrevet.
Se et Dogme Rule eksempel her
STEP 3: TILRET SIDER
Efter base-styling skal siderne i websitet tilrettes så de opfylder kundens behov og ønsker. Dette gøres ligeledes efter samtale-briefet. Når siderne rettes til, anbefaler vi at bruge V5's module groups. De er optimeret til alle view ports og man spare derfor meget tid ved at bruge dem. Når alle side-templates er designet, kan man lægge indholdet (billder, tekster, video-embeds etc) ind på siderne. Sitet er nu klar til gennemsyn.
Video Tutorial (RHP : produce!)
