Redsign af SF-Film Link til orginale side: sf-film.dk Link til vores redesign: http://tanalie.dk/sffilm/kontakt.html Hold A Daniella de Lopes, Natalie Frandsen og Sara Klausen
Kort beskrivelse af projektet: Vi har valgt at redesign SF-film.dk. Hjemmesiden har en uoverskuelig opbygning da det meste af indholdet er lagt på forsiden. Derudover har deres navigation flere undermenuer, som man skal trykke på - det vil sige at deres egentlige navigationslink ikke virker, så man bliver utrolig forvirret over at det aktive link er selve undermenuen. Derudover har en af deres sider en sort baggrundsfarve selvom alle andre sider har hvid baggrund. Deres logo er heller ikke gjort gennemsigtigt oppe i fanebladet så der er en hvid firekant rundt om. I vores redesign har vi ladet os inspirere af arts and crafts stilarten. vi har designet en baggrund med et cremet mønster på en brun baggrund. Vi har simplificeret siden så der ikke er en masse proppet på forsiden. Derudover har vi også fjernet de forvirrerende undermenu-punkter så det kun er navbaren, der fungerer aktivt.
Kommunikation: Kreativt Brief: - HVEM ER AFSENDEREN? Svensk Filmindustri (SF) - HVAD ER FORMÅLET? SF Film A/S distribuerer både indkøbte spillefilm og SF Film Productions egne produktioner til det skandinaviske og nordiske marked. Formålet er at gøre opmærksom på de nyeste film der køre i biografen, og hvilke aktuelle DVD/Blue-Ray film der er på markedet, samt nyheder fra filmverden. - HVEM ER MÅLGRUPPEN? Filmentusiaster, folk med adgang til de sociale medier - HVAD TÆNKER MÅLGRUPPEN OM OS NU? Sitet virker ikke færdiglavet og rodet. De kommer ikke frem med budskabet omkring deres egen medvirken i filmene der bliver vist på deres side. - HVAD SKAL MÅLGRUPPEN TÆNKE OM OS? At SF er opdateret omkring de nyste film og nyheder inde for filmverden. - HVAD ER BUDSKABET? At de distribuerer både indkøbte spillefilm og SF Film Productions egne produktioner til det skandi naviske og nordiske marked. -HVORDAN ER VORES STIL OG TONE? Sitet er på nuværende tidspunkt meget anonymt, vi vil gerne sætte fokus på deres budskab på sitet og ramme en mere bred målgruppe. Sitet vil få mere struktur og mere overskuelighed. Sitet vil blive mere simpelt og brugervenligt. - HVOR KOMMUNIKERER VI? Vi kommunikere på de sociale medier og via sitet. - SÆRLIGE KRAV ELLER BEGRÆNSNINGER? Billederne skal være i højere kvalitet og siden skal være responsiv. Navigationen skal være mere forenklet.
Værdigrid:
AIDA modellen: Attention: Sitets forside skal indeholde en slider med billeder af de nyeste film i biografen. Her fortæller vi hvad brugeren skal gå ind og se, den skal også bevare brugeres interesse så de går videre på siden. INTERST: For at bevare brugeres interesse, vil layoutet på sitet være mere moderne og få brugeren til at besøge flere sider på sitet. Det skal være spændene for brugeren at besøge sitet og komme med noget mere information om hvad SFfilm står for. DESIRE: På sitet er der 2 menuer som kan gøre brugeren ønsker dette produkt. Menuen Biograf gør at brugeren kan købe biografbilletter og få lyst til at se en af de nyeste film der er i øjeblikket. Menupunktet DVD/Blue-Ray gør at brugeren får lyst til at købe en DVD eller Blue-Ray da de her under dette menupunkt kan læse om hvad filmen handler om og linker til hvor den kan købes. ACTION: Ved at gøres sitet brugervenlig og simpel, er der større chance for at få brugeren til at handle på siden, Købe biografbilletter eller købe en film. Sitet har knapper som køb billet eller køb film det er en form for Call-toaction.
De 8 bud: 1. NAVIGATION Det er nemt at finde rundt på sitet, men brugervenligheden er ikke optimal, da den har integreret drop down menu som der egentlig ikke er brug for. 2. BRUGERGRÆNSEFLADE & BRUGERINDDRAGELSE Brugeren skal have information om de nyste film og hvilke nyheder der er i filmverden. brugeren kan tilføje sine e-mail og blive tilmeldt et nyhedsbrev. Derudover er der en kontaktformular hvis man har spørgsmål, brugeren kan også købe DVD/Blue-Ray via link til Fona. 3. LAYOUT Sitet er kedeligt og de gør ikke brug af gestaltlovene, f.eks. det er svært at se på forsiden hvilke titler der hører til hvilken film. Læsbarheden er okay der er ikke for meget ligegyldig tekst, og længden på teksten er også passende. 4. GRAFISKE ELEMENTER, FOTOS & FARVE Der er ikke nogen speciel stilart eller fotostil. Den eneste farve der bliver brugt er rød som er i logoet som sidder fast i venstre hjørne. Deres ikoner for sociale medier er det eneste som angiver en stilart som kun minde om vintage stilen, denne stilart bliver kun vist op ikonerne. 5. BRANDING Sitet fortæller ikke noget om sig selv, de viser kun hvilke nye film man kan se i biografen og hvilke DVD/ Blue-Ray der er fremme på markedet. De er dog aktive på de sociale medier og ligger tit noget nyt op. 6. MEDIEFORMER & SOCIAL MEDIA De har trailer til de nyeste film, som man kan se hvis man trykker på filmen på forsiden. Derudover er de på alle tænkelige sociale medier, så som: Instagram, Facebook og Twitter. 7. MÅLGRUPPE Det er svært at vide hvilken målgruppe sitet henvender sig til da men ikke kan se hvem de prøver at ramme. Medie studerende som kan havde interesser i at vide noget om Svensk filmindustri, som kan have brug for finansiel støtte. Filmentusiaster som er interesse i at følge med i filmverdens nyheder og hvilke film der bliver vist i biografen. 8. SAMMENFAT DIN PERSONLIGE VURDERING AF SITET Sitet har nogle brugbar funktioner, da den linker til Kino.dk og Fona når brugeren skal købe billet til en film eller købe en DVD/Blue-Ray film. Sitet rammer ikke målgruppen, da de ikke præsentere sig selv. Navigationsmenuen fungerer ikke helt da man skal trykke på dropdown menuen før den viser.
Sitemap:
Wireframes logo Navbar Forside slider biofilm biofilm biofilm biofilm nyhed nyhed nyhed footer logo Navbar DVD/BLUE RAY køb køb køb køb køb køb footer
logo biograf Navbar Køb billet Køb billet Køb billet Køb billet Køb billet Køb billet footer logo Navbar Om SF Finansierede film tekst footer
logo nyheder Navbar footer logo Navbar kontakt kontaktformular kontaktoplysninger kort footer
Layoutdiagrammer Forside ṿ body.navbar h1.carousel pics pics pics -fluid.footer
Biograf v.body.navbar h1 -fluid.footer
DVD/blu-ray v.body.navbar h1 -fluid.footer
Nyheder.body.navbar.text.text.text.text.text.text.text.text.text -fluid.footer
om os.body.navbar h2.text -fluid.footer
Kontakt v.body.navbar.col.col.map -fluid.footer
Visuel ID: Style tile: Moodboard:
Designdokumentation: Logovarianter:
Process med baggrundsbillede: Færdige resultat:
Process in Browser:
Designdokumentation: Logo: https://www.google.dk/search?q=sf+film+logo&espv=2&biw=2133&bih=1076&source=l- nms&tbm=isch&sa=x&ved=0ahukewjo-lwu24plahvevhqkhqmmcauq_auibig- B&dpr=0.9#imgrc=-95_CF7963swUM%3A Billeder på biografside: http://www.kino.dk/ Billeder på DVD/blu Ray-side: http://www.sf-film.dk/index.php/dvd-blu-ray/aktuelle-dvd-blu-ray Billeder af skuespillere på nyhedsside: https://www.google.dk/imgres?imgurl=https://inspirationsjunkie.files.wordpress. com/2014/09/img_1592.png&imgrefurl=https://inspirationsjunkie.wordpress. com/2014/09/10/mille-dinesen-danmarks-smukkeste-kvinde/&h=1182&w=789&tbnid=dq9n4erm6luwum:&tbnh=186&tbnw=124&docid=r4gkkjvs0c2odm&itg=1&usg= ILDJnIqZS-eilEkdF2rVOsB7kw0= https://www.google.dk/imgres?imgurl=http://www.allthatmanagement.dk/atm/admin/ upload_images/profilbilleder/28/profilbillede.jpg&imgrefurl=http://www.allthatmanagement.dk/atm/klient.php%3fkid%3d28%26tid%3d%26lang%3den%26p%3dcv&h=374&w=305&tbnid=wcm_m2qeiaw6em:&tbnh=186&tbnw=151&docid=k- BIN2FFS2cSsXM&itg=1&usg= ggqmek6abpybmii29xkqdc0kjei= https://www.google.dk/search?q=rasmus+botoft&espv=2&biw=2133&bih=1076&source=lnms&tbm=isch&sa=x&ved=0ahukewjovkyw3iplahxcchqkhtpubhoq_auibigb&dpr=0.9#imgrc=du6hkuzvkhf42m%3a https://www.google.dk/search?q=paprika+steen&espv=2&biw=2133&bih=1076&source=lnms&tbm=isch&sa=x&ved=0ahukewil576i3iplahwborqkhchnauiq_auibigb&dpr=0.9#imgrc=dzmngltt4e04pm%3a Billeder på om os-side: https://da.wikipedia.org/wiki/mauritz_stiller https://sv.wikipedia.org/wiki/fil:charles_magnusson_1930.jpg https://da.wikipedia.org/wiki/victor_sj%c3%b6str%c3%b6m
Teknisk dokumentation: Javascript loadingbar plugin: http://github.hubspot.com/pace/docs/welcome/ Javascript vis mere/mindre : http://jsfiddle.net/wpn94/ Media Cuery der viser et billede i stedet for tre når du mindsker skærmstørrelse: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp Javascript carousel: http://getbootstrap.com/javascript/#carousel Javascript click-function på mobil-navbar: