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