afsender Aarhus Folk Festival

Transkript

1 GRAFISK DESIGN Hjemmeside

2 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å enkel at kunden selv efterfølgende kunne varetage den. Hvad er dit bidrag til opgaven? Alt der er lavet i vektor, farvebeslutninger til logo/ hjemmesidens visualisering, photoshop af billeder, planlægning af hjemmesidens udformning mm. afsender Aarhus Folk Festival målgruppe Alle interessede i festivallens program. Det er en alsidig og anderledes festival, der rammer bredt, men primært de der interesserer sig for folkemusik i forskellige afskygninger. Grafiske valg I samarbejde med kunden, blev vi enige om et enkelt design med simple plugins, så de selv kunne lære at rette/justere/tilføje elementer hvis aktuelt. grafiske designparametre: Hjemmesiden er lavet som child_theme, så den ikke ved uheld kan blive opdateret/ændret uhensigtmæssigt. Alle billeder er redigeret til at være samme størrelse, da det også kan give udfordringer ift kundens ønske om arbejde med siden selv. Der blev valgt undersider fremfor one-page, da der er for meget information og ville ende med at blive for rodet.

3 Proces Briefing Inspiration Grove træk Håndværk deadline 1 Møde med kunden om deres ønsker ang. siden Finde gode eksempler på 2 hjemmesider 3 farve, finde 4 ikoner, redigere 5 med tilsvarende målgruppe Beslutte tema, overordnet billedemateriale mm Opsætte, vælge og kode plugins, tegne tekst, behandle billeder Fejlfinde, komprimere og uploade hjemmesiden og sætte kunde ind i programmet

4 Proces Inspiration Musik, musik og mere musik Der findes mange koncertsteder og festivaller i Danmark og ligeså mange forskellige måder at opsætte hjemmesider på. Generelt har jeg en oplevelse af, de ofte bliver noget rodede, da afsender forsøger at fortælle det hele på en gang. Dette efterlader mig med en oplevelse af forvirring og kan blive irriteret, hvis ikke jeg ved hvor jeg skal klikke. For at lave den bedst mulige hjemmeside til Aarhus Folk Festival, brugte jeg derfor en del tid på at undersøge hvordan de bedste koncertsteder opbygger deres side. 2 rigtigt gode er: Train og Voxhall

5 Proces Grove træk Tema, generel stil, billede og plugins Jeg valgte et af de mest populære temaer i wordpress twenty-seventeen, da det af flere grunde supplerede det ønskede design. Derudover var det mit første selvstændige projekt i wordpress og valgte derfor også dette tema, da der er meget support til. Temaet har stort header billede på forsiden, og mindre header på alle undersider. Derudover har det indbygget en redigerbar footer, og alt andet i det originale tema blev slettet. Siden er primært opbygget i Beaver-Builder, der tillader bruger forholdsvist frit, at indsætte html, tekst, foto, lyd og video som ønsket. Derefter valgte jeg en masse anbefalede plugins og tilføjede løbende efter behov.

6 Proces Håndværk Kundens ønsker, plugins og design Kunden havde flere specifikke design ønsker, der bl.a. involverede den grønne farve, unikke og specielt designede ikoner til informationerne på forsiden og generelle ideer om billedernes fremvisning. De mange bands på festivallen havde lange tekster, så besluttede at lave et modal plugin (lightbox), så hvert band fik sin egen pop-up. Programmet fyldte også en del, så hver dag fik sin egen drop-down menu, der også sparede plads på dennes side. Derudover lavede jeg en designet facebookfeed (viser opslag på festivallens FB side), et google maps, der viser de forskellige spillesteder, kontaktside, galleriplugin for at vise stemningsbilleder fra sidste års festival osv.

7 Design Css, font & udtryk custom css & short codes De gennemgående farver er sort, grøn og hvid. Specielt den grønne farve er gennemgående på hele sitet, da logoet har samme hexkode. Udover at være baggrundsfarve, bliver den grønne også anvendt i de designede ikoner, typografien og linjer til at opdele afdelinger på siden. Kunden har leveret billederne og ønskede ikke at få dem manipuleret primært grundet rettigheder fra fotografen. Den primære font på siden er Ubuntu. Anvendt både i <p> og de forskellige <H> tags. Jeg foreslog kunden flere gange at variere med eksempelvis en bebas Neue/Impact overskrift, men blev nedstemt

8 Konklusion Afslutning, kvalitetsvurdering Jeg oplevede en meget glad og yderst tilfreds kunde. Vi havde god kontakt hele vejen igennem projektet og var generelt meget få rettelser. Afslutning og aflevering af projektet foregik med en introduktion og gennemgang af sidens forskellige elementer og muligheder for at ændre på dem. Jeg instruerede kunden i opbygningen og hun har siden næsten selv varetaget vedligeholdelse og opdatering af siden. Personligt ville jeg have taget andre design mæssige valg - Eksempelvis variere fontvalg, bedre kvalitet billeder, mindre tekst og generelt fjerne mindre vigtige informationer. Projektet gav mig en langt bedre forståelse for CMS og udfordringerne ved at designe i låste skabeloner. Man kan til en hvis grad anvende CSS, men skal hele tiden være opmærksom på de skjulte informationer, der ligger gemt inde i de forskellige.php. Har man ikke arbejdet med php, kan det godt være en lidt hård start at designe med wordpress. Se det endelige produkt