Highend Recycling 3. semester exam TINGFINDEREN

Størrelse: px
Starte visningen fra side:

Download "Highend Recycling 3. semester exam TINGFINDEREN"

Transkript

1 Highend Recycling 3. semester exam TINGFINDEREN

2 Projekt: 3. semester eksamen 2015 Highend Recycling Projekt URL: Skole: Brugernavn: tingfinderen Adgangskode: michella CPH Business Academy Lyngby Pernille Sjøgreen Josephine Lorentzen Uddannelse: Klasse: Fag: Undervisere: Multimediedesign & Kommunikation MulB14 Interaction Development Communication & Presentation Design & Visualization Tue Becher Jesper Hinchely Marc Kluge Ivan Rosenvinge Frederiksen Shiya Yang Michella Serritzlew Jacobsen Gruppenr: 10 Valgfag: Pernille Sjøgreen - Campaign Josephine Lorentzen - Campaign Shiya Yang - Mobile Apps Michella Serritzlew Jacobsen - CMS Camilla Norqvist Hansen - Campaign cph-mj418@cphbusiness.dk Camilla Norqvist Hansen cph-ch259@cphbusiness.dk

3 INDHOLDSFORTEGNELSE 1. Indledning og Projektformulering Indledning Projektformulering Problemet Metode Afgrænsning og Konsekvenser Litteratur 4 2. Metode og Teori Projektplanlægning Analyser Interaktion Test Teori 5 3. Målgruppe- og Interessent analyse Målgruppe analyse Køberne Sælgerne Interessent analyse Kommunerne Private sælgere 6 4. Marked- og Konkurrent analyse Konkurrent analyse Markedsanalyse 8 5. Risikoanalyse 9 6. SWOT og TOWS SWOT analyse TOWS analyse Delkonklusion Designbreif Hovedidéen og målet for projektet Målgruppe Farver Wordpress Tema Typografi Valg af medier Sprog, Tone og Stil Billeder Database Menu navigation Responsive Mockup til Tyskenhavn Dokumentation Visuel Identitet Wordpress opsætning Hjemmeside Interaktionsdesign Navigationsdesign Præsentationsdesign Navigation Header Footer Gestaltlove Farvevalg Typografi Kommunikation Sociale medier for Tingfinderen Brugte Plugins Nyhedsbrev Delkonklusion Attributtabel ER-Diagram Database Attributtabel ER-Diagram Tredje normalform Tilmelding af nyhedsbrev Database - CRUD Delkonklusion Usecases Usecases Usecases Usability Konklusion og Refleksion Litteraturliste Bilag Bilag til punkt WBS Bilag til punkt PBS Bilag til punkt Gantt Kort Bilag til punkt 17 - Opdateret Gantt Kort Bilag til punkt Logo proces Bilag til punkt Koder til Header 46 03

4 1. INDLEDNING & PROJEKTFORMULERING 1.1. INDLEDNING Vi vil i denne rapport udarbejde et redesign af Tingfinderen. Dette vil vi blandt andet gøre ved at give dem en ny visuel identitet samt en tilsvarende hjemmeside. For at nå bedst frem til deres nye visuelle identitet, vil vi ved research af virksomheden og deres koncept samt brainstorming af forskellige logoer afprøve mulighederne. Deres nye hjemmeside vil blive udarbejdet i WordPress. Derudover vil vi finde ud af, hvordan Tingfinderen kan adskille sig fra sine mange konkurrenter. Dette vil vi primært kigge på gennem vores analyser PROJEKTFORMULERING Tingfinderen er en ny op startet virksomhed som sælger og køber brugte genstande. Der er mange konkurrenter på markedet, som har samme koncept og som benytter samme/lignende virksomhedsnavne. Det er derfor vigtigt, at de kan differentiere sig fra sine konkurrenter på en anden måde. Vores opgave er at finde ud af hvordan? Problemet: Hvordan kan Tingfinderen skille sig ud fra de andre konkurrenter? På nuværende tidspunkt skiller Tingfinderen sig ikke ud på konceptet eller navn, så hvad kan vi gøre for at skille Tingfinderen ud fra dens konkurrenter? Vi vil give Tingfinderen en ny visuel identitet Herefter vil vi lave en ny hjemmeside samt en database Metode: Vi vil benytte os af Prototyping. Vi vil undervejs teste designet, hjemmesiden og databasen. Vi er nødsaget til at teste undervejs, da vi ikke har et konkret slutmål. Vores resultat vil blive en funktionel prototype. Derudover vil vi anvende relevante analysemodeller, til at løse opgaven. Samt vil vi udarbejde en attribut tabel og et ER-diagram for databasen Afgrænsning og konsekvenser: Til udarbejdelse af hjemmesiden vil vi benytte WordPress, da alle i gruppen er bekendt med programmet. Det ville være sværere at bruge Joomla! eller lign, da det kun er Michella, der har kendskab til dette. Derudover kan vi risikere at få nogle begrænsninger ift. analysedelen, da virksomheden er så ny. Det kan derfor være sværere at finde relevante data og informationer til at bekræfte og understøtte analyserne Litteratur: Vi vil benytte artikler og hjemmesider fra konkurrenterne til analysedelen. Derudover vil vi benytte materiale fra undervisningen. 04

5 2. METODE & TEORI 2.1. PROJEKTPLANLÆGNING Vores arbejdsmetode er prototyping, da vi arbejder ud fra en WBS, PBS samt Ganttkort. Derudover tester vi alt hvad vi laver, og kan hele tiden gå tilbage og forbedre. Arbejdet med Ganttkort gør, at vi har nogle deadlines, men også altid kan lave om i tidsplanen. Som en del af vores metode tester vi også vores hjemmeside samt database ANALYSER For at levere bedste resultat for Tingfinderen benytter vi nogle analyser; vi analyserer deres konkurrenter, markedet, deres målgruppe. Disse analyser er brugbare for Tingfinderens strategi på de sociale medier INTERAKTION Til interaktionen på hjemmesiden benytter vi Wordpress, som alle i gruppen er bekendte med. Dog er det kun et gruppemedlem, som har haft CMS systemer i valgfag. Derudover viser vi hvorledes et ER diagram og database kunne se ud. Dette gøres, da der i Wordpress allerede er implementeret en funktionel database TEST Da vi benytter prototyping, gør vi brug af en del test, herunder bl.a. usecases, CRUD, usability test m.m. Dette gøres for hele tiden at forbedre vores produkt TEORI Da vi googlede Tingfinderen fandt vi ikke kun Tingfinderen, men en masse butikker, som minder utrolig meget om dem både på koncept og på deres visuelle identitet. Derfor går vi ud fra, at Tingfinderen har en del konkurrence og er nødt til, at adskille sig fra sine konkurrenter. 05

6 3. MÅLGRUPPEANALYSE & INTERESSENTANALYSE 3.1. MÅLGRUPPEANALYSE Tingfinderen har to målgrupper. Køberne, som er den primære målgruppe, og sælgerne som er den sekundære målgruppe Køberne: Køberne kan være alt fra folk, der går op i genbrug, til folk der går op i håndværk og design. Da det er et lidt anderledes design, kunne det også være købere, der laver et engangskøb. Dog kan vi se ift. Tingfinderens Facebook side, at det primært er kvinder, der følger deres opslag samt stiller spørgsmål dertil. Vi ved også, at det ofte er kvinderne, der har bukserne på ved indkøb til hjemmet men faktisk handlere flere mænd end kvinder over internettet, dog mest tekniske varer INTERESSENTANALYSE Kommunerne: Kommunerne kommer af med noget kommunalt affald, som går til et godt projekt. Kommunerne er interesserede i, at dansk affald generelt bliver brugt til noget eller at det bliver adskilt ved udsmidning. Her bruges affaldet og bliver redesignet og solgt videre Private sælgere: Hvis private vil sælge ting, vurderer Tingfinderen om det har interesse for dem. Hvis private har noget historisk, gammelt eller flot design, som de ikke længere vil have, har de altså mulighed for at sælge det til Tingfinderen Sælgerne: Tingfinderen køber affald af kommunerne. Kommunerne er derfor vigtigt at bibeholde i deres samarbejde ellers ville Tingfinderen ikke have noget at kunne redesigne og sælge, udover det som de køber ind fra private personer. Dette leder os videre til Tingfinderens interessenter

7 4. MARKEDSANALYSE & KONKURRENTANALYSE 4.1. KONKURRENTANALYSE Mange mennesker køber brugte ting både online og i genbrugsbutikker. Flere og flere køber online gennem både private og virksomheder. Statistikker viser, at i 2011 købte mere end 3 mio. danskere brugte ting på nettet 1. Dette understreger hvor bredt et marked genbrug er og hvor populært det er blevet. Flere og flere sælger brugte ting online og konceptet, at købe brugt og sælge nyt er blevet populært. Dette har tingfinderen også valgt at gøre. Tingfinderens konkurrenter er ikke kun andre virksomheder, men også private som sælger gennem hjemmesiden dba.dk. eller lign 2. De har dog også mange konkurrenter på markedet, som har samme koncept og næsten identisk navne 3. Derfor er det vigtigt, at Tingfinderen adskiller sig fra sine konkurrenter. Generelt vil markedet kunne ændre sig meget, men det er vigtigt for Tingfinderen, at skille sig ud fra mængden, da deres virksomhed ligner mange andre eksisterende virksomheder. En strategi kunne være Blue Ocean Strategy, som hjælper dem med, at skille sig udfra mængden og vise, at de er det bedre end deres konkurrenter D8AA FD

8 4. MARKEDSANALYSE & KONKURRENTANALYSE 4.2. MARKEDSANALYSE Truslen fra nye indtrængere: Da virksomhedens konkurrenter ikke kun er virksomheder, men også private, vil dette være en stor trussel, som formentlig vil være konstant. Leverandørernes forhandlingsstyrke: Man kan her se de sælgere, som sælger genbrug til virksomheden, som leverandøre. Dette er virksomheden meget afhængig af. Da virksomheden ikke har en fast leverandør, er deres leverandører lige så vigtige, at fokusere på som kunderne. Truslen fra substituerende produkter: Pga. virksomhedens mange konkurrenter, er det nemt for kunderne, at finde alternative produkter andre steder. Det er derfor vigtigt at Tingfinderen holder øje med markedet. I nogle tilfælde, vil der være tale om fuldkommen konkurrence, da mange butikker f.eks. sælger brugte designerstole. Dog vil der være tale om monopol, hvis f.eks. Tingfinderen køber genbrug, optimere designet og dernæst videresælger. Hermed vil virksomheden være eneste forhandler og kunden vil derfor formentlig ikke fravælge dem. Når vi kigger på Tingfinderens konkurrenter, kan vi se, at deres hjemmeside ikke fremstår professionelle og derfor ikke virker troværdige 1. Deres hjemmesider viser ikke tydeligt sociale medier og hvem der står bag hjemmesiden. Vi har bla. kigget på og Tingfinderen kan skille sig ud, ved at skabe en mere personlig kontakt samt at have en hjemmeside, som er troværdig og professionel. Købernes forhandlingsstyrke: Da man som kunde har mange muligheder, vil man også kunne have indflydelse på blandt andet prisen. Netop fordi dette er genbrug, vil man have en større tendens til, at forhandle om priserne. Som kunde vil man også kunne undersøge privates salg og hermed kunne fravælge sig at handle hos Tingfinderen

9 5. RISIKOANALYSE Vi har udarbejdet en risikoanalyse, for at skabe et overblik over hvilke problemstillinger, Tingfinderen kan risikere at støde på undervejs. Sandsynlighed og konsekvens går fra 1 til 5, hvor 1 står for en lille sandsynlighed/konsekvens og 5 står for høj sandsynlighed/konsekvens. A: Virksomheden er afhængig af, at tjene nok på deres produkter. De køber produkterne for en pris, og skal videresælge dem til en pris, som kan finansiere deres virksomhed. Det er derfor vigtigt at de sælger til en pris som er høj nok til, at tjene på dette. Kan virksomheden ikke tjene på produkterne, er de nødt til at lave en strategi for hvorledes de kan tjene pengene ind eller optage lån for at få dækket udgifter. B: I tilfælde af, at Tingfinderen skulle komme ud i problemer, som de ikke selv ved hvordan, de skal løse, skal de søge hjælp i deres netværk. Tingfinderen er afhængige af deres sælgere. Derfor er det vigtigt, at de prøver at skaffe faste sælgere. Har virksomheden ikke nok sælgere, vil virksomheden ikke kunne videresælge og vil derfor tabe penge. Skulle dette ske, vil det være oplagt for virksomheden, at kigge på deres markedsføring og deres promovering, for at skaffe nye sælgere. C: Manglende positionering og markedsføring vil højst sandsynligt ikke kunne undgås. i hvertfald ikke i opstartsperioden, som Tingfinderen befinder sig i på nuværende tidspunkt. For det første skal virksomheden definere sin positionering og målgruppe, derefter kan man designe nogle plakater som fanger folk og deres interesser, for at reklamere sine produkter. D: Hvis der kommer ny lovgivning om kommunalt affald. Resultatet kan være at vi ikke længere må sælge vores produkt til Tingfinderens målgruppe. Konsekvenserne kan være alvorlige, hvis dette sker, fordi dette vil føre til at deres produkter ikke kan sælges og derefter et stort økonomisk problem, da Tingfinderen kun vil være afhængige af private sælgere. Men sandsynligheden er meget lille. 09

10 6. SWOT & TOWS 10

11 6.1. SWOT ANALYSE STRENGTHS Stifteren af virksomheden, Tingfinderen, er en ung iværksætter med fornemmelse for efterspørgsel af brugskunst med en historie bag. Han har gennem Lauritz.com købt københavnerlamperne som er blevet sat til salg af Københavns Kommune 1. Stifteren har dermed forståelse for, at genbrug og produkter med historie har værdi. Historien bag hver vare er en styrke for virksomheden, da det skaber en originalitet og personlighed i produktet og dermed også kundens hjem. Produktet er genbrug hvilket signalerer miljøbevidsthed. Københavnerlamperne og de forskellige møbler bliver rekonstrueret og redesignet for at gøre produkterne unikke så kunden køber et produkt man ikke kan finde andre steder. Det er en styrke for virksomheden, at de befinder sig på sociale medier (facebook og instagram, da der er mange danskere som bruger og søger på virksomheder gennem disse medier på en daglig basis 2). Man kan følge deres hverdag og udvikling på sociale medier. WEAKNESSES Navnet Tingfinderen er en svaghed, da de ikke har valgt at gøre navnet unikt i forhold til andre virksomheder med lign. navne. Der bliver gjort for lidt ud af historierne bag de forskellige produkter. Når kunder køber en genbrugsvare køber de samtidig historien bag. Da der er kendskab til produkternes historie, bør virksomheden fortælle mere om den. Virksomheden kan støde ind i problemer ifht. at levere de originale varer, da Tingfinderen ikke kan være sikker på, at der altid vil være kommunalt affald tilrådighed. OPPORTUNITIES Online (fx facebook) og offline (fx markedsstande) markedsføring er med til at udbrede kendskabet til virksomheden. Eftersom de sociale medier udvikler sig, har Tingfinderen en stor mulighed for at skabe markedsføring til kunder og interessenter den vej igennem. Det giver virksomheden større økonomisk handlefrihed ved at søge investorer udefra. Et samarbejde med designere eller kunstnere kan hjælpe Tingfinderen med at blive et mere originalt og anderledes brand. Tingfinderen har allerede lavet et samarbejde med HEJ, og på den måde vil samarbejdspartneren også skabe markedsføring for produktet. THREATS Da antikvitetsvarer og genbrug er oppe i tiden åbner der flere og flere antikvitetsbutikker og Tingfinderen får dermed flere konkurrenter på markedet fx KBHlampen, Clarrods. Virksomhedens navn giver problemer ved en Google søgning, da det er et uoriginalt navn. Der er flere virksomheder med lignende koncept samt navne. Når man søger på virksomhedens navn kommer deres konkurrenter op først. Da Tingfinderen er en nyopstartet virksomhed kan der være risiko for mangel på finansielle ressourcer og da de endnu ikke har skabt sig et stort klientel, er der også en risiko for at der kan blive mangel på produkter. Ændringer i lovgivningen om opkøb af kommunalt affald kan også være en risiko for virksomheden, da kommunalt affald er en af deres hoved leverancer

12 6.2. TOWS ANALYSE STRATEGISKE TILTAG (S+O) STRENGTHS + OPPORTUNITIES Tingfinderen har muligheden for at lede efter investorer der er villige til at sætte penge i virksomheden for at give virksomheden større økonomisk handlefrihed. Da Tingfinderen er en virksomhed der ikke rammer en specifik målgruppe er det vigtigt, at gøre brug af alle slags fora; - Instagram - Facebook - Lokal TV - Nyhedsbreve - Markeder (eks. Finderskeepers - København + Århus) For at virksomheden adskiller sig fra andre virksomheder, skal der fokuseres på produkternes historier. Hvis man i et samarbejde med en designer eller kunstner redesigner en vare, skal der skabes fokus på designerens/kunsterens stil og tidligere arbejde. Dette skaber også en gensidig reklame. (S+T) STRENGTHS + THREATS For at Tingfinderen skal skille sig ud fra andre lignende virksomheder er de nødt til at lægge vægt på deres redesign af diverse varer og historien bag produkterne. En tydelig markedsføring kræves for at åbne op for et større kendskab til Tingfinderen. Ved evt. ændring i lovgivning må virksomheden ændre strategi mht. udvalg af varer. (W+T) WEAKNESSES + THREATS Virksomheden må forsøge at sikre leverance af produkter og markere sig med fokus på produkternes historie og ideen om redesign på markedet. Grundet konkurrenternes synlighed ved søgning af Tingfinderen, skal de sikre sig en optimeret SEO, således at deres SEO ikke bliver en trusel men en styrke - altså at deres pagesrank bliver bedre. (W+O) WEAKNESSES + OPPORTUNITIES Et nyt navn der ikke kan forveksles med andre virksomheder er nødvendigt for at skabe et brand folk vil huske. Nyt website med større fokus på historier og originaliteten ved produkterne. En direkte kontakt til kommuner og genbrugspladser og opkøb af genbrugsvarer på markeder (digitale/ ikke-digitale) kan give en mere sikker tilgang til produkter til virksomheden. 12

13 7. DELKONKLUSION Ud fra vores analyser kan vi konkludere, at grundet virksomhedens mange identiske konkurrenter, er virksomheden nødt til at skille sig ud fra mængden. Udover dette kan vi konkludere, at virksomhedens omsætning er afhængig, af både deres målgruppe og deres interessenter. Vi er derfor kommet frem til, at det er vigtigt hele tiden at fokusere på begge parter, samt at de holder sig opdateret på markedet og deres konkurrenter. For at adskille sig fra sine konkurrenter, vil det være en god ide for Tingfinderen, at have en hjemmeside, som virker troværdig og professionel. Derudover vil det være en ide, at vise stifterne bag og have en personlig kontakt til deres kunder. Dette kunne være gennem sociale medier og et nyhedsbrev med personlige tilbud og konkurrencer. Udfra SWOT og TOWS kan vi se, at Tingfinderen ville adskille sig fordelagtigt ved at fortælle kunderne om produkternes historie. Derved vil Tingfinderen både dække kvaliteten i forhold til produkterne, historien samt deres visuelle design. Derudover vil historien bag også give kunden en troværdighed om produktet og virksomheden. 13

14 8. DESIGNBRIEF 8.1. Hoved idéen og målet for projektet: Tingfinderen skal redesignes, således at billeder og andre elementer optimeres. Hjemmesiden skal indeholde en funktionel database og virksomhedens visuelle identitet skal være synlig på alle sider. Dog skal deres visuelle identitet ændres og forbedres. Hjemmesiden skal have samme sprog, som skal være dansk og generelt skal der være et mere struktureret og ensartet design Målgruppe: Målgruppen er meget bred. Det vigtigt, at forholde sig til, at kunder kan være alle aldre og type. Der er formentlig stor forskel på, hvem der vil opsøge virksomheden gennem sociale medier og gennem hjemmesiden. Derfor skal design og kommunikationen være professionel, for at dække alle typer kunder og interessenter Farver: Farverne skal være neutrale, da det er billederne, som skal fange opmærksomheden. Derfor vil for mange farver være forstyrrende. Eksempel på farver: grå, sort, hvid, kolde farver Wordpress tema: Temaet skal kunne indeholde relevante database funktioner i forhold til en eshop. Det er vigtigt, at temaet tillader oprettelse af produkter og andre relevante funktioner for en eshop. Derudover er det vigtigt, at temaet kan indeholde Tingfinderens visuelle identitet Typografi: Typografien i logoet skal være let læselig. Det er vigtigt, at typografien er enkel og sans-serif. Dette er vigtigt for at opnå bedste resultat både online og offline. Det er også vigtigt at afprøve typografien, da logoet kan optræde i flere størrelser. Typografien på hjemmesiden skal være letlæselig og være af sans-serif Valg af medier: Virksomheden benytter allerede Facebook og Instagram. Dog skal strategien for deres adfærd på de sociale medier ændres. De skal være mere synlige og skaffe flere potentielle kunder og sælgere. De kan også gennem deres sociale medier søge deres kunder og interessenter direkte. Generelt skal de sociale medier benyttes til markedsføring, men også til salg. 14

