Design af Hitman 7 website

Gruppearbejde

Opgaven gik ud på at oprette et nyt website ved brug af brainstorming/de 6 tænkehatte, skitse, wireframe, moodboard, mockup og prototype.

Prototype:

Se i browser

IO Interactive (IOI) – De seks tænkehatte

Blå hat - definerer indledende emne og opgave:
IO Interactive

Hvid hat - klarlægger fakta og datagrundlag omkring emnet:
Vi har fundet billeder, til deres design stil.

Grøn hat - fremsætter kreative løsningsforslag:
Lave en underside til hitman 7, og folder sig ud med farver, wireframes, style guide, og mood board.

Gul hat - ser muligheder og fordele ved løsningsforslag:
Hvordan vi laver designet og valg af farver, så vi får mere trafik på siden, og hvordan optimerer siden til målgruppen

Sort hat - ser problemer og risici ved emne og forslag:
Den sorte farve som viser sig frem, som en dyster stemning.

Rød hat - udtrykker stemning og følelser omkring emne og forslag:
Stemningen skal være dyster og mørkt.

Blå hat - opsummerer og konkluderer afsluttende:
Vi laver underside til IO Interactive

Skitse

Skitse af Hitman 7 website

Hurtig skitse der skal illustrere hvordan, sitet skal bygges/se ud.

Wireframe

Wireframe af Hitman 7 website

Oversigt over placering af elementer på sitet.
Idéen er at lade header og footer fylde hele viewporten horisontalt, men at lade indholdet fylde en max-width, så der er white-space fordelt ligeligt på begge sider af sitets indhold (margin: 0 auto).

Moodboard

Moodboard til Hitman 7 website

Stemningen skal være en smule dyster, da spillet handler om en lejemorder - Derfor sættes stemningen med mørke billeder og stil.

Mockup

Mockup til Hitman 7 website

Eksempel på det færdige udseende lavet i Photoshop.
I forhold til AIDA modellen kunne jeg godt have tænkt mig, at vi havde fået lavet noget, der illustrerede højdepunkter i spillet (interest) - f.eks.:

- Hitman har udviklet kinetiske evner og kan nu flytte ting med tankens kraft
- Nye features i spillet som jetpack, bazookagun og håndgranatæbler.

Styleguide

Styleguide til Hitman 7 website

Styleguiden er fulgt for at sikre, at de rigtige elementer (farve, typografi, logo) er korrekte og præcise.

Tilbage
Videre