Workflow dokumentation

Page 1

Workflow Dokumentation


Kundens ønske Der ønskes et redesign af Café Frederiks hjemmeside, der er gammeldags, uoverskuelig og upopulær

Café Frederiks hjemmeside lever ikke op til den stilrige, hyggelige og serviceminded restaurant de driver i Skolegade. Når man surfer på nettet og finder www.cafefrederik. dk bliver man slemt skuffet og hvis man aldrig har vret på Café Frederik, kan hjemmesiden give et forkert syn på restauranten og i værste tilfælde koste kunder. Derfor skal hjemmesiden have et redesign. Et frisk pust i retning af de moderne onepages. Jeg har valgt at bruge Adobe Muse til at redesigne, da jeg på den måde har mulighed for at designe præcis efter kundens ønske.

Den nye hjemmeside er helt fra den den gamle – bortset fra logoet. Der er nu blevet brugt flotte billeder fra restauranten og en lækker overskuelighed er lagt som grundsten i designet. Det nye design kan ses på: www.cafefrederik.businesscatalyst.com

Fordele ved Muse • • • •

Tidsbesparende Større mulighed for design Moderne Giver grafikeren mulighed for at designe en hjemmeside til brug - og ikke til at videreføre til en webintegrator


Originalen Uoverskuelig, kedelig og forvirrende

Den originale hjemmeside indeholdte en simpel hjemmeside opdelt i tre kasser i en wrap. Der er plads til et logo, en menu og indhold. Hjemmesiden ser uprofessionel ud og giver langt fra en god kundeoplevelse. den er ikke opdateret og har en forvirrende menu. Derudover har den en bund pĂĽ nĂŚsten 1000px der ikke bliver brugt.


Indholdet Indholdet på hjemmesiden er alt sammen ens. Teksten er sat ind uden styles - bortset fra skriftstørrelserne (h1, h2, h3) og giver ikke brugeren et overskud eller lyst til at læse. Indholdet er ikke opdateret og nyheds-siden er fuldkommen tom. Siderne har intet overblik, og man sidder hurtigt og kiggede blindt på en masse tekst.


Hvad skal ændres? Der skal ryddes godt og grundigt op. Det hele skal deles op i forskellige kategorier, så alt hvad der har med spisning at gøre, kommer under én kategori og ikke bliver til flere forskellige menupunkter. Derefter skal der være anmeldelser af restauranten og det famøse dragshow skal fremhæves. Det er vigtigt at komme ikoner ind, da brugeren hurtigere aflæser visuelt, og sådan undgår man også lange teksttunge sider.


Navigationslinje

Redesign

Hjem

Ved hjælp af Muse har jeg lavet et lækkert, overskueligt, luftigt og moderne redesign af Café Frederiks hjemmeside. Det er nu muligt at scrolle sig igennem siden, med en fast menu i toppen, der er nem at navigere sig igennem.

Om os

Bilederne er alle fra Café Frederik og giver kunden en fornemmelse af, hvordan det ser ud i restauranten. Billederne er alle lagt med et mørkt lag 50% opacity, for at skabe en hyggelig stemning, og gøre det muligt at sætte en hvid tekst ovenpå.

Menu

Designet har skiftevis højde på 1000 px og 560 px. Baggrundene på de 1000 px er låste - hvilke de små ikke har, og således skabes der en parallax scrolling effect, der giver en god kundeoplevelse. Siderne har en systematisk rækkefølge alt afhængig af, hvad kunden først skal se på hjemmeside. Først kommer man til forsiden, hvor basis oplysningerne er. Dernæst er der en kort tekst om, hvem de er, samt nogle gode, udvalgte anmeldelser af restauranten. Herefter kommer menuen, hvor man nemt kan navigere sig frem til hvad man ønsker. Nyhederne står efter menuen, da man som bruger normalt ikke ser en restaurants hjemmesides nyheder som det første. Dernæst kommer dragshow, for at brugeren får ”det bedste til sidst”. Kontaktformen ligger i bunden med en kortplacering til venstre for. Designet har en rød tråd hele vejem igennem og fungere på alle browsere, tablets og smartphones. Det er ved hjælp af Muses automatisering. Dog er der mulighed for at lave special design til tablet + iphone, hvilket der i fremtiden også skal laves. Fonten er AZO sans som er webvenlig og hentet gennem Adobe Typekit.

Nyheder

Dragshow

Kontakt


Flowchart

Hjem

Om os

Menu

Nyheder

Menukort

Brunch

Buffet

Takeaway

Julefrokost

Nyt책r

Dragshow

Kontakt

Bestilling

Ekstern mail


2. Hovedforløb af Diana Guldhammer Olesen


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.