15 8. DESIGNBRIEF 8.7. Sprog, tonen og stil: Sproget på de sociale medier og hjemmesiden skal ikke nødvendigvis være ens. Sproget, tonen og stilen på hjemmesiden skal være professionel men må gerne være frisk. På de sociale medier må stemningen godt være mere personlig, da man på de sociale medier kan skabe en mere personlig og troværdig kontakt. Gennem de sociale medier kan personerne bag virksomheden vise sig tydeligere - derfor skal de gennem sociale medier skabe et forhold. En handling på hjemmesiden vil kunne ske, uden en personlig kontakt mellem kunde og stifter. På de sociale medier, kan man få en mere personlig kundeoplevelse end man ville kunne gennem hjemmesiden Billeder: Det er vigtigt, at alle billeder på hjemmesiden er samme størrelse for at optimere det visuelle og den professionelle stil. På de sociale medier er det vigtigt, at billederne har en genkendelighed af hjemmesiden, for at skabe en troværdighed. Det er vigtigt at virksomheden kun benytter egne billeder igen pga. troværdigheden. Hvis kunders/samarbejdspartnere billeder benyttes på sociale medier er det vigtigt, at der refereres tydeligt hvem kilden er Database: Der skal laves en attribut tabel samt et ER-diagram med 3. normalform. Databasen skal være funktionel og indeholde relevante elementer for en eshop Menu navigation: Det er vigtigt, at menuen er enkel og overholder 5-7 reglen. Menuen må ikke indeholde for mange punkter. Dette skyldes at vi søger en brugervenlig hjemmeside. Evt. kan menuen opdeles således, at alle personlige punkter (indkøbskurv, min konto osv.) kunne være i en separat menu. Dog er det vigtigt at menu(erne) er globale og derfor optræder på alle undersider. Det er vigtigt man nemt kan komme tilbage til forsiden. Dette kunne være gennem en forside knap i menuen eller et klikbart logo Responsive: Det er vigtigt, at hjemmesiden er responsive. Dette skyldes, at mange formentlig vil besøge Tingfinderen gennem sociale medier på telefonen eller tablet og derefter besøge hjemmesiden direkte. Derfor er det vigtigt, at brugeren får samme oplevelse af hjemmesiden på telefonen, som på en computer. Det er vigtigt, at et valgt tema er responsive Mockup til Tyskenhavn: Mockup til Tyskenhavn skal passe i pixel til en hjemmeside f.eks. (1200 x 900) Det skal være et billede, som skal indsættes på en hjemmeside. Indholdet skal svare til en landingpage, med menu osv. Landingpage skal indeholde visuel identitet fra Tingfinderen samt en informerende tekst om Tyskenhavn. 15

16 9. DOKUMENTATION 9.1. VISUEL IDENTITET Ideen til logoet er, at vi gerne ville give logoet et ungdommeligt look som en afspejling af stifterne bag Tingfinderen, da det er en helt ny virksomhed med et ungt team. Da Tingfinderens koncept, at de rekonstruerer og redesigner kommunalt affald til genbrugsguld så vi, at et ord som nytænkning var passende når vi skulle udtænke en visuel identitet. Der var enighed i, at vi ville bibeholde den runde form på logoet og derfra udarbejdede vi et logo i samme form, men med et andet design.vi kom med nogle forskellige ideer til logoet, og endte med en el-pære. Vi videreudviklede herefter el-pære logoet og tilførte genbrugspilene i fatningen for igen, at vise hvordan Tingfinderen skaber noget nyt og moderne ud fra gamle ressourcer. Vi valgte den mørkegrå farve som baggrund (#333333), da vi ikke ønskede en overdøvende farve. Vi synes, at det var vigtigere at fokusere på billederne af produkterne og at logoet ikke skulle overdøve billederne men i stedet harmonere med resten af websitet. Det var in mente at skabe et logo, der kan fungere i farver såvel som sort/hvid til fx print, hvilket også er grunden til de monokrome farver. I valg af typeface til logoet tog vi udgangspunkt i at læseligheden skulle være optimal, derfor valgte vi Raleway sans serif font, hvor vi både benytte regular, thin og light. Logo process: andre ideer til logoer. I nogle tilfælde vil logoet ikke passe, da vi har designet et rundt logo. Derfor har vi også designet logoet som en header. Her har vi valgt at have selve logoet af pæren på samme linje som navnet. 16

17 9. DOKUMENTATION 9.2. WORDPRESS OPSÆTNING Vi har sat vores WordPress site til, at den ikke skal blive indekseret af søgemaskinerne. Dette har vi gjort, da vores site er et studieprojekt. Derudover at vores site indeholder en webshop (dog ikke funktionel med betaling) samt tilmelding af nyhedsbreve. Vi vil helst ikke risikere, at folk tror vi er et rigtig site. Grundet overstående har vi valgt ikke at indsætte SEO. Hvis vi skulle have tilføjet SEO, ville vi have benytte et plugin, Yoast SEO. Det er det mest brugte SEO-plugin til WordPress og har 4.2 ud af 5 stjerner 1. Når virksomheden stadig er så lille, vil det ikke betyde noget, at man kan ændre hinandens sider. Hvis virksomheden var større og flere havde adgang til WordPress, kunne man overveje at lave en author-bruger, som kan det samme som editoren dog kun på sine egen sider. Editoren har ikke adgang til indstillingerne, temaet eller plugins. Fordel; Tingfinderen kan ikke ved et uheld slette/tilføje noget, som kan beskadige sitet. Ulempe; Tingfinderen skal have hjælp af os igen, hvis noget skal ændres. Ellers kan man senere hen oprette en administrator-bruger til Tingfinderen. Hvis folk alligevel skulle besøge vores site, har vi indsat en message bar som fortæller, at hjemmesiden er et eksamens projekt. Til dette har vi brugt et plugin, GC Message Bar 2. Brugere til WordPress 3: Vi har lavet en bruger til Tingfinderen, så de efter vores arbejde, selv kan redigere sitet. Vi har oprettet en bruger, editor. Denne bruger har adgang til alle pages og posts, kan redigere og publicere

18 9. DOKUMENTATION 9.3. HJEMMESIDE Sådan så temaet ud, da vi aktiverede det: Efter at have stillet nogle krav til et tema, valgte vi Wordpress temaet; Simple shop. Temaet er enkelt og oprettelse af selve shoppen, produkter osv. er overskueligt og simpelt. Temaet benytter woocommerce plugin, som gør det nemt at oprette selve shoppen. Når man tilføjer temaet, tilføjer man automatisk Woocommerce plugin, som tilføjer nogle shortcodes til siderne, som er de vigtige elementer f.eks. shop og indkøbskurv. Disse shortcodes kan beskrives som små genveje til den del af php koden, som er pågældende for den enkelte side. Herudfra kan man enten ændre gennem funktioner i selve pluginnet eller gennem editor og dermed direkte i koderne. 18

19 9. DOKUMENTATION 9.4. INTERAKTIONSDESIGN 1) Se produkt 3) Se indkøbskurv. Indkøbskurven er en menu for sig selv under søgefunktionen. 4) Betalingside 2) Læs mere om produktet - se kategori og beskrivelse 19

20 9. DOKUMENTATION 1) Se produkt Informationer om produktet er indsat gennem Woocommerce plugin. Woocommerce har fastsat de informationer, som man kan give sit produkt som fx pris, navn og farver. Designet af produktinformationerne har vi kunne kode gennem stylesheetet. 2) Vælg produkt Her gælder det samme som se produkt. Vi kan gennem pluginnet indtaste nogle informationer, som lager status m.m., som vil blive vist i produktbeskrivelse. 3) Se indkøbskurv Handlingerne i indkøbskurven påvirkes kun af kunden og ikke af Tingfinderen. Dog er det de informationer Tingfinderen har indsat om produktet, som påvirker indkøbskurven. 4) Betalingsside På denne side har vi ændret en del. Oprindeligt har Woocommerce også implementeret et login system, således at du både skal oprette en bruger/ logge ind, men skal også indtaste informationer hver gang du køber. Dette mente vi ikke stemte overens med den brugervenlighed, vi ønsker på siden og har derfor fjernet login systemet, hvilket nu betyder at du kan lave en handel uden at skulle logge ind eller registrere dig. Dette mener vi også er bedste løsning, da Tingfinderens kunder formentlig ikke handler på shoppen flere gange om måneden og derfor ikke vil have gavn af en profil, som huskes. Interaktionsdesignet på hjemmesiden er vigtig for Tingfinderen, da deres økonomi er afhængig af, at interaktionsdesignet er optimalt og velfungerende. Det er nemt at vælge produkter og opdatere indkøbskurven. Generelt er handlingerne i en CRUD nem, dog kan man som kunde ikke gennemføre en handel, da betalingsmuligheder ikke er oprettet (da opgaven er et eksamensprojekt). 20

21 9. DOKUMENTATION 9.5. NAVIGATIONSDESIGN Vores navigation på hjemmesiden består af tre globale menuer. Disse tre menuer er vores primære menu under vores header, vores menu i selve headeren, som kun består af en indkøbskurv og logo, samt vores footer. Disse menuer er globale, da de optræder på alle undersider. De optræder på alle sider, for at optimere brugervenligheden. Udover disse menuer, har vi links på undersider, som kun optræder på enkelte sider. Dette er f.eks. vores link til Tyskenhavn. En brødkrumme navigation på hjemmesiden vil give brugeren et indtryk af at være i et flow. Dette er en hjælp til navigation. Ideen med det er, at brugeren altid ved, hvor de er på hjemmesiden, og hvordan de kan komme tilbage igen. Men i vores tilfælde har vi valgt at droppe brødkrumme navigation, fordi vi ikke synes en brødkrumme navigation er nødvendigt for Tingfinderen på nuværende tidspunkt, da deres hjemmeside har få undersider og er meget nem at finde rundt i. Dette kan genovervejes på et senere tidspunkt, når Tingfinderen bliver til en større virksomhed. Dog er en søgefunktion vigtig for hjemmesiden. Der er to grunde til at vi har en søgefunktion. Det første er, der kan være nogle brugere, som er vant til at bruge en søgefunktion i stedet for at navigere på hjemmesiden. For det andet er det en fordel, at kunne søge efter et produkt, specielt hvis Tingfinderen får mange produkter, med flere kategorier. 21

22 9. DOKUMENTATION 9.6. PRÆSENTATIONSDESIGN Navigation For at opnå brugervenlighed ønskede vi at menuen skulle vise current page. Vi tilføjede derfor en kode i php, som gør det muligt gennem vores class= current_page_item at designe hvordan vores label i menuen skal se ud, når linket er aktivt og vi derfor er på den pågældende side. Vi kan derefter tilføje vores class i css koderne og designe menuen Header For at style vores header, har vi ændret i Wordpress filen header.php (se bilag). Her har vi ændret rækkefølgen, for bedre at kunne style i css. I vores css har vi ændret på størrelsen af vores billede i selve headeren. Derudover har vi lavet float og ændret margin, for at få vores elementer i headeren til visuelt, at se pænt ud. Søgefunktionen og indkøbskurven er sat i højre hjørne, da dette skaber en genkendelighed fra andre online shops. Billedet har vi selv lavet i Photoshop, for at give headeren en baggrund, således at der ikke er unødig luft, samt at skabe en genkendelighed til facebook siden. 22

23 9. DOKUMENTATION FOOTER I footeren vil det være oplagt at have et link til kontaktsiden, da det skaber genkendelighed fra mange andre hjemmesider. Derudover da det er en e-shop, skal folk kunne læse om vilkår & betingelser samt om cookies. Dette er derfor en god ide at have i footeren. Dette skaber en troværdighed og gør at kunder føler sig sikre, når de handler på hjemmesiden. Derudover kunne sociale medier være i footeren. Vi har dog ikke kunne få ikoner til at linke til vores sociale medier, da det ødelagde andre styles. For at få opstillet vores footer, har vi direkte i footer.php lavet tre <div>, som inddeler og sikre sig at de tre div ligger på samme linje GESTALT LOVE For at optimere hjemmesidens brugervenlighed har vi, i vores arbejde med hjemmesiden haft mange af gestalt lovene i tankerne. Vi har blandt andet benyttet loven om lighed i vores shop; i design i produktinformation, når man ser produktet i shoppen samt når man klikker for at læse mere om produktet. I samme eksempel benytter vi også loven om lukkethed, da vores informationer om produkterne er indrammet i en boks, med en baggrundsfarve. 23

