Grafisk Design

Opgavebeskrivelse

Redesign af Dropzone Denmark’s hjemmeside. 
Opgaven er lavet i min fritid.

Dropzone Denmark er det eneste professionelle
faldskærmscenter i Danmark.

Min opgave i projektet bestod af:

  • Udtænkning af design

  • Opsætningen på hjemmesiden

  • Overføre tekster fra nuværende
    hjemmeside

Anvendte Programmer

  • Adobe Photoshop

  • Adobe Illustrator

  • Adobe Dreamweaver

Samlet tid: ca. 50 timer

Teknisk Info

  • Responsivt design

  • Fuld funktionalitet på alle de store browsere

  • HTML 5 + CSS + Jquery

  • Farveprofil til digitalt: Adobe RGB (1998)

Kundeprofil

Dropzone Denmark blev stiftet i foråret 2015, af Rasmus Fynshave, Kim Bo Larsen og Philip Østerberg, der tilsammen har ca. 7500 spring og mere end 30års erfaring i sporten.

Målgruppe

Dropzone Denmarks målgruppe er hovedsageligt mennesker, der er aktive indenfor solospring med henblik på det praktiske arbejde og håndværk, det kræver. Tandemspring hører mere ind under det grå segment, da det er en oplevelse, alle kan være med til.

Violet segment
Traditionelle Materialistiske

  • Frit fald spænding

  • Erhvervsliv

  • Militær

  • Høj indkomst

Idegenerering

Dropzone Denmark har allerede lavet adskillige ting med et grafisk design. Se inspiration.

Ud fra de ting så jeg følgende elementer, som jeg ville genbruge på deres hjemmeside:

  1. Tandemspring-billederne
  2. Solospring-billedet
  3. Baggrund med himlen
  4. Det rillede mørke metal baggrund
  5. De grønne farver
  6. Kasser med grøn ramme

Inspiration

Skitsefase 1

Basis opsætning

Start-spørgsmål under skitsefasen

  • Hvordan skal navigation placeres?

  • Skal content (indholdet) gå til kant?

  • Skal content dele sig op på tværs?

  • Hvor bred skal content og navigationen være?

Valgte

Besluttede mig for køre videre med navigationen fra skitse 3 og content størrelsen fra skitse 8, med tanke på evt. opdelingerne i indholdet.

Skitsefase 2

Start design

Elementer i bagtanke

  • Dropzone Denmarks logo

  • Tandemspringere

  • Solospringer

  • Himmelbaggrund

  • Dropzone Denmarks mørk metal plade baggrund

  • Brugen af Dropzone Denmarks grønne farver i forbindelse med tekster og baggrund

Valgte

Ud fra mine 5 skitser valgte jeg skitse 2 og 5. Skitse 2 har meget himmel, hvilket beskriver Dropzone Denmark som ønsket. Skitse 5 er til gengæld meget tættere på Dropzone’s designlinje end skitse 2.

For at få en bedre fornemmelse, for hvilken der fungere bedst, som redesign på Dropzone Denmarks hjemmeside lavede jeg begge i Adobe Illustrator, som de skulle på hjemmesiden.

Designforslag

Det endelige design på skitse 2 er for langt væk fra Dropzone Denmarks designlinje.
Det har fået et design, der minder om noget sci-fi, men med Dropzone Denmarks billeder og tekst.

Til gengæld blev jeg positivt overrasket over den gode kontrast, der var i skitse 5 mellem den mørke baggrund og himlen.
Den rammer kundens designlinjer meget bedre end skitse 2 (se inspiration).

Forberedelse

Inden jeg begynder at kode hjemmesiden, har jeg lavet et grid, jeg kan basere min hjemmeside på.

  1. Mit design
  2. Mit grid
  1. Mit design
  2. Mit grid

I min kodning har jeg valgt at bruge Bootstrap, da jeg vil bruge deres responsive navigation og grid. Deres templates kan hentes fra www.getbootstrap.com.