24 9. DOKUMENTATION FARVEVALG På hjemmesiden har vi valgt, at holde farverne forholdsvis neutrale. Da dette er en e-shop er billederne vigtige og vi mener, at for mange kraftige farver, vil være støj på hjemmesiden. Det der skal være i fokus er billederne, da det er det, Tingfinderen sælger på. Da vores logos baggrund er #333333, har vi valgt at benytte denne farve flere steder, da dette skaber en genkendelighed. Derfor har vi benyttet samme farve i f.eks. menu og footer. Den lyse grå farve er benyttet til at vise hvilken side man er på. Dette er gjort for at optimere brugervenligheden. Den blå grå farve er benyttet til knapper. Den grønne farve vises kun ved tilbud og antal på lager. Denne farve vises ved ekstra informationer om produkter. Ved tilbud, har vi ikke benyttet en gul farve, da vi synes dette associere til discount og derfor ikke lever op til den kvalitet Tingfinderen forsøger at opnå. Udover disse farver, er der benyttet sort og hvid, for at gøre hjemmesiden neutral og lade billederne tale for sig selv TYPOGRAFI Typografi: Raleway, Sans-serif. Denne typografi har vi benyttet på hjemmesiden, da den er letlæselig samt at den benyttes i vores design af den visuelle identitet. 24

25 9. DOKUMENTATION 9.7. KOMMUNIKATION På hjemmesiden har vi primært valgt deres egne tekster, men har omformuleret en smule. Dette er gjort, da hjemmesiden skal udtrykke et professionelt look. Hjemmesiden giver et kort indblik i hvordan man kan sælge til dem, hvem der står bag m.m. Under siden Om os har vi valgt at vise billeder af dem, og vist at de kunne præsentere dem selv gennem en kort tekst. Dette giver en troværdighed, som er vigtigt i og med de er en ny virksomhed. Generelt er der ikke skrevet mere end højst nødvendigt på hjemmesiden, men med god mulighed for at kontakte Tingfinderen. Vi har lavet en klar sammenhæng mellem vores hjemmeside og vores sociale medier. Dette har vi gjort ved, at have samme header billede samt, i vores nyhedsbrev at tilbyde samme tilbud og konkurrencer, som tilbydes på vores sociale medier. Vores kommunikation er lidt forskellig, da vi på hjemmesiden holder en mere professionel tone, hvor vi på sociale medier holder en mere personlig kontakt. Dog har vi i vores nyhedsbrev indsat, at man skal skrive navn, således at vi kan holde den personlige kontakt der også SOCIALE MEDIER FOR TINGFINDEREN Tingfinderen skal hovedsageligt benytte sig af Facebook og Instagram. Disse to sociale medier er nogle af de mest brugte blandt danskerne 1, og derfor ser vi det som en god mulighed for Tingfinderen, at lægge en markedsføringsstrategi herpå. Facebook er stadig det mest brugte medie, hvor Instagram halter lidt efter 2. YouTube og LinkedIn bliver brugt oftere end Instagram, men vi mener ikke, at disse to medier pt. er relevante for Tingfinderen at benytte. Vi mener, at Tingfinderen skal bruge de sociale medier til at skabe kontakt til både interessenter og kunder. På de sociale medier kan virksomheden føre en mere personlig kontakt til disse, da de skaber en direkte service og support til kunderne. Mange kunder vil gerne følge deres yndlings virksomheder på de sociale medier, for at følge med i deres rabatter og kampagnetilbud 3. Tingfinderen kan altså både markedsfører sig samt sælge produkter via de sociale medier

26 9. DOKUMENTATION Tingfinderen er allerede på Facebook og Instagram. Vi synes, at de benytter Facebook rigtig godt. De formår at gøre siden personlig ved at fortælle om deres projekter, samarbejdspartnere samt deres produkter. Dog kunne de have brug for at få flere potentielle kunder, til at følge dem på Facebook. Det kunne de gøre i form af konkurrencer eller lign., hvor folk skal dele eller tagge venner i opslaget. På den måde vil flere se opslaget og få en interesse i, at følge virksomheden. Ved en konkurrence på Facebook kunne Tingfinderen referere til deres Instagram profil ved at skrive: Husk også at følg med i konkurrence på vores På Instagram lægger de billeder op af deres produkter - men vi mener, at de skal være mere aktive herpå. De kunne have faste hashtags beskrevet i deres profiloplysninger, som kunder og interessenter bruger, når de vil sælge, købe eller andet. Dette kunne blandt andet være #sælgtiltingfinderen og #spørgtingfinderen. På den måde kan Tingfinderen via bestemte hashtags følge med i kundens oplevelse og svare på spørgsmål. Se vores bud: Facebook Vi har på Instagram oprettet den samme konkurrence, som findes på Facebook siden. 26

27 9. DOKUMENTATION 9.8. BRUGTE PLUGINS Kontaktformular: Billedeslider: For at sikre sig bedst mulig kontaktformular, søgte vi både på Google.dk og i plugin i Wordpress. Begge steder fik vi fornemmelsen af, at Contact Form 7 var bedste løsning for tingfinderen. Den er god og simpel at oprette samt ændre i. Vi har valgt at benytte plugin slideren Slider WD, da vi mente designet passede godt til vores design på hjemmesiden. Derudover er det en slider, som er hentet af mange og har fået gode anmeldelser. Vi ønskede at indsætte en tekstboks på hvert billede, med navn og pris. Dette er dog ikke muligt i free version. Det vil være en god ide for Tingfinderen, at opgradere til pro, for at kunne indsætte produktinformation. 27

28 9. DOKUMENTATION 9.9. NYHEDSBREV Vores design i nyhedsbrevet er lavet med samme header billede, som når man tilmelder sig et nyhedsbrev på hjemmesiden, hvilket er for at skabe en genkendelighed. Indholdet i nyhedsbrevet aligner med headeren, teksten, og billederne. Dette er gjort for, at optimere det visuelle udtryk. Vi har valgt at lave to forskellige indhold i nyhedsbrevet. En af dem er for at vise hvordan nyhedsbrevet kunne se ud, med lidt information om hvad Tingfineren laver. Dette kunne f.eks. være et automatisk nyhedsbrev, hvor Tingfinderen byder velkommen. Det andet nyhedsbrev er lavet som en konkurrence, man kan følge på de sociale medier. Vi har valgt at skrive Hej Navn, som viser en mere personlig kontakt. Dette er også implementeret i databasen, således at det kræves at man skriver navn når man opretter sig. Vi har fuldt nyhedsbrevsreglerne med at man skal kunne afmelde sig et nyhedsbrev i selve nyhedsrevet 1. Vi har også valgt at ligge Tingfinderens kontakt mail på samt deres hjemmeside

29 10. DELKONKLUSION For at sikre en troværdig og professionel hjemmeside, har vi lavet en nem shop, som viser hvem stifterne er, samt en side hvor man kan læse mere om selve virksomheden. Det er vigtigt at man som kunde kan se hvem der står bag shopsiden for at føle sig sikker når man handler. Vi har derudover lavet en nem og funktionel kontaktside, således at man som kunde nemt kan kontakte dem med spørgsmål. Derudover har vi i vores design forsøgt at holde en professionel tone, for igen at skabe en troværdighed 2. Vores navigations design er simpel for at optimere brugervenligheden

30 11. ATTRIBUTTABEL 30

31 12. ER-DIAGRAM 31

32 13. DATABASE ATTRIBUTTABEL TILMELDING AF I vores Attribut tabel har vi vores entiteter, som har nogle attributter. Alle id er er unikke, da disse ikke kan optræde mere end en gang. I vores tilmelding er også unik, da kunden ikke kan tilmelde deres mere end en gang. Dette er gjort således at Tingfinderen ikke sender samme mail flere gange til samme kunde. Alle id er har datatypen INT, da id er kun må indeholde hele tal. Priser m.m. har datatypen VARCHAR, da de gerne må indeholde f.eks. punktum og komma ER-DIAGRAM Da vores hjemmeside har en eksisterende og funktionel database gennem Woocommerce, har vi lavet et attribut tabel og et ER diagram, som viser hvordan en database kunne se ud. Woocommerce s datadase indeholder nogle af de samme entiteter som vores, som er altafgørende for en e-shops database, f.eks. produkt, ordre og kunde normalform Vores ER diagram viser at vi i 3. normalform trækker kategorier ud i egen tabel. Dette er også tilfældet for woocommerce, da man i deres plugin kan oprette nogle faste kategorier. Vi har derudover også trukket vores postnumre ud i egen tabel. Her overholder Woocommerce dog ikke 3. normalform, da man godt kan skrive et postnummer, som ikke passer til byen. Dog giver det god mening for Woocommerce ikke at gøre dette, da Woocommerce er et plugin der bruges verden over, og derfor skulle Woocommerce kende alle lande samt deres postnumre for at kunne overholde 3 normalform. Vi tager i vores ER diagram udgangspunkt i, at Tingfinderen kun sælger til Danmark. Derfor er det oplagt at benytte 3. normalform til postnumre. 32

33 13. DATABASE TILMELDING AF NYHEDSBREV For at tilføje vores egen database til vores e-shop, har vi oprettet en tilmeldingsblanket hvor man kan tilføje sin og modtage tilbud og nyhedsbreve. Tabellerne har vi tilføjet til vores ER diagram, for at vise hvordan dette ville se ud. Her kan vi se, at tilmeldings tabellen ville være separat. Dog ville man kunne lave en mange til mange relation til kategorier og dermed give kunden mulighed for at krydse nogle bestemte kategorier af og kun modtage tilbud gældende for de valgte kategorier. Vi har tilføjet attributten bekraeftet Dette er gjort for at kunden kan bekræfte gennem sin . Dette er en fordel således, at man ikke kan tilmelde andres uden tilladelse. Som billedet viser, kan man se, at er registreret, men først godkendt når der står 1 under active. Dette er fordi man under tilmelding skal godkende fra sin af. Navn er også tilføjet, da Tingfinderen vil kunne skrive personligt til kunder og dermed skabe en personlig kontakt. En anden ide kunne også være at tilføje fødselsdagdato. Her kunne Tingfinderen sende fødselsdagstilbud og igen holde den personlige kontakt de gør på bla. sociale medier. 33

34 14. DATABASE - CRUD Tanken bag tilmeldingsblanket Da vi gennem de sociale medier vil køre med tilbud og konkurrencer, skal vi ikke glemme vores interessenter og målgruppe, som ikke benytter sociale medier. Derfor er det en god ide, at kunne tilmelde sig tilbud og nyhedsbrev gennem hjemmesiden. Da shoppen formentlig ikke har så mange kunder på nuværende tidspunkt, vil en tilmelding uden at vælge kategorier være optimal. Dog vil det være en fordel i fremtiden at kunne tilføje kategorier som interessere en, således at Tingfinderen kan føre statistik over hvilke kategorier som hitter og samtidig optimere kundeoplevelsen. For at teste vores fiktive database, har vi lavet en CRUD. (create, read, update, delete). Her ser vi hvordan vores entiteter påvirkes af forskellige handlinger. f.eks. hvordan et produkt bliver oprettet og samtidig bliver kategorier læst, da man skal vælge en kategori. ved f.eks. sletning af et produkt, bliver ordren læst, et produkt bliver slettet og ordren opdateres. Ved en evt. søgning, vil hele hjemmesidens indhold blive læst. Det kan godt være der søges på noget, som kun er tilstede på en side, men hele hjemmesiden læses. For at teste vores ER diagram, har vi kodet CRUD i vores sql kode. 34

35 14. DATABASE - CRUD CRUD vist i sql koder Her indsætter vi kategorier og derefter produkter. Dette er første trin create i vores CRUD. Begge tabeller har et unikt id, som dog ikke er skrevet med. Dette skyldes, at vi i vores ER diagram har sat vores id er til Auto incremental, hvilket betyder at der selv oprettes et id. Dette viser at vores produkt_id er primary key, at det skal udfyldes, at produkt_id er unik og derfor ikke kan oprettes flere gange, samt at id nr. selv registreres. 35

36 14. DATABASE - CRUD DELKONKLUSION Her beder vi om at få vist alle produkter, med kategori id 1. Dette vil være en handling, som går under read i CRUD. Fordi vi her får vist noget om et produkt. Dernæst opretter vi en ordre hvilket er både CU, da den oprettes, men samtidig opdateres. Når ordren er oprettet, kan der både tilføjes og slettes produkter og dermed kan både Update og delete udføres. Vi har valgt, at lave vores egen attribut tabel, ER diagram samt CRUD for at vise vores forståelse af, hvordan en database kunne se ud til en e-shop. Dette er kun et eksempel, men vi viser hvilke elementer, som kunne være 3. normalform og hvilke entiteter, som er vigtige for en e-shop. Woocommerce database er større end dette og indeholder flere elementer. Da woocommerce database allerede er funktionel, har vi valgt, at vise vores forståelse og vise hvordan vi selv kunne have opbygget en lignende database. For også selv at implementere en database, har vi lavet en tilmeldingsblanket, som er en separat database. Vi har dog vist, hvordan det ville se ud, hvis den var implementeret i resten af ER diagrammet. 36

37 15. USECASES Usecase 1: Tilmeld nyhedsbrev Navn: Tilmeld nyhedsbrev Identificering: UC1 Forudsætninger: brugeren befinder sig på Tingfinderens hjemmeside Metode: Aktiviteten begynder når brugeren indtaster og navn i formularen, og stopper når der er trykket Tilmeld. Brugeren kan ikke tilmelde sig nyhedsbrevet før - og navnfeltet er udfyldt korrekt. Hvis der ikke er udfyldt noget i feltet eller det er udfyldt forkert, kommer der en besked frem om dette. Når tilmeldingen er udført korrekt, vil den brugeren få besked om dette. Alternativ metode: Der er ingen alternativ metode. Tilstand efter aktivitet: brugeren er oprettet i databasen, er tilmeldt nyhedsbrev og vil fremover modtage nyhedsbreve Usecase 2: Afmeld nyhedsbrev Navn: Afmeld nyhedsbrev Identificering: UC2 Forudsætninger: brugeren befinder sig på Tingfinderens hjemmeside. Metode: Aktiviteten begynder når brugeren indtaster i -feltet, og stopper når der er trykket Afmeld. Hvis den indtastede stemmer overens med en i databasen, vil den pågældende blive slettet og brugeren får besked om, at han/hun nu er afmeldt nyhedsbrevet. Alternativ metode: Der er ingen alternativ metode. Tilstand efter aktivitet: brugeren er slettet fra databasen og vil fremover ikke modtage nyhedsbreve. TILMELD NYHEDSBREV AFMELD NYHEDSBREV 37

38 16. USABILITY For at teste vores hjemmeside, vil vi benytte brugertest og gangstertest. Vi ønsker at teste vores navigation, da vi har markeret den aktive side i menuen, men har undladt breadcrumbs og vil derfor gerne test i en gangstertest, om breadcrumbs er nødvendigt. Vi mener, at en gangstertest er lidt overfladisk og ikke går så meget i dyden, derfor vil vi også benytte en brugertest. Gennem vores brugertest vil vi gerne teste brugervenligheden i vores tilmelding af nyhedsbrev. På nuværende tidspunkt ligger vores tilmelding i footeren, men ønsker at teste hvorvidt tilmelding skal vises mere tydeligt på hjemmesiden. Udover dette vil vi teste de forskellige steps der er fra man vælger produkt til man når betalingssiden. Vi ønsker at teste på flere aldersgrupper, da målgruppen er bred. Da vi fokusere på Tingfinderens konkurrenter, vil vi også teste konkurrenters hjemmesider, for at se hvad Tingfinderen fremadrettet kan gøre for at skille sig ud fra mængden. Vi ønsker også at teste vores logo, for at sikre at målgruppe og interessenter kan se, hvad Tingfinderen arbejder med, gennem deres logo. 38

39 17. KONKLUSION & REFLEKSION Vi har i denne rapport udarbejdet et redesign for Tingfinderen. Vi har designet en visuel identitet, som indeholder logo, valgt en typografi, samt designet en header i forbindelse med nyhedsbrev. Vores logo er endt ud i, at indeholde en pære, som skal symbolisere nytænkende samt pilene som symbolisere genbrug. Derudover har vi designet en hjemmeside i Wordpress, med temaet Simpleshop, som indeholder Pluginnet Woocommerce, som dermed har en implementeret og funktionel database. Pga. dette har vi vist hvordan en database kunne se ud, samt testet den gennem CRUD. For at implementere vores egen database har vi lavet en tilmeldingsblanket, som er implementeret på hjemmesiden. På hjemmesiden samt vores sociale medier har vi arbejdet med Tingfinderens kommunikation og troværdighed, i et forsøg på at skille sig udfra mængden. Her har vi lavet en ny strategi i forhold til sprog, tone og kommunikation både på de sociale medier og hjemmesiden. Vi har arbejdet med Tingfinderens kommunikation, troværdighed samt brugervenlighed for at få Tingfinderen til at skille sig ud fra sine konkurrenter. Vi har designet en troværdig hjemmeside, med en nem shop. Dette er gjort ved bla. at indsætte informationer om stifterne, samt at have en overskuelig proces fra valgt produkt til betaling. Vi vil til den mundtlige eksamen have testet brugervenligheden på vores hjemmeside, for at kunne udvikle en strategi for, hvordan Tingfinderen fortsat kan skille sig udfra deres konkurrenter og kan blive de bedste på markedet. Da vi forventer at Tingfinderen vil få flere produkter og kunder, vil vi derudover også komme med nye tiltag til, hvad der kan gøres for, at Tingfinderen kan følge med markedet. Tingfinderen har en del konkurrenter, og vi har derfor gennem vores interaktion-, navigation- samt præsentationsdesign forsøgt, at have brugervenlighed og troværdighed i tankerne. I vores arbejde med navigationsdesign har vi ændret i php koderne, for at optimere brugervenligheden. I forbindelse med vores præsentationsdesign har vi ændret en del i css koderne, for at skabe vores eget design og tilføje Tingfinderens visuelle identitet. Generelt har vi ændret en del i de originale filer, for at tilpasse hjemmesiden til Tingfinderens behov i forhold til Simpleshops originale design. 39

40 18. LITTERATURLISTE Læst den: Skrevet af: Thomas Ambrosius Læst den: Læst den: Læst den: Læst den: Skrevet af: Joost de Valk Læst den: Skrevet af: Vilmos Schwarz og Sandor Kromesch Læst den: Skrevet af: Editorial Staff Læst den: Skrevet af: Anders Tystrup Læst den: Skrevet af: Konkurrence- og Forbrugerstyrelsens kommunikationssekretariat 6F B84D8AA FD2346 Læst den: Skrevet af: Forbrugerombudsmanden Markedsfoeringsloven/Sager-efter-markedsfoeringsloven/ spam0/ safmeldes Læst den: Skrevet af: Anton Lind Læst den: Skrevet af: Socialhub Læst den: Skrevet af: Thomas Kampp Læst den: Skrevet af: Søren Sprogø 40

41 19. BILAG BILAG TIL PUNKT WBS 41

42 19. BILAG BILAG TIL PUNKT PBS 42

43 19. BILAG BILAG TIL PUNKT GANTT KORT 43

CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015

CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015 Crowdfunding Modul 3 CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015 Josephine Lorentzen Camilla Norqvist Hansen Shiya Yang Michella Serritzlew Jacobsen Kamilla Melnyczok

Læs mere

Crowdfunding. Modul 3. CPH Business Academy. Lærere: JHI & TUJE www

Crowdfunding. Modul 3. CPH Business Academy. Lærere: JHI & TUJE www Crowdfunding Modul 3 CPH Business Academy. Lærere: JHI & TUJE www. http://ysy.dk/cfunding-it/index.html 04-10-2015 Josephine Lorentzen Camilla Norqvist Hansen Shiya Yang Michella Serritzlew Jacobsen Kamilla

Læs mere

Modul 2 Database projekt Multimediedesign 3. semester Gruppe 3 IRF/TUJE

Modul 2 Database projekt Multimediedesign 3. semester Gruppe 3 IRF/TUJE Modul 2 Database projekt Multimediedesign 3. semester Gruppe 3 IRF/TUJE Fact sheet Indholdsfortegnelse Fact Sheet Gantt kort Valgt af virksomhed Brainstorm Attribut tabel ER-diagram Skitse MySQLWorkbench

Læs mere

Projekt database. http://bysileha.com/3.semester/database-eshop/index.html (vores htmlside)

Projekt database. http://bysileha.com/3.semester/database-eshop/index.html (vores htmlside) Projekt database http://bysileha.com/3.semester/database-eshop/index.html (vores htmlside) Amanda Lindschouw - cph-al144@cphbusiness.dk http://ahldesign.dk/learningthird.html Charlotte Øberg - cph-co74@cphbusiness.dk

Læs mere

Database. Pr jekt. Hold CLmul-a14e Gruppe 3 3. semester 2015. Vejledere: Tue Becher Ivan R. Frederiksen

Database. Pr jekt. Hold CLmul-a14e Gruppe 3 3. semester 2015. Vejledere: Tue Becher Ivan R. Frederiksen Database Pr jekt Hold CLmul-a14e Gruppe 3 3. semester 2015 Vejledere: Tue Becher Ivan R. Frederiksen Indholdsfortegnelse 1. Problemformulering 2. ER-diagram 3. Attribut-tabel 4. Use Case-model 5. Use Case

Læs mere

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Portfolioudvikling. Line la Fontaine. Multimediedesigner Portfolioudvikling Line la Fontaine Multimediedesigner Indholdsfortegnelse - Designvalg s. 1-9 - Målgruppe s. 1 - Wireframes/skitser s. 1-5 - Informationsarkitektur s. 6-7 - Farver s. 8 - Typografi s.

Læs mere

Jayne Alice Jensen cph-jj208@cphbusiness.dk [Link til portfolio]

Jayne Alice Jensen cph-jj208@cphbusiness.dk [Link til portfolio] DATABASE Projekt: Projekt 1, 3. semester Website: http://kostecki.dk/cph/projektdb/ Dato: 08/09/14-21/09/14 Skole: Copenhagen Business Academy Klasse: Multimediedesigner - Mulb Gruppe: MULB1 Undervisere:

Læs mere

Redesign af Cinnober. Analyse af hjemmesiden Cinnober

Redesign af Cinnober. Analyse af hjemmesiden Cinnober Redesign af Cinnober Gruppe 25 Vi har i denne uge arbejdet på at redesigne hjemmesiden til butikken Cinnober, som ligger på Strøget i København. Cinnober sælger bøger og andre kontorartikler. Deres hjemmeside

Læs mere

! Kia Dahlen. Kamilla Klein, Pia Jensen og Maria Korshøj Andersen.

! Kia Dahlen. Kamilla Klein, Pia Jensen og Maria Korshøj Andersen. Copenhagen Business Academy Multimediedesigner 3. semester - 1. projekt, september 2014 Gruppe 1 - MulA Kia Dahlen. Kamilla Klein, Pia Jensen og Maria Korshøj Andersen. Study: Multimedia Design Project:

Læs mere

CLmul-b14e Gruppe 2 2. Database projekt

CLmul-b14e Gruppe 2 2. Database projekt 1 2 CLmul-b14e Gruppe 2 2. Database projekt JONAS FALK sniller27@hotmail.com Projekt vejledere Ivan Rosenvinge Frederiksen CHRISTIAN BRAMS halkjaer-brams@hotmail.com Tue Becher LINE RASMUSSEN line-rasmussen@live.com

Læs mere

Annoncer på internettet, der købes via Google Adwords. Bruges til at få et produkt højere op i søgeresultaterne på Google.

Annoncer på internettet, der købes via Google Adwords. Bruges til at få et produkt højere op i søgeresultaterne på Google. Marketing A-Z Marketingbegreb Betydning A Adwords Annoncer på internettet, der købes via Google Adwords. Bruges til at få et produkt højere op i søgeresultaterne på Google. B Branding Signalerer, hvad

Læs mere

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt Gruppe 15 Redesign af bageriet FeelGood Bakery s website Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt Link til redesignet website: www.feelgoodbakery.thorsoe.dk

Læs mere

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave. Portfolioudvikling Planlægning Da jeg startede på projektet lavede jeg en tidsplan, til at starte med gav jeg de forskellige opgaver lidt ekstra tid eftersom jeg synes man altid formår at bruge lidt mere

Læs mere

Grafisk produktion & workflow: Alt til forfesten

Grafisk produktion & workflow: Alt til forfesten Grafisk produktion & workflow _ 33 / 23 Grafisk produktion & workflow: Alt til forfesten Produkt _ Jeg har i længere tid gerne ville opbygge min egen webshop. september 2014 tog jeg mig sammen og opbyggede

Læs mere

EKSAMENS PROJEKT DECEMBER 2013 JANUAR Lærere: Thomas Hartmann. Jesper Hinchely. Ian Wisler-Poulsen. Morten Rold. Merete Geldermann Lu tzen

EKSAMENS PROJEKT DECEMBER 2013 JANUAR Lærere: Thomas Hartmann. Jesper Hinchely. Ian Wisler-Poulsen. Morten Rold. Merete Geldermann Lu tzen Pia Jensen cph-pj103@cphbusiness.dk 1. semester eksamensprojekt MUL-A 2013 mul33.itkn.dk/eksamensprojekt/index.html EKSAMENS PROJEKT DECEMBER 2013 JANUAR 2014 Lærere: Thomas Hartmann Jesper Hinchely Ian

Læs mere

Cykelhandler projekt KOM / IT

Cykelhandler projekt KOM / IT 2015 Cykelhandler projekt KOM / IT Indhold Indledning... 2 Tidsplan... 2 Fase 1 - Problemanalyse... 3 Informations problem... 3 Markedsundersøgelse... 3 Analyse af deres eksisterende medieprodukter...

Læs mere

afsender Aarhus Folk Festival

afsender Aarhus Folk Festival GRAFISK DESIGN Hjemmeside Redegørelse Hvad går opgaven ud på? Design af hjemmeside i wordpress fra start til slut til mindre festival i Aarhus område. En stor udfordring var at lave programmeringen så

Læs mere

Grafisk produktion & workflow

Grafisk produktion & workflow Grafisk produktion & workflow WORKFLOW & PRODUKTION WEBSITE NATURSPEJDERNE Dokumentation I 2 OPGAVEN Opgaven Jeg har lavet dette fiktive website der kunne være en mulighed for en nyopstartet spejderforening.

Læs mere

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation Portfolioudvikling I denne rapport vil du kunne læse om mit porfolios tilblivelse. Det skal give læseren indblik i mine designvalg og hele processen bag projektet. Hjemmesiden er kodet fra bunden i HTML

Læs mere

Portfolio Redesign Kamilla Klein 1. Semester eksamen

Portfolio Redesign Kamilla Klein 1. Semester eksamen 2014 Portfolio Redesign Kamilla Klein 1. Semester eksamen Lærene: Ditlev Skanderby Frederik Tang Ian Wisler- Poulsen Jesper Hinchely Merete Geidemann Lützen Morten Rold Thomas Hartmann Erhvervsakademiet

Læs mere

Grafisk Design. fra idé til visuelt udtryk Benett

Grafisk Design. fra idé til visuelt udtryk Benett fra idé til visuelt udtryk Benett Indholdsfortegnelse Brief...5 Idé og skitsering....6 Værktøjer....6 Farvevalg....7 Flowchart eksisterende site...7 Design i Photoshop....9 Ikoner i Illustrator...11 Setup

Læs mere

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26 T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26 Indholdsfortegnelse - Intro - Mindmap - Designvalg - Farvevalg - Logo - Ensartethed - Farver - Det gyldne snit - Fleksibilitet & brugbarhed

Læs mere

GRUPPE 5 Line - Nanna - Thea - Sarah

GRUPPE 5 Line - Nanna - Thea - Sarah GRUPPE 5 Line - Nanna - Thea - Sarah Gruppeopgave uge 40 Redesign af website - Feelgood Bakery 2. oktober 2015 Link til site http://nannalauth.com/fgb/website.html Kode Brugernavn : keammd Adgangskode

Læs mere

Guide til Danskmadogfestservice.dk (the back end)

Guide til Danskmadogfestservice.dk (the back end) Guide til Danskmadogfestservice.dk (the back end) Indhold Login... 2 Opdateringer... 4 Medier... 5 Sider... 6 Kontakt... 7 Newsletter... 9 Wocommerce... 10 Udseende... 11 Bruger... 13 Super Snow... 13

Læs mere

! Kia Dahlen. Kamilla Klein, Pia Jensen og Maria Korshøj Andersen.

! Kia Dahlen. Kamilla Klein, Pia Jensen og Maria Korshøj Andersen. Copenhagen Business Academy Multimediedesigner 3. semester - 1. projekt, september 2014 Gruppe 1 - MulA Kia Dahlen. Kamilla Klein, Pia Jensen og Maria Korshøj Andersen. Study: Multimedia Design Project:

Læs mere

3. Semester Mul-A PROJEKT 3 FUNDING. Louise Marie Bonke Charlotte Bruhn Stine Dorry Meulengracht Madsen. http://cbruhn.dk/cfunding

3. Semester Mul-A PROJEKT 3 FUNDING. Louise Marie Bonke Charlotte Bruhn Stine Dorry Meulengracht Madsen. http://cbruhn.dk/cfunding 3. Semester Mul-A PROJEKT 3 Louise Marie Bonke harlotte Bruhn Stine Dorry Meulengracht Madsen http://cbruhn.dk/cfunding Projekt 3 Indholsfortegnelse Idéudvikling Indledning Målgruppeanalyse Moodboard Funktionalitet

Læs mere

Produkt. Index side GRAFISK DESIGN

Produkt. Index side GRAFISK DESIGN Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere

Læs mere

Opgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt.

Opgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt. Opgaven Opgaven var fiktiv og bestod i at redesigne og kode hjemmesiden Copenhagen Street Food samt at redesigne logo. Kunden ville gerne have et bedre flow på hjemmesiden og tiltrække flere besøgende

Læs mere

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl. Indledning Mit sidste projekt her på 1.semester gik ud på at jeg skulle lave et redesign af mit første portfolio, som jeg lavede i starten af semesteret. Formålet var at vise hvad jeg havde lært siden

Læs mere

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E.

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E. Portfolie Redesign www.gaardbodesign.dk Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013 Jens Jákup E. Gaardbo indholdsfortegnelse design... gestaltlove... opbygning...

Læs mere

WORKFLOW & PRODUKTION

WORKFLOW & PRODUKTION OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation

Læs mere

Når man skal udfylde i feltet: branche, kan det være relevant, at se valgmulighederne lidt igennem for at finde den mest passende.

Når man skal udfylde i feltet: branche, kan det være relevant, at se valgmulighederne lidt igennem for at finde den mest passende. Sådan opretter du en LinkedIn profil: - Først starter man med at klikke ind på LinkedIn.com På forsiden ser man en boks til højre på skærmen. Her har man mulighed for at oprette sin profil ved hjælp af

Læs mere

Indholdsfortegnelse: Indledning side 2 Usability side 3 Swot side 3, 4 Tows side 4, 5, 6 Konklusion side 6 Bilag side 7.

Indholdsfortegnelse: Indledning side 2 Usability side 3 Swot side 3, 4 Tows side 4, 5, 6 Konklusion side 6 Bilag side 7. Indholdsfortegnelse: Indledning side 2 Usability side 3 Swot side 3, 4 Tows side 4, 5, 6 Konklusion side 6 Bilag side 7 Indledning: Dansk sejlunion er den nationale organisation for kap og fritidssejlads

Læs mere

Vi glæder os til at arbejde sammen med jer! De bedste hilsner. Sebastian Hansen og Bjarke Nielsen HeltSimpelt.dk

Vi glæder os til at arbejde sammen med jer! De bedste hilsner. Sebastian Hansen og Bjarke Nielsen HeltSimpelt.dk Vi glæder os allerede! Nu går det spændende arbejde i gang og vi skal om lidt levere jeres nye hjemmeside, blog, webshop eller alle tre dele samlet i et. Derfor skal vi bruge en kravsspecifikation, så

Læs mere

Responsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt.

Responsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt. Gruppe 11 Asta, Björk, Marie-Louise, Sofie. http://arice.dk/scherninghtml/forside1.html Husk at trykke på den første ørering inde under smykker. Brug venligst inspectoren når i tjekker tablet og mobil

Læs mere

Cindie Mortensen, Merete Koudahl, Pernille Tramp Webdesign, gruppeprojekt exercise 7. Menu A/S

Cindie Mortensen, Merete Koudahl, Pernille Tramp Webdesign, gruppeprojekt exercise 7. Menu A/S Menu A/S Problemfelt MENU A/S (MENU) er en dansk design virksomhed og producent. MENU har specialiseret sig indenfor skandinavisk design samt deres evige stræben efter at lave noget originalt. De repræsenterer

Læs mere

Projekt: Kend dine brugere. Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen

Projekt: Kend dine brugere. Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen Projekt: Kend dine brugere Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen Indholdsfortegnelse Introduktion: 3 Marketing: 3 Usability test: 4 Mockup design 6 Opsumering 7 Konklusion

Læs mere

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med

Læs mere

Trin for trin guide til Google Analytics

Trin for trin guide til Google Analytics Trin for trin guide til Google Analytics Introduktion #1 Opret bruger #2 Link Google Analytics til din side #3 Opret konto #4 Udfyld informationer #5 Gem sporings id #6 Download WordPress plugin #7 Vent

Læs mere

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester PORTFOLIO SEBASTIAN NYHOLM Eksamensprojekt 1. Semester Indledning Dette projekt gik ud på at designe og udvikle sit eget portfolio, hvor indhold fra tidligere projekter, læring, brugerteste og begrundelse

Læs mere

Markedsføring og e-handel

Markedsføring og e-handel Eniro Danmark A/S Markedsføring og e-handel Lederanalyse blandt små og mellemstore private virksomheder Figurrapport, landsdele 14.11.2014 Indhold Om analysen... 3 Resultater... 4 Spørgsmål 1 - Hvor stor

Læs mere

Vejledning for LOF s afdelingshjemmeside

Vejledning for LOF s afdelingshjemmeside Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Marts 2012 Adresse: http://dinafdeling.lof.dk/ Rediger hjemmeside i Umbraco: http://dinafdeling.lof.dk/umbraco/ Mobilside: Der er lavet en

Læs mere

GRAFISK DESIGN CAMILLA VINTER

GRAFISK DESIGN CAMILLA VINTER GRAFISK DESIGN CAMILLA VINTER OPGAVEBESKRIVELSE (Fiktiv) Jeg har valgt at lave en ny visuel identitet for Tv-programmet KURS MOD FJERNE KYSTER. I programmet følger du Mikkel Beha s og resten hans familie,

Læs mere

PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas

PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas INDHOLD GRUPPEMEDLEMMER...3 DESIGNBRIEF...4 KOMMUNIKATIONSANALYSE...4-5 KOMMUNIKATIONSMODEL...5 ARGUMENTATION FOR DESIGNPRINCIPPER...6

Læs mere

Delaflevering. Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, kyd@itu.dk. Kenneth Hansen, kenhan@itu.

Delaflevering. Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, kyd@itu.dk. Kenneth Hansen, kenhan@itu. Delaflevering Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, kyd@itu.dk Kenneth Hansen, kenhan@itu.dk 1 Indholdsfortegnelse Problemfelt - Problemformulering... 3 Målgruppe...

Læs mere

FRISØR VEST. Link til hjemmesiden: Frisorvest.github.io. Lavet af: Aleksander, Benjamin, Line & Cathrine

FRISØR VEST. Link til hjemmesiden: Frisorvest.github.io. Lavet af: Aleksander, Benjamin, Line & Cathrine FRISØR VEST Link til hjemmesiden: Frisorvest.github.io Lavet af: Aleksander, Benjamin, Line & Cathrine Case 3: Aleksander, Benjamin, Line & Cathrine. Beskrivelse af gruppens tidsplan Trello: Vi har benyttet

Læs mere

Få din egen hjemmeside

Få din egen hjemmeside I dette afsnit lærer du at bygge din egen hjemmeside tilføje tekst og billeder lave dit eget design lægge en baggrund på hjemmesiden I næste nummer får du hjælp til at bygge en større hjemmeside til en

Læs mere

Procesbeskrivelse - Webprogrammering

Procesbeskrivelse - Webprogrammering Procesbeskrivelse - Webprogrammering Indholdsfortegnelse Forudsætninger... 1 Konceptet... 2 Hjemmesiden... 2 Server-side... 3 Filstrukturen... 3 Databasehåndtering og serverforbindelse... 4 Client-side...

Læs mere

Tema 1. Gruppe 6 Mads Balslev & Kristian Gasberg. Vejledere Yngve Brækka Stensaker & Kristoffer Wendelboe

Tema 1. Gruppe 6 Mads Balslev & Kristian Gasberg. Vejledere Yngve Brækka Stensaker & Kristoffer Wendelboe Tema 1 Gruppe 6 Mads Balslev & Kristian Gasberg Vejledere Yngve Brækka Stensaker & Kristoffer Wendelboe Link http://des-iis.ucn.dk/mmda0914/1034387/ Database Mmda0914/1034387 Indledning Til dette projekt

Læs mere

REDESIGN AF PORTFOLIO 16. jan. 2015

REDESIGN AF PORTFOLIO 16. jan. 2015 REDESIGN AF PORTFOLIO 16. jan. 2015 Christoffer Møller Jarolics CPH Business Lyngby Multimediedesign Udviklingsprocessen af tilblivelsen af dette projekt redesign af portfolio, vil på de følgende sider

Læs mere

DATABASE Projekt 1-3. semester

DATABASE Projekt 1-3. semester DATABASE Projekt 1-3. semester Gruppe 2- CLmul-a12e Projekt URL http://www.lucasperch.dk/projekter/database.pdf Gruppe 2 Lucas Perch-Nielsen cph-lp14@cphbusiness.dk http://lucasperch.dk/skole.php Niclas

Læs mere

3. SEMESTER 2. PROJECT MULB Gruppe 1. 20. september 2015

3. SEMESTER 2. PROJECT MULB Gruppe 1. 20. september 2015 PROJECT DATABASE 3. SEMESTER 2. PROJECT MULB Gruppe 1. 20. september 2015 Ved at underskrive dette dokument bekræfter vi, at det indsendte materiale alt sammen er vores eget materiale og arbejde. Andreas

Læs mere

RÅD TIL BEDRE MARKEDSFØRING. Overblik - Tryghed - Sikkerhed

RÅD TIL BEDRE MARKEDSFØRING. Overblik - Tryghed - Sikkerhed RÅD TIL BEDRE MARKEDSFØRING Overblik - Tryghed - Sikkerhed OM SØGEMEDIER RÅD TIL BEDRE MARKEDSFØRING Søgemedier A/S er et rådgivnings- og mediehus beliggende i Aarhus og København. Vi lever af at optimere

Læs mere

CSR. 2. Semester 1. projekt http://s733l.dk/csr/index.php. Udarbejdet af MulA: Anders Lauridsen. Casper Christiansen Casper.christiansen1992@gmail.

CSR. 2. Semester 1. projekt http://s733l.dk/csr/index.php. Udarbejdet af MulA: Anders Lauridsen. Casper Christiansen Casper.christiansen1992@gmail. CSR 2. Semester 1. projekt http://s733l.dk/csr/index.php Udarbejdet af MulA: Anders Lauridsen Andrs.lauridsen@gmail.com Casper Christiansen Casper.christiansen1992@gmail.com Jonatan Nielsen Jonatantwn@hotmail.com

Læs mere

Grafisk Workflow. hovedforløb 2

Grafisk Workflow. hovedforløb 2 Grafisk Workflow hovedforløb 2 WORLD OF FURNITURE Forside.wrapper width: 95%; margin: 0 auto; box-shadow: 0px 0px 25px #888888; Image slider carousel 5 sekunder .button span.button span:after.button:hover

Læs mere

GRAFISK DESIGN. webdesign af pl.dk

GRAFISK DESIGN. webdesign af pl.dk Webdesign af pl.dk Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldportal, PL.dk. Hjemmesiden skal indeholde mange informationer, og samtidig

Læs mere

Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi. 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209

Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi. 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209 Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209 Projektets produkt: http://www.abc-cykling.7effrey.dk 1 Indholdsfortegnelse:

Læs mere

Making the world smile

Making the world smile Making the world smile http://www.somethingsimple.dk/projects/hasbrocsr/index.html Hasbro-gruppen - MulB 2.sem: Ivan Christensen, Jonas Falk & Augusta Naundrup Problemformulering 3 PBS 4 WBS 4 Gantt chart

Læs mere

LIGHT BASIC PRO NY HJEMMESIDE?

LIGHT BASIC PRO NY HJEMMESIDE? LIGHT BASIC PRO NY HJEMMESIDE? her er et godt sted at starte! LIGHT Light er vores mindste løsning. Den er udviklet i Wordpress, som er det mest brugte open source CMS. En Light hjemmeside er baseret på

Læs mere

GRAFISK DESIGN DOTHOST HJEMMESIDE

GRAFISK DESIGN DOTHOST HJEMMESIDE DOTHOST HJEMMESIDE Opgavebeskrivelse Gammelt design Nyt design Dothost er et nyopkøbt firma af ATZnet. Jeg blev ansat til at lave et redesign af siden og få det mere nutidigt og troværdigt. Jeg har igennem

Læs mere

Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine

Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine Pernille Sjøgreen Kathrine Amalie Russell Harder Line Rasmussen www.pernillesjoegreen.com www.kathrineharder.com

Læs mere

Quick Guide til bedre online markedsføring MERSALG. med b2b webshop. Start her med et par gode råd og få flere hos Idé Bureauet Reklame & Marketing

Quick Guide til bedre online markedsføring MERSALG. med b2b webshop. Start her med et par gode råd og få flere hos Idé Bureauet Reklame & Marketing Quick Guide til bedre online markedsføring MERSALG med b2b webshop Start her med et par gode råd og få flere hos Idé Bureauet Reklame & Marketing HVORDAN... Hvordan skaber man mersalg? 1 Varen skal være

Læs mere

det færdige resultat

det færdige resultat grafisk design Under dette fagområde har jeg valgt at præsentere jer for en opgave, jeg har udarbejdet for virksomheden Breinholt. Breinholt er en nyopstartet virksomhed i Odense, der tilbyder spirituel

Læs mere

kollegiekokkenet.tmpdesign.dk Side 1

kollegiekokkenet.tmpdesign.dk Side 1 kollegiekokkenet.tmpdesign.dk Side 1 Indholdsfortegnelse Forord 3 Problemformulering 4 Udviklingsmetode 5 Tidsplan 6 Målgruppe 7 Design brief 8 Logo 10 Typografi og farve 11 Navigationsdiagram 12 Usecase

Læs mere

Grafisk design. Ide. Designprocess. Målgruppe

Grafisk design. Ide. Designprocess. Målgruppe Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.

Læs mere

ViKoSys. Virksomheds Kontakt System

ViKoSys. Virksomheds Kontakt System ViKoSys Virksomheds Kontakt System 1 Hvad er det? Virksomheds Kontakt System er udviklet som et hjælpeværkstøj til iværksættere og andre virksomheder som gerne vil have et værktøj hvor de kan finde og

Læs mere

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,

Læs mere

Mads Bruun Simonsen, Daniel Engelhardt, Alexander Klug Rasmussen, & Philip Nielsen. Corporate Social Responsibility

Mads Bruun Simonsen, Daniel Engelhardt, Alexander Klug Rasmussen, & Philip Nielsen. Corporate Social Responsibility Corporate Social Responsibility 1st project 2nd sem. February 2016 Mads Bruun Simonsen Daniel Engelhardt Alexander Klug Rasmussen Philip Nielsen LINK Cphbusiness Side 1 af 10 Indholdsfortegnelse Projektbeskrivelse.3

Læs mere

Projekt database. 3 Semester - Mul a Projekt 1. Yaser Osman cph-mo102@cphbusiness.dk. Dan Eskildsen cph-de32@cphbusiness.dk

Projekt database. 3 Semester - Mul a Projekt 1. Yaser Osman cph-mo102@cphbusiness.dk. Dan Eskildsen cph-de32@cphbusiness.dk Projekt database 3 Semester - Mul a Projekt 1 Yaser Osman cph-mo102@cphbusiness.dk Dan Eskildsen cph-de32@cphbusiness.dk Ammar Al-Basri cph-aa140@cphbusiness.dk Emre Kandemir cph-ek68@cphbusiness.dk Lotte

Læs mere

Google My Business. Christina Søndergaard Online Marketingchef

Google My Business. Christina Søndergaard Online Marketingchef Google My Business Christina Søndergaard Online Marketingchef Hvad skal vi igennem? 1. Om digital markedsføring 2. Om Google My Business 3. Opsætning af Google My Business 4. Funktioner i Google My Business

Læs mere

PROJEKT 3, 1. SEM WEBSITE FROM CLIENT BRIEF

PROJEKT 3, 1. SEM WEBSITE FROM CLIENT BRIEF Links til portfolio Anna Emely Jensen Oliver Alexander Vedel Trojahn Maja Scheel Kvint Cecilie Sørensen http://www.annaemely.wordpress.com https://www.olivervedel.wordpress.com http://www.cphbusiness.makvi.dk

Læs mere

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html!

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html! Portfolio redesign Kia Dahlen cph-kd51@cphbusiness.dk 1. semester eksamen MUL-A 2013 www.mul17.itkn.dk/portfolio/index.html Underviserer: Ditlev Skanderby Frederik Tang Ian Wisler-Poulsen Jesper Hinchely

Læs mere

Bag om projekterne. Flow 1 Flow 2 Flow 3 Flow 4 Flow 5. Her kan du navigere dig rundt i opgaven: (Note: the following will be in Danish)

Bag om projekterne. Flow 1 Flow 2 Flow 3 Flow 4 Flow 5. Her kan du navigere dig rundt i opgaven: (Note: the following will be in Danish) Bag om projekterne (Note: the following will be in Danish) Hvad kan jeg finde her? I dette dokument får du et kronologisk indblik i processen bag mine skole projekter: hvad mine idéer var, hvad jeg har

Læs mere

GRAFISK PRODUKTION & WORKFLOW. Endotest website

GRAFISK PRODUKTION & WORKFLOW. Endotest website GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere

Læs mere

SmartWeb Brugermanual

SmartWeb Brugermanual SmartWeb Brugermanual Table of Content Table of Content... 1 Best Practice SmartWeb:... 2 Implementering... 4 Egenskaber:... 5 Filer:... 7 Oprettelse af Kategori... 9 Sider og Tekster:... 11 Slideshow...

Læs mere

BLACK FRIDAY Årets største handelsdag

BLACK FRIDAY Årets største handelsdag BLACK FRIDAY Årets største handelsdag 1 Indholdsfortegnelse 1. Målsætning og strategi 4 2. Budget 6 3. Dagens vigtigste timer 7-8 4. Enheder 9 5. Betalingsmetoder 10 6. Søgemaskineoptimering 12 7. Google

Læs mere

BLACK FRIDAY Årets største handelsdag

BLACK FRIDAY Årets største handelsdag BLACK FRIDAY Årets største handelsdag 1 Indholdsfortegnelse 1. Målsætning og strategi 4 2. Budget 6 3. Dagens vigtigste timer 7-8 4. Enheder 9 5. Betalingsmetoder 10 Indledning Sidste år shoppede danskerne

Læs mere

Portfolio. Udvikling af min portfolio Link til portfolio: Michell Aagaard Dranig

Portfolio. Udvikling af min portfolio Link til portfolio:   Michell Aagaard Dranig Portfolio Udvikling af min portfolio Link til portfolio: http://dranigdesign.com/ CPH-MD267@CPHBUSINESS.DK ind på en af undersiderne, kom home finde ud af, hvad mit eksamensprojekt Udvikling af min portfolio

Læs mere

DSU Dansk Stavgang Union

DSU Dansk Stavgang Union DSU Dansk Stavgang Union Projekt 3 af Camilla, Mateen, Mikkel & Sandie Indholdsfortegnelse Design brief Side 3 Projektplanlægning Side 4 Stakeholder analyse Side 6 Informations arkitektur Side 8 Medier

Læs mere

Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden.

Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden. Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden. VENSTRE kolonne indeholder flere elementer (se illustration

Læs mere

MULTIMEDIEDESIGNER 1. ÅRS PRØVE

MULTIMEDIEDESIGNER 1. ÅRS PRØVE MULTIMEDIEDESIGNER 1. ÅRS PRØVE Eksamensprojekt, 2. semester, forår 2010 TEMA: E-HANDEL Erhvervsakademiet København Nord Udleveret mandag d. 3. maj 2010 Afleveres i 4 eksemplarer senest d. 28. maj kl.

Læs mere

LIGHT BASIC PRO NY HJEMMESIDE?

LIGHT BASIC PRO NY HJEMMESIDE? LIGHT BASIC PRO NY HJEMMESIDE? her er et godt sted at starte! LIGHT Light er vores mindste løsning. Den er udviklet i Wordpress, som er det mest brugte open source CMS. En Light hjemmeside er baseret på

Læs mere

sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen

sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen Gruppe: MUL A 10 Email: Michell cph-md267@cphbusiness.dk, Emma cph-eb121@cphbusiness.dk,

Læs mere

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels Bilag 1 Bilag 2 Projekt 1 - usability test og marketing Gruppe: Senia, Agnete, Andreas, Ninette Website: postdanmark.dk Undersøgelsesområde: navigation og funktionalitet Tests: Brugertest (funktionalitet)

Læs mere

Nicolai Jørgensen: Søren Lind: Joakim Rydén:

Nicolai Jørgensen:  Søren Lind:  Joakim Rydén: 2. Semester projekt 2 - E-magazine Nicolai Jørgensen: http://nicolaihwj.dk/ Søren Lind: http://sorenlindgraphic.com/ Joakim Rydén: http://joakimryden.com/ 1 Indholdsfortegnelse Projekt plan...........................side

Læs mere

Markedsføringskanaler

Markedsføringskanaler Markedsføringskanaler Der findes et hav af markedsføringskanaler, som du kan bruge til at promovere og køre din forretning igennem, men vi har her udvalgt 3 digitale kanaler, som er stærke og effektive

Læs mere

Quick guide. tvilums e-shop.

Quick guide. tvilums e-shop. Quick guide tvilums e-shop www.tvilum.com Quick Guide Tvilums e-shop Vi er stolte af at kunne præsentere Tvilums nye hjemmeside med e-shop. Vi håber at den vil skabe merværdi for din forretning som forhandler

Læs mere

Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe...6 Købskriterier Design Parametre...8 Tekst Illustrationer

Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe...6 Købskriterier Design Parametre...8 Tekst Illustrationer Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe....6 Købskriterier Design Parametre...8 Tekst Illustrationer Farver Form AIDA.... 10 Attention Interest Desire Action

Læs mere

Case study: Pinterest

Case study: Pinterest Case study: Pinterest Hvad? Pinterest er en social medieplatform, der hovedsageligt fungerer som værktøj til at samle, dele og udforske visuelt indhold. Udbredelse, hvor mange, vækstpotentiale? Pinterest

Læs mere

Introducering af Flip MinoHD: http://celikshadow.dk/flip/

Introducering af Flip MinoHD: http://celikshadow.dk/flip/ Introducering af Flip MinoHD: http://celikshadow.dk/flip/ Ahmad Hahmoud Besir Redzepi Jeffrey Lai 04/05-2009 2.semester 3. projekt Indholdsfortegnelse: 1.0 Forord 3 2.0 Kommunikationsplan 4 3.0 Navigationsdiagram

Læs mere

KALAS FESTIVAL. Link til hjemmesiden: http://www.kalasfestival.casperragn.com/ Laura Lundby Gravesen http://www.selragadedesign.wordpress.

KALAS FESTIVAL. Link til hjemmesiden: http://www.kalasfestival.casperragn.com/ Laura Lundby Gravesen http://www.selragadedesign.wordpress. KALAS FESTIVAL Link til hjemmesiden: http://www.kalasfestival.casperragn.com/ Laura Lundby Gravesen http://www.selragadedesign.wordpress.com Casper Ragn http://www.casperragn.wordpress.com Niels Otto Andersen

Læs mere

Sådan kommer du i gang med at handle på Berners WEBshop

Sådan kommer du i gang med at handle på Berners WEBshop Sådan kommer du i gang med at handle på Berners WEBshop Bestil dine varer, når DU har tid! Berners webshop tilbyder en række unikke værktøjer, hvor du som kunde har mulighed for at skræddersy din personlige

Læs mere

GRAFISK PRODUKTIONSFORSTÅELSE

GRAFISK PRODUKTIONSFORSTÅELSE GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres

Læs mere

Analyse af website: cinnobershop.dk

Analyse af website: cinnobershop.dk Analyse af website: cinnobershop.dk Gruppe 12: Brit, Caroline, Line & Søren v1_7/3-16 Indholdsfortegnelse ANALYSE Kommunikation 3 Wireframes - Home 4 - about 5 - webshop 6 - webshop/betaling 7 Grafiske

Læs mere

grafisk workflow OPGAVE: EMBRACE-IT WEBSITE

grafisk workflow OPGAVE: EMBRACE-IT WEBSITE grafisk workflow OPGAVE: EMBRACE-IT WEBSITE BESKRIVELSE GRAFISK WORKFLOW BESKRIVELSE Den tidligere nævnte virksomhed Embrace-IT, forsøger i takt med at virksomhen vokser, at opdatere og optimere deres

Læs mere

CONFERENCE MANAGER. For at logge på Conference Manager skal du åbne Google Chrome

CONFERENCE MANAGER. For at logge på Conference Manager skal du åbne Google Chrome VELKOMMEN TIL I CONFERENCE MANAGER For at logge på Conference Manager skal du åbne Google Chrome Åben www.conferencemanager.dk og klik på Log Ind oppe i højre hjørne. BENYT NEDENSTÅENDE LOGIN OPLYSNINGER

Læs mere

Du har fået en fin ny hjemmeside. Alt er perfekt. Teksten er finpudset. Billederne spiller. Vennerne siger tillykke. Og lige om lidt, så sker der

Du har fået en fin ny hjemmeside. Alt er perfekt. Teksten er finpudset. Billederne spiller. Vennerne siger tillykke. Og lige om lidt, så sker der Kender du det her Du har fået en fin ny hjemmeside. Alt er perfekt. Teksten er finpudset. Billederne spiller. Vennerne siger tillykke. Og lige om lidt, så sker der INTET. Ingen trafik ingen salg ingen

Læs